import{list as y}from"./list-B4js8wxU.js";import{d as g,a as h,b as l,w as t,e as a,A as C,f as r,g as c,h as o,i as n,k as _,l as w,B,t as N,U as z,j as D,u as T,F as V,_ as E}from"./index-yvJsfBgz.js";import"./base.vue_vue_type_script_setup_true_lang-B2t_QdCs.js";import"./data-BfaOps1C.js";import"./stripe.vue_vue_type_script_setup_true_lang-Fm5FR38C.js";import"./border.vue_vue_type_script_setup_true_lang-s1j3dbYr.js";import"./status.vue_vue_type_style_index_0_lang-DCtiwjw5.js";import"./fixHeader.vue_vue_type_script_setup_true_lang-BaJro8gL.js";import"./fixColumn.vue_vue_type_script_setup_true_lang-BePjIVCH.js";import"./fluidHeight.vue_vue_type_script_setup_true_lang-Bi7MhSmZ.js";import"./groupHeader.vue_vue_type_script_setup_true_lang-B7YLcDp6.js";import"./radio.vue_vue_type_script_setup_true_lang-hqacR5b-.js";import"./multipleChoice.vue_vue_type_script_setup_true_lang-VKeOJcDC.js";import"./sortable.vue_vue_type_script_setup_true_lang-BE4it_dn.js";import"./filters.vue_vue_type_script_setup_true_lang--R1RhEFx.js";import"./index.vue_vue_type_script_setup_true_lang-yTUmUy3J.js";import"./columns-D2I5x_eW.js";import"./index.vue_vue_type_script_setup_true_lang-t1DqqZPB.js";import"./columns-CMrmNvYa.js";import"./expand.vue_vue_type_script_setup_true_lang-X2jPiq_u.js";import"./tree.vue_vue_type_script_setup_true_lang-D-BUv0KH.js";import"./totalRow.vue_vue_type_script_setup_true_lang-6gBNXP9w.js";import"./merge.vue_vue_type_script_setup_true_lang-85m_CBIz.js";import"./customIndex.vue_vue_type_script_setup_true_lang-gDa0SIRy.js";import"./layout.vue_vue_type_script_setup_true_lang-DuZTrsNm.js";import"./nestProp.vue_vue_type_script_setup_true_lang-DkZzYO9s.js";import"./imgPreview.vue_vue_type_script_setup_true_lang-B2MavBts.js";const F={class:"card-header"},P={class:"font-medium"},$=g({name:"PureTable",__name:"index",setup(j){const p=h(0);function u({index:m}){p.value=m}return(m,e)=>{const i=a("el-link"),b=a("el-alert"),f=a("el-tab-pane"),k=a("el-tabs"),v=a("el-card"),x=C("tippy");return r(),l(v,{shadow:"never"},{header:t(()=>[c("div",F,[c("span",P,[e[2]||(e[2]=o(" 二次封装 Element Plus 的 ")),n(i,{href:"https://element-plus.org/zh-CN/component/table.html",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:t(()=>e[0]||(e[0]=[o(" el-table ")])),_:1}),e[3]||(e[3]=o(" 完全兼容 api 并提供灵活的配置项以及完善的类型提示,不用将代码都写在 template 里了 ")),n(i,{href:"https://github.com/pure-admin/pure-admin-table",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:t(()=>e[1]||(e[1]=[o(" @pureadmin/table 源码 ")])),_:1})])]),n(i,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/table/base",target:"_blank"},{default:t(()=>e[4]||(e[4]=[o(" 代码位置 src/views/table/base ")])),_:1})]),default:t(()=>[n(b,{title:`基础用法中大部分表格都没设置 row-key ,不过最好都设置一下,后端需返回唯一值的字段,比如id。作用:1. 用来优化 Table 的渲染,尤其当字段在深层结构中;2. 防止某些操作导致表格组件内部混乱`,type:"info",closable:!1}),n(k,{onTabClick:u},{default:t(()=>[(r(!0),_(V,null,w(T(y),(s,d)=>(r(),l(f,{key:s.key,lazy:!0},{label:t(()=>[B((r(),_("span",null,[o(N(s.title),1)])),[[x,{maxWidth:"none",content:`(第 ${d+1} 个示例)${s.content}`}]])]),default:t(()=>[p.value==d?(r(),l(z(s.component),{key:0})):D("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}}),pe=E($,[["__scopeId","data-v-8c8f0efb"]]);export{pe as default};