import{list as k}from"./list-25d7bfbd.js";import{d as g,r as y,b as t,c as n,w as e,e as a,i as p,h as i,g as r,k as v,l as x,E as C,R as w,ab as B,u as N,F as T,_ as V}from"./index-3b15dd78.js";import"./index.vue_vue_type_script_setup_true_lang-c385f4f1.js";import"./columns-bfc5a27a.js";import"./data-92b4948c.js";import"./index.vue_vue_type_script_setup_true_lang-70459649.js";import"./columns-026f73f1.js";import"./index.vue_vue_type_script_setup_true_lang-aaa0a71e.js";import"./columns-fe59f131.js";import"./sortable.esm-e674cde8.js";import"./index.vue_vue_type_script_setup_true_lang-51c905dd.js";import"./columns-6f0fc392.js";import"./index.vue_vue_type_script_setup_true_lang-def0b09b.js";import"./columns-0e05fa3c.js";import"./message-9340c8e6.js";import"./index.vue_vue_type_script_setup_true_lang-a4e99d6e.js";import"./columns-92818a13.js";import"./xlsx-f5126985.js";import"./index.vue_vue_type_script_setup_true_lang-a3bc13fd.js";import"./columns-9fbe19df.js";import"./edit-pen-37b5ced2.js";import"./check-3815600c.js";import"./index.vue_vue_type_script_setup_true_lang-f7c77285.js";import"./columns-5a4aa727.js";import"./index.vue_vue_type_script_setup_true_lang-07568cd8.js";import"./columns-5610b0a5.js";import"./print-a6e42845.js";import"./index.vue_vue_type_script_setup_true_lang-bb37d712.js";import"./columns-7af77722.js";import"./index.vue_vue_type_script_setup_true_lang-8ba97776.js";import"./index.vue_vue_type_script_setup_true_lang-0a059422.js";import"./columns-87afdd4d.js";import"./index.vue_vue_type_script_setup_true_lang-685a46d9.js";import"./columns-80002a5d.js";const z={class:"card-header"},D={class:"font-medium"},E=g({name:"PureTableHigh",__name:"high",setup(F){const l=y(0);function c({index:s}){l.value=s}return(s,$)=>{const _=t("el-link"),d=t("el-alert"),u=t("el-tooltip"),f=t("el-tab-pane"),h=t("el-tabs"),b=t("el-card");return a(),n(b,{shadow:"never"},{header:e(()=>[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:e(()=>[i(" @pureadmin/table ")]),_:1}),i(" 的灵活性,维护整体表格只需操作 columns 配置即可 ")])])]),default:e(()=>[r(d,{title:`高级用法中所有表格都设置了 row-key ,后端需返回唯一值的字段,比如id 作用:1. 用来优化 Table 的渲染,尤其当字段在深层结构中;2. 防止拖拽后表格组件内部混乱(拖拽必须设置哦,坑都帮您们踩过啦 ❤️)`,type:"info",closable:!1}),r(h,{onTabClick:c},{default:e(()=>[(a(!0),v(T,null,x(N(k),(o,m)=>(a(),n(f,{key:o.key,lazy:!0},{label:e(()=>[r(u,{content:`(第 ${m+1} 个示例)${o.content}`,placement:"top-end"},{default:e(()=>[p("span",null,C(o.title),1)]),_:2},1032,["content"])]),default:e(()=>[l.value==m?(a(),n(w(o.component),{key:0})):B("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}});const ue=V(E,[["__scopeId","data-v-d1e9a4ec"]]);export{ue as default};