2 lines
6.1 KiB
Java
2 lines
6.1 KiB
Java
var d=(i,o,n)=>new Promise((m,p)=>{var l=t=>{try{a(n.next(t))}catch(e){p(e)}},r=t=>{try{a(n.throw(t))}catch(e){p(e)}},a=t=>t.done?m(t.value):Promise.resolve(t.value).then(l,r);a((n=n.apply(i,o)).next())});import C from"./BasicTable-C6eG0bgK.js";import h from"./TableAction-BiXnWkvt.js";import"./TableImg.vue_vue_type_style_index_0_lang-65ZOQtFn.js";import{u as b}from"./useTable-DbHE4FHE.js";import{o as R}from"./select-DTppCdeT.js";import{d as g}from"./table-BZjVQZNg.js";import{t as v}from"./tree-CBu_lz44.js";import{s as x,aQ as I,au as k}from"./index-X7Y8jykP.js";import{e as T,r as A,C as _,z as E,f as c,A as y,K as f}from"./vue-vendor-DNhG1Cve.js";import"./BasicTable.vue_vue_type_style_index_0_lang-B9DxrWas.js";import"./BasicForm-ClUSoD_-.js";import"./helper-DcLcf4v6.js";import"./index-BzChaRPg.js";import"./useAppInject-DPZGPcR3.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./BasicForm.vue_vue_type_style_index_0_lang-B29PWQy0.js";import"./index-DO7ZhK45.js";import"./index-ByCwbQDV.js";import"./index-Upeu4GGa.js";import"./index-C4wWpZeQ.js";import"./useTimeout-D5AmIBZw.js";import"./index-M9QP6cvf.js";import"./Skeleton-CimgOdM7.js";import"./useScrollTo-0FPEw5-K.js";import"./useIntersectionObserver-BGOgyKyu.js";import"./index-saD4h7VJ.js";import"./useBreakpoint-DXhPW7nV.js";import"./useEventListener-BRXjwk7A.js";import"./breakpointEnum-BhAg6bcX.js";import"./uniqBy--vsL0WVB.js";import"./index-BDvqZ5j4.js";import"./BasicModal-xH56XuRZ.js";import"./ModalHeader-Sr8KwhJJ.js";import"./useWindowSizeFn-C-0M9_Ul.js";import"./index-CuWaQdlK.js";import"./useForm-D61zovon.js";import"./injectionKey-DPVn4AgL.js";import"./index-DSsDi_fL.js";import"./Group-UHkub2tu.js";import"./Checkbox-Dbxs4we4.js";import"./index-BuONesFs.js";import"./FormOutlined-Y84itqS0.js";import"./useTableContext-CncNVXgp.js";import"./index-DTjkSGYl.js";import"./eagerComputed-BTlOruLW.js";import"./fromPairs-Dx9PT-t0.js";import"./useMaxLevel-DE205ncc.js";import"./index-CfNJyBRj.js";import"./dropdown-jkliuVyN.js";import"./index-DfHu-LAS.js";import"./Group-DBzJABA_.js";import"./RadioButton-DRBix2Fq.js";import"./index-C7ckZv9Z.js";import"./DirectoryTree-nk_YTTIy.js";import"./FolderOpenOutlined-SzIPA7z0.js";import"./index-Cl-8Hzo4.js";import"./scrollTo-D49dA-9c.js";import"./operationUnit-vCu2co3e.js";import"./index-C69VKHba.js";import"./index-DklMb9Qc.js";import"./UpOutlined-B1UMbtrP.js";import"./index-DsixALRt.js";import"./dayjs-jnKD3YGS.js";import"./index-aCD42OrZ.js";import"./quarterOfYear-BU2sPnff.js";import"./index-J2mOtM3w.js";import"./dayjs-ALi1pEeb.js";import"./clickOutside-DHfwTU6R.js";import"./onMountedOrActivated-DhSdLlqP.js";import"./throttle-De_jAmBh.js";import"./uuid-CODpppBC.js";import"./sortable.esm-DJNoJSdJ.js";import"./RedoOutlined-Cq2g4Slp.js";import"./index-CeNCCWzL.js";import"./TableAction.vue_vue_type_style_index_0_lang-BIWZ0bGo.js";import"./index-fAAIzD3j.js";import"./index-DfX9t4DO.js";import"./isNumeric-DjvBa-1E.js";const M=[{title:"输入框",dataIndex:"name",editRow:!0,editComponentProps:{prefix:"$"},width:150},{title:"默认输入状态",dataIndex:"name7",editRow:!0,width:150},{title:"输入框校验",dataIndex:"name1",editRow:!0,align:"left",editRule:!0,width:150},{title:"输入框函数校验",dataIndex:"name2",editRow:!0,align:"right",editRule:i=>d(null,null,function*(){return i==="2"?"不能输入该值":""})},{title:"数字输入框",dataIndex:"id",editRow:!0,editRule:!0,editComponent:"InputNumber",width:150},{title:"下拉框",dataIndex:"name3",editRow:!0,editComponent:"Select",editComponentProps:{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}]},width:200},{title:"远程下拉",dataIndex:"name4",editRow:!0,editComponent:"ApiSelect",editComponentProps:{api:R,resultField:"list",labelField:"name",valueField:"id"},width:200},{title:"远程下拉树",dataIndex:"name8",editRow:!0,editComponent:"ApiTreeSelect",editRule:!1,editComponentProps:{api:v,resultField:"list"},width:200},{title:"日期选择",dataIndex:"date",editRow:!0,editComponent:"DatePicker",editComponentProps:{valueFormat:"YYYY-MM-DD",format:"YYYY-MM-DD"},width:150},{title:"时间选择",dataIndex:"time",editRow:!0,editComponent:"TimePicker",editComponentProps:{valueFormat:"HH:mm",format:"HH:mm"},width:100},{title:"勾选框",dataIndex:"name5",editRow:!0,editComponent:"Checkbox",editValueMap:i=>i?"是":"否",width:100},{title:"开关",dataIndex:"name6",editRow:!0,editComponent:"Switch",editValueMap:i=>i?"开":"关",width:100}],P=T({components:{BasicTable:C,TableAction:h},setup(){const{createMessage:i}=x(),o=A(""),[n]=b({title:"可编辑行示例",titleHelpMessage:["本例中修改[数字输入框]这一列时，同一行的[远程下拉]列的当前编辑数据也会同步发生改变"],api:g,columns:M,showIndexColumn:!1,showTableSetting:!0,tableSetting:{fullScreen:!0},actionColumn:{width:160,title:"Action",dataIndex:"action",slots:{customRender:"action"}}});function m(t){var e;o.value=t.key,(e=t.onEdit)==null||e.call(t,!0)}function p(t){var e;o.value="",(e=t.onEdit)==null||e.call(t,!1,!1)}function l(t){return d(this,null,function*(){var s,u;if(i.loading({content:"正在保存...",duration:0,key:"saving"}),yield(s=t.onValid)==null?void 0:s.call(t))try{const w=I(t.editValueRefs);(yield(u=t.onEdit)==null?void 0:u.call(t,!1,!0))&&(o.value=""),i.success({content:"数据已保存",key:"saving"})}catch(w){i.error({content:"保存失败",key:"saving"})}else i.error({content:"请填写正确的数据",key:"saving"})})}function r(t,e){return t.editable?[{label:"保存",onClick:l.bind(null,t,e)},{label:"取消",popConfirm:{title:"是否取消编辑",confirm:p.bind(null,t,e)}}]:[{label:"编辑",disabled:o.value?o.value!==t.key:!1,onClick:m.bind(null,t)}]}function a({column:t,value:e,record:s}){t.dataIndex==="id"&&(s.editValueRefs.name4.value=`${e}`)}return{registerTable:n,handleEdit:m,createActions:r,onEditChange:a}}}),S={class:"p-4"};function Y(i,o,n,m,p,l){const r=f("TableAction"),a=f("BasicTable");return E(),_("div",S,[c(a,{onRegister:i.registerTable,onEditChange:i.onEditChange},{action:y(({record:t,column:e})=>[c(r,{actions:i.createActions(t,e)},null,8,["actions"])]),_:1},8,["onRegister","onEditChange"])])}const me=k(P,[["render",Y]]);export{me as default};
|