import{list as k}from"./list-BVK-jYST.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,R as B,C as w,u as N,F as T,_ as V}from"./index-Kt7mnXJ6.js";import"./index.vue_vue_type_script_setup_true_lang-D0r8LCXZ.js";import"./columns-DxMiGdKi.js";import"./data-D-FLg4hT.js";import"./index.vue_vue_type_script_setup_true_lang-BvKL3Wxm.js";import"./columns-BTDIyW_w.js";import"./index.vue_vue_type_script_setup_true_lang-CpKVC9wg.js";import"./columns-DfThhYuS.js";import"./sortable.esm-6WsHlDA5.js";import"./index.vue_vue_type_script_setup_true_lang-CzpjrMIn.js";import"./columns-RnxuRAtR.js";import"./index.vue_vue_type_script_setup_true_lang-Dal2riqP.js";import"./columns-Bxl80FWt.js";import"./index.vue_vue_type_script_setup_true_lang-D3-C6JG_.js";import"./columns-CG3wDSt_.js";import"./xlsx-xf2utV5S.js";import"./index.vue_vue_type_script_setup_true_lang-B-Igs4Yg.js";import"./columns-Cw6bM1PZ.js";import"./edit-pen-Ci7W0xNM.js";import"./check-CIQVCvCT.js";import"./index.vue_vue_type_script_setup_true_lang-T_p9KR4L.js";import"./columns-BNxTWTxa.js";import"./index.vue_vue_type_script_setup_true_lang-Cd8V92GU.js";import"./columns-CrenuBbT.js";import"./print-B-zH8tbv.js";import"./index.vue_vue_type_script_setup_true_lang-DRwk5shR.js";import"./columns-Bwuw41q6.js";import"./index.vue_vue_type_script_setup_true_lang-BuXG_QpH.js";import"./index.vue_vue_type_script_setup_true_lang-C9oYKJp1.js";import"./columns-CmdGj9y7.js";import"./index.vue_vue_type_script_setup_true_lang-3VIjWoSY.js";import"./columns-SILhR57V.js";const z={class:"card-header"},D={class:"font-medium"},F=y({name:"PureTableHigh",__name:"high",setup($){const l=g(0);function c({index:m}){l.value=m}return(m,E)=>{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};