EditCellTableDemo-CEpa00Dd.js 4.6 KB

1
  1. var l=(t,m,i)=>new Promise((p,n)=>{var s=e=>{try{o(i.next(e))}catch(r){n(r)}},a=e=>{try{o(i.throw(e))}catch(r){n(r)}},o=e=>e.done?p(e.value):Promise.resolve(e.value).then(s,a);o((i=i.apply(t,m)).next())});import{d as u,ag as c,aq as f,ar as b,k as C}from"./vue-vendor-Be68asQ6.js";import"./index-D2G57Sln.js";import{o as h}from"./select-aK17tJmo.js";import{d as E}from"./table-DeSHy8TZ.js";import{t as w}from"./tree-EuKYz3bc.js";import{u as x,a as _}from"./index-BFfnEkVs.js";import{useListPage as I}from"./useListPage-aOfrd-Tw.js";import k from"./BasicTable-CuSLkXEu.js";import"./componentMap-BUTAcOmo.js";import"./antd-vue-vendor-DcqS7Wvq.js";import"./useFormItem-CtGMPcLp.js";import"./index-CETWS1o0.js";import"./BasicModal-D4gc2R81.js";import"./useTimeout-Ca5eqGu-.js";import"./vxe-table-vendor-DHF2TRpV.js";import"./useWindowSizeFn-BTSGGcie.js";import"./index-BZ_MXCtW.js";import"./index-BIPzXG41.js";import"./index-CXEQnmRq.js";import"./useIntersectionObserver-Bl62RIZ4.js";import"./download-CjoX0_mR.js";import"./base64Conver-24EVOS6V.js";import"./index-D1703ozz.js";import"./index-Bi7PIj53.js";import"./useCountdown-B7iR27pS.js";import"./useFormItemSingle-nLM0QlcI.js";import"./JSelectUser-DCwPqRxp.js";import"./props-BPxWJPuD.js";import"./JSelectBiz-Be8KsC5j.js";import"./JAddInput-BBXQvvpq.js";import"./areaDataUtil-Cik-Rc_P.js";import"./index-BOEzG86y.js";import"./index-BNFwynfr.js";import"./bem-BvvqSl-N.js";import"./props-Cw7AfxGV.js";import"./useContextMenu-BDwmjIwb.js";import"./depart.api-CDwTvdwQ.js";import"./JSelectDept-DT6g7V5M.js";import"./JPopup-DKJW27Yk.js";import"./JEllipsis-C04xKxcI.js";import"./JUpload-cB_Qj2H2.js";import"./index-iuayQczx.js";import"./index-DJQB4_Pr.js";import"./index-D68l__AG.js";import"./BasicForm-Cv-dsB-e.js";import"./useForm-kcRIHoe0.js";import"./JAreaLinkage-BNOKwn5l.js";import"./JCodeEditor-CSivhUhT.js";import"./htmlmixed-DNSd26j0.js";import"./vue-DbzutmLn.js";/* empty css */import"./EasyCronInput-wCv2YMHn.js";import"./injectionKey-DPVn4AgL.js";const v=[{title:"输入框",dataIndex:"name",edit:!0,editComponentProps:{prefix:"$"},width:200},{title:"默认输入状态",dataIndex:"name7",edit:!0,editable:!0,width:200},{title:"输入框校验",dataIndex:"name1",edit:!0,editRule:!0,width:200},{title:"输入框函数校验",dataIndex:"name2",edit:!0,editRule:t=>l(null,null,function*(){return t==="2"?"不能输入该值":""}),width:200},{title:"数字输入框",dataIndex:"id",edit:!0,editRule:!0,editComponent:"InputNumber",width:200},{title:"下拉框",dataIndex:"name3",edit:!0,editComponent:"Select",editComponentProps:{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"}]},width:200},{title:"远程下拉",dataIndex:"name4",edit:!0,editComponent:"ApiSelect",editComponentProps:{api:h,resultField:"list",labelField:"name",valueField:"id"},width:200},{title:"远程下拉树",dataIndex:"name71",edit:!0,editComponent:"ApiTreeSelect",editRule:!1,editComponentProps:{api:w,resultField:"list"},width:200},{title:"日期选择",dataIndex:"date",edit:!0,editComponent:"DatePicker",editComponentProps:{valueFormat:"YYYY-MM-DD",format:"YYYY-MM-DD"},width:200},{title:"时间选择",dataIndex:"time",edit:!0,editComponent:"TimePicker",editComponentProps:{valueFormat:"HH:mm",format:"HH:mm"},width:200},{title:"勾选框",dataIndex:"name5",edit:!0,editComponent:"Checkbox",editValueMap:t=>t?"是":"否",width:200},{title:"开关",dataIndex:"name6",edit:!0,editComponent:"Switch",editValueMap:t=>t?"开":"关",width:200}],P=u({components:{BasicTable:k},setup(){const{tableContext:t}=I({designScope:"basic-table-demo",tableProps:{title:"可编辑单元格示例",api:E,columns:v,showIndexColumn:!1,bordered:!0,showActionColumn:!1,useSearchForm:!1}}),[m]=t,{createMessage:i}=x();function p({record:o,index:e,key:r,value:d}){return!1}function n({value:o,key:e,id:r}){return i.loading({content:`正在模拟保存${e}`,key:"_save_fake_data",duration:0}),new Promise(d=>{setTimeout(()=>{o===""?(i.error({content:"保存失败:不能为空",key:"_save_fake_data",duration:2}),d(!1)):(i.success({content:`记录${r}的${e}已保存`,key:"_save_fake_data",duration:2}),d(!0))},2e3)})}function s($t){return l(this,arguments,function*({record:o,index:e,key:r,value:d}){return yield n({id:o.id,key:r,value:d})})}function a(){}return{registerTable:m,handleEditEnd:p,handleEditCancel:a,beforeEditSubmit:s}}}),S={class:"p-4"};function g(t,m,i,p,n,s){const a=c("BasicTable");return b(),f("div",S,[C(a,{onRegister:t.registerTable,onEditEnd:t.handleEditEnd,onEditCancel:t.handleEditCancel,beforeEditSubmit:t.beforeEditSubmit},null,8,["onRegister","onEditEnd","onEditCancel","beforeEditSubmit"])])}const Tt=_(P,[["render",g]]);export{Tt as default};