import{list as k}from"./list-VXNRWCvf.js";import{d as y,r as g,c as n,w as t,b as e,e as a,f as p,h as i,i as r,k as x,l as C,B as v,I as B,C as w,u as N,F as T,_ as V}from"./index-2abGzBFj.js";import"./index.vue_vue_type_script_setup_true_lang-5flhqGH8.js";import"./columns-KboLTHKJ.js";import"./data-t-06lejh.js";import"./index.vue_vue_type_script_setup_true_lang-uY_W4pOb.js";import"./columns-VK9rmX0z.js";import"./index.vue_vue_type_script_setup_true_lang-cxOSSnR5.js";import"./columns-lGrDAO__.js";import"./sortable.esm-FgMliyZc.js";import"./index.vue_vue_type_script_setup_true_lang-fWMpEb-d.js";import"./columns-DKQMJkIV.js";import"./index.vue_vue_type_script_setup_true_lang-4G3a6ul4.js";import"./columns-WU8oSTwA.js";import"./index.vue_vue_type_script_setup_true_lang--GA9pDJM.js";import"./columns-63tXs0Yx.js";import"./xlsx-mTyBxUMi.js";import"./index.vue_vue_type_script_setup_true_lang-vH8_zZsi.js";import"./columns-0F94BKDv.js";import"./edit-pen-A29bH4uw.js";import"./check-f0nOH8pf.js";import"./index.vue_vue_type_script_setup_true_lang-wanzc3u4.js";import"./columns-xM2x4pVJ.js";import"./index.vue_vue_type_script_setup_true_lang-96uJ8dPX.js";import"./columns-Bcw2r1sN.js";import"./print-v8kborK1.js";import"./index.vue_vue_type_script_setup_true_lang-JPGfAUFC.js";import"./columns-tuspbBp3.js";import"./index.vue_vue_type_script_setup_true_lang-nKF26A1o.js";import"./index.vue_vue_type_script_setup_true_lang-eWcJsAqI.js";import"./columns-KG5P_JMu.js";import"./index.vue_vue_type_script_setup_true_lang-sDUStfVp.js";import"./columns-lbQEtBs1.js";const z={class:"card-header"},D={class:"font-medium"},F=y({name:"PureTableHigh",__name:"high",setup(I){const l=g(0);function c({index:m}){l.value=m}return(m,$)=>{const _=e("el-link"),d=e("el-alert"),u=e("el-tooltip"),f=e("el-tab-pane"),b=e("el-tabs"),h=e("el-card");return a(),n(h,{shadow:"never"},{header:t(()=>[p("div",z,[p("span",D,[i(" 高级用法全部采用 tsx 语法,充分发挥 "),r(_,{href:"https://github.com/pure-admin/pure-admin-table",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:t(()=>[i(" @pureadmin/table ")]),_:1}),i(" 的灵活性,维护整体表格只需操作 columns 配置即可 ")])])]),default:t(()=>[r(d,{title:`高级用法中所有表格都设置了 row-key ,后端需返回唯一值的字段,比如id。作用:1. 用来优化 Table 的渲染,尤其当字段在深层结构中;2. 防止拖拽后表格组件内部混乱(拖拽必须设置)`,type:"info",closable:!1}),r(b,{onTabClick:c},{default:t(()=>[(a(!0),x(T,null,C(N(k),(o,s)=>(a(),n(f,{key:o.key,lazy:!0},{label:t(()=>[r(u,{content:`(第 ${s+1} 个示例)${o.content}`,placement:"top-end"},{default:t(()=>[p("span",null,v(o.title),1)]),_:2},1032,["content"])]),default:t(()=>[l.value==s?(a(),n(B(o.component),{key:0})):w("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}}),dt=V(F,[["__scopeId","data-v-ea8ba41b"]]);export{dt as default};