ExpandTable-a3571e78.js
2.53 KB
import{d,a8 as n,_ as u,a9 as l,aa as i,f,a0 as B,a1 as C,ac as b}from"./vue-5a35c3f5.js";import{B as F}from"./BasicTable-7dbd57c0.js";import{T as _}from"./componentMap-4d1c941b.js";import"./TableImg.vue_vue_type_style_index_0_lang-6e828edc.js";import{u as g}from"./useTable-e28259fb.js";import{P as E}from"./index-f532aa07.js";import{getBasicColumns as T}from"./tableData-1169c2f2.js";import{d as w}from"./table-2ce11aa8.js";import{_ as x}from"./index.js";import"./BasicForm-53100365.js";import"./FormItem-ffc5ecef.js";import"./helper-95474dfc.js";import"./antd-6b087f69.js";import"./BasicForm.vue_vue_type_style_index_0_lang-3479a052.js";import"./uniqBy-0cd5a663.js";import"./index-c1c2669a.js";import"./useWindowSizeFn-cc2fb57c.js";import"./useForm-86d11f60.js";import"./RadioButtonGroup-72b65d2e.js";import"./useFormItem-9ea791b8.js";import"./uuid-31b8b5a4.js";import"./merge-4fa735fa.js";import"./onMountedOrActivated-52afb7a7.js";import"./download-3d468407.js";import"./base64Conver-39fc0d26.js";import"./index-1ca3bd8a.js";import"./IconPicker-6bbd557c.js";import"./index-9a895eb5.js";import"./sortable.esm-4ae27e0b.js";import"./useContentViewHeight-d0a5c58e.js";import"./select-93eac05e.js";const A=d({components:{BasicTable:F,TableAction:_,PageWrapper:E},setup(){const[o]=g({api:w,title:"可展开表格演示",titleHelpMessage:["已启用expandRowByClick","已启用stopButtonPropagation"],columns:T(),rowKey:"id",canResize:!1,expandRowByClick:!0,actionColumn:{width:160,title:"Action",dataIndex:"action",fixed:"right"}});function a(e){console.log("点击了删除",e)}function r(e){console.log("点击了启用",e)}return{registerTable:o,handleDelete:a,handleOpen:r}}});function h(o,a,r,e,k,y){const s=n("TableAction"),m=n("BasicTable"),c=n("PageWrapper");return u(),l(c,{title:"可展开表格",content:"TableAction组件可配置stopButtonPropagation来阻止操作按钮的点击事件冒泡，以便配合Table组件的expandRowByClick"},{default:i(()=>[f(m,{onRegister:o.registerTable},{expandedRowRender:i(({record:t})=>[B("span",null,"No: "+C(t.no),1)]),bodyCell:i(({column:t,record:p})=>[t.key==="action"?(u(),l(s,{key:0,stopButtonPropagation:"",actions:[{label:"删除",icon:"ic:outline-delete-outline",onClick:o.handleDelete.bind(null,p)}],dropDownActions:[{label:"启用",popConfirm:{title:"是否启用？",confirm:o.handleOpen.bind(null,p)}}]},null,8,["actions","dropDownActions"])):b("v-if",!0)]),_:1},8,["onRegister"])]),_:1})}const ro=x(A,[["render",h],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/table/ExpandTable.vue"]]);export{ro as default};