2 lines
4.0 KiB
Java
2 lines
4.0 KiB
Java
import{d as k,ah as r,ar as y,as as S,k as t,aF as e,u as i,f as u,G as g}from"./vue-vendor-C7Zq48Yl.js";import{u as f}from"./index-BgJbdjPf.js";import{u as v}from"./index-BI6CMai0.js";import _ from"./BasicTable-DfLkrEeh.js";import"./componentMap-BBZeqR-K.js";import"./antd-vue-vendor-BPnV8VqP.js";import"./useFormItem-BdW6EoZe.js";import"./index-Du0A3ksf.js";import"./BasicModal-0sAdFEk_.js";import"./ModalHeader-keHdAHWH.js";import"./useTimeout-DDl4l82I.js";import"./vxe-table-vendor-B88kchpX.js";import"./index-DeEq83Ov.js";import"./useWindowSizeFn-PRZSD86C.js";import"./index-pxs5MULf.js";import"./index-BgYCgfME.js";import"./index-f8O7TghW.js";import"./useIntersectionObserver-BMxdTqP3.js";import"./download-UE0L9Rfp.js";import"./base64Conver-24EVOS6V.js";import"./index-CIBZG4nR.js";import"./index-BhQEwnQQ.js";import"./useCountdown-DqnNWBp6.js";import"./useFormItemSingle-BbRhswfn.js";import"./JSelectUser-B71zikzw.js";import"./props-DAezUTeZ.js";import"./JSelectBiz-CnEaVMUF.js";import"./JAddInput-D6qcyZjQ.js";import"./areaDataUtil-CbYCy3Ig.js";import"./index-CNkz_PUv.js";import"./index-CUdllngZ.js";import"./bem-EhXRi4nW.js";import"./props-D4vdsy3J.js";import"./useContextMenu-Cwx1lIOK.js";import"./depart.api-DeMNV8zW.js";import"./TreeIcon-DE4jdeZV.js";import"./JSelectDept-DRDVeruW.js";import"./JPopup-Bva6u6tk.js";import"./usePopBiz-CG0vVpgI.js";import"./useMethods-DVip17X8.js";import"./index-Dg4HCEvo.js";import"./JEllipsis-DqRFTSm0.js";import"./JUpload-Cz9HN61B.js";import"./index-MGIrEF-A.js";import"./index-MREkPhsT.js";import"./index-Di-j2gt4.js";import"./BasicForm-BJnSRkIE.js";import"./useForm-BZtHZyx2.js";import"./JAreaLinkage-BeRUFHSB.js";import"./JCodeEditor-CLVZA7Uj.js";import"./htmlmixed-NhwyF9-q.js";import"./vue-CgbRSACy.js";/* empty css */import"./EasyCronInput-7xfJ3nBh.js";import"./injectionKey-DPVn4AgL.js";const Bt=k({__name:"MultipleTableDemo",setup(R){const{createMessage:s}=v(),m=[{title:"ID",dataIndex:"id",width:80},{title:"父表格-姓名",dataIndex:"name",width:150},{title:"父表格-年龄",dataIndex:"age",width:100},{title:"父表格-地址",dataIndex:"address",width:200}],n=u([{id:1,name:"父表格-张三",age:25,address:"北京市朝阳区"},{id:2,name:"父表格-李四",age:30,address:"上海市浦东新区"},{id:3,name:"父表格-王五",age:28,address:"广州市天河区"}]),[h,{getColumns:b}]=f({columns:m,dataSource:n.value}),p=[{title:"ID",dataIndex:"id",width:80},{title:"子表格-产品名称",dataIndex:"product",width:150},{title:"子表格-价格",dataIndex:"price",width:100},{title:"子表格-库存",dataIndex:"stock",width:100},{title:"子表格-分类",dataIndex:"category",width:150}],d=u([{id:1,product:"子表格-商品A",price:99,stock:100,category:"电子产品"},{id:2,product:"子表格-商品B",price:199,stock:50,category:"家居用品"},{id:3,product:"子表格-商品C",price:299,stock:30,category:"服装鞋包"}]),[C,{getColumns:w}]=f({columns:p,dataSource:d.value});function x(){const o=b();s.success(`父表格列数: ${o.length}，请查看控制台`)}function I(){const o=w();s.success(`子表格列数: ${o.length}，请查看控制台`)}return(o,a)=>{const T=r("a-alert"),l=r("a-button"),c=r("a-card");return S(),y("div",null,[t(T,{message:"多表格实例测试 (Issue #8792 修复)",description:"此示例演示父子组件同时使用 BasicTable 时，列配置、列宽调整等功能正常工作，两个表格实例互不干扰",type:"info","show-icon":"",class:"mb-4"}),t(c,{title:"父组件的表格",class:"mb-4"},{default:e(()=>[t(i(_),{onRegister:i(h),columns:m,dataSource:n.value,pagination:!1,showTableSetting:"",canResize:!1},{toolbar:e(()=>[t(l,{type:"primary",onClick:x},{default:e(()=>[...a[0]||(a[0]=[g("测试父表格",-1)])]),_:1})]),_:1},8,["onRegister","dataSource"])]),_:1}),t(c,{title:"子组件的表格"},{default:e(()=>[t(i(_),{onRegister:i(C),columns:p,dataSource:d.value,pagination:!1,showTableSetting:"",canResize:!1},{toolbar:e(()=>[t(l,{type:"primary",onClick:I},{default:e(()=>[...a[1]||(a[1]=[g("测试子表格",-1)])]),_:1})]),_:1},8,["onRegister","dataSource"])]),_:1})])}}});export{Bt as default};
|