import{list as g}from"./list-Chnq8RCl.js";import{d as y,a as x,b as o,z as w,e as s,f as r,w as e,g as n,k as d,F as C,l as T,u as V,i as B,V as D,A as N,j as a,t as z,h as _,_ as F}from"./index-B_cVej0C.js";import"./index.vue_vue_type_script_setup_true_lang-CrlXGcgL.js";import"./columns-E8e9vdZg.js";import"./data-CimY_HfV.js";import"./index.vue_vue_type_script_setup_true_lang-CVVzEwdf.js";import"./columns-6FbcXbbn.js";import"./index.vue_vue_type_script_setup_true_lang-C204_0kb.js";import"./columns-Co830Z6n.js";import"./index.vue_vue_type_script_setup_true_lang-CveEhubf.js";import"./columns-BH4lC5Xs.js";import"./sortable.esm-C0jtZaAC.js";import"./index.vue_vue_type_script_setup_true_lang-CunI8zWK.js";import"./columns-C8sNvk7-.js";import"./index.vue_vue_type_script_setup_true_lang-ChKQsqpD.js";import"./columns-Dux98s8F.js";import"./index.vue_vue_type_script_setup_true_lang-BIHMw_cJ.js";import"./columns-YcPj0Tnd.js";import"./xlsx-CX_Vxrsw.js";import"./index.vue_vue_type_script_setup_true_lang-DA7H9Thb.js";import"./columns-BkKS_zx_.js";import"./index.vue_vue_type_script_setup_true_lang-CdfgUkFA.js";import"./columns-DjU_PhZg.js";import"./print-B-zH8tbv.js";import"./index.vue_vue_type_script_setup_true_lang-MYVDRBOh.js";import"./columns-BX8OT0uL.js";import"./index.vue_vue_type_script_setup_true_lang-2M9IqA2s.js";import"./index.vue_vue_type_script_setup_true_lang-D2uQ3LrM.js";import"./columns-C5D32AQ4.js";import"./index.vue_vue_type_script_setup_true_lang-CN4Ao7Ik.js";import"./columns-Da6rquXr.js";const S={class:"card-header"},$={class:"font-medium"},j=y({name:"PureTableHigh",__name:"high",setup(A){const p=x(0);function u({index:l}){p.value=l}return(l,t)=>{const m=o("el-link"),b=o("el-alert"),f=o("el-tab-pane"),h=o("el-tabs"),k=o("el-card"),v=w("tippy");return r(),s(k,{shadow:"never"},{header:e(()=>[_("div",S,[_("span",$,[t[1]||(t[1]=a(" 高级用法全部采用 TSX 语法,充分发挥 ",-1)),n(m,{href:"https://github.com/pure-admin/pure-admin-table",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:e(()=>[...t[0]||(t[0]=[a(" @pureadmin/table ",-1)])]),_:1}),t[2]||(t[2]=a(" 的灵活性,维护整体表格只需操作 columns 配置即可 ",-1))])]),n(m,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/table/high",target:"_blank"},{default:e(()=>[...t[3]||(t[3]=[a(" 代码位置 src/views/table/high ",-1)])]),_:1})]),default:e(()=>[n(b,{title:`高级用法中所有表格都设置了 row-key ,后端需返回唯一值的字段,比如id。作用:1. 用来优化 Table 的渲染,尤其当字段在深层结构中;2. 防止拖拽后表格组件内部混乱(拖拽必须设置)`,type:"info",closable:!1}),n(h,{onTabClick:u},{default:e(()=>[(r(!0),d(C,null,T(V(g),(i,c)=>(r(),s(f,{key:i.key,lazy:!0},{label:e(()=>[N((r(),d("span",null,[a(z(i.title),1)])),[[v,{maxWidth:"none",content:`(第 ${c+1} 个示例)${i.content}`}]])]),default:e(()=>[p.value==c?(r(),s(D(i.component),{key:0})):B("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}}),_t=F(j,[["__scopeId","data-v-9c6a6a6d"]]);export{_t as default};