import{list as k}from"./list-632a035f.js";import{d as g,r as y,b as t,c as r,w as e,e as a,i as p,g as i,f as n,k as v,l as x,C,Q as w,ab as B,h as N,F as T,_ as V}from"./index-16a5163c.js";import"./index.vue_vue_type_script_setup_true_lang-4685e286.js";import"./columns-c9ba57b9.js";import"./data-e488f0a1.js";import"./index.vue_vue_type_script_setup_true_lang-9013e0e0.js";import"./columns-2e4ff6ab.js";import"./sortable.esm-e674cde8.js";import"./index.vue_vue_type_script_setup_true_lang-e37a392b.js";import"./columns-3a8c1aa2.js";import"./index.vue_vue_type_script_setup_true_lang-e25e7b83.js";import"./columns-a24073c8.js";import"./message-5d48ae52.js";import"./index.vue_vue_type_script_setup_true_lang-e992f458.js";import"./columns-eb04e2f8.js";import"./xlsx-f5126985.js";import"./index.vue_vue_type_script_setup_true_lang-498d83d7.js";import"./columns-7fc155f0.js";import"./edit-pen-37b5ced2.js";import"./check-3815600c.js";import"./index.vue_vue_type_script_setup_true_lang-921de12c.js";import"./columns-3a8d3abd.js";import"./index.vue_vue_type_script_setup_true_lang-7c5b6615.js";import"./columns-ac909297.js";import"./print-a6e42845.js";import"./index.vue_vue_type_script_setup_true_lang-f0db9631.js";import"./columns-66b7faf3.js";import"./index-70c4c0c6.js";import"./index.vue_vue_type_script_setup_true_lang-a85f6546.js";import"./index.vue_vue_type_script_setup_true_lang-8823b869.js";import"./columns-99a6cb34.js";import"./index.vue_vue_type_script_setup_true_lang-bab08ec4.js";import"./columns-14c44c43.js";const z={class:"card-header"},D={class:"font-medium"},F=g({name:"PureTableHigh",__name:"high",setup($){const l=y(0);function c({index:s}){l.value=s}return(s,E)=>{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(),r(b,{shadow:"never"},{header:e(()=>[p("div",z,[p("span",D,[i(" 高级用法全部采用 tsx 语法，充分发挥 "),n(_,{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(()=>[n(d,{title:`高级用法中所有表格都设置了 row-key ，后端需返回唯一值的字段，比如id 作用：1. 用来优化 Table
      的渲染，尤其当字段在深层结构中；2. 防止拖拽后表格组件内部混乱（拖拽必须设置哦，坑都帮您们踩过啦 ❤️）`,type:"info",closable:!1}),n(h,{onTabClick:c},{default:e(()=>[(a(!0),v(T,null,x(N(k),(o,m)=>(a(),r(f,{key:o.key,lazy:!0},{label:e(()=>[n(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(),r(w(o.component),{key:0})):B("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}});const de=V(F,[["__scopeId","data-v-d1e9a4ec"]]);export{de as default};