vue-pure-admin/dist/static/js/high-Bo7_mM6Y.js

import{list as v}from"./list-CWbf8s8w.js";import{d as g,a as y,b as i,w as e,e as t,A as x,f as o,g as c,h as a,i as n,k as _,l as w,B as C,t as B,$ as T,j as D,u as N,F as V,_ as $}from"./index-BtKie8gj.js";import"./index.vue_vue_type_script_setup_true_lang-2JH9QoFB.js";import"./columns-CpbSSmB0.js";import"./data-DzfcU_ys.js";import"./index.vue_vue_type_script_setup_true_lang-HwLzPoMq.js";import"./columns-ClosVhzR.js";import"./index.vue_vue_type_script_setup_true_lang-Hq06TE1P.js";import"./columns-CWhkORWZ.js";import"./sortable.esm-6WsHlDA5.js";import"./index.vue_vue_type_script_setup_true_lang-B0iGE2Jf.js";import"./columns-ClGBThgF.js";import"./index.vue_vue_type_script_setup_true_lang-DrQp_mEJ.js";import"./columns-BDC_-aea.js";import"./index.vue_vue_type_script_setup_true_lang-B4eMTGGC.js";import"./columns-DxGYCJzV.js";import"./xlsx-xf2utV5S.js";import"./index.vue_vue_type_script_setup_true_lang-BrZGAp6U.js";import"./columns-CusdXnSm.js";import"./index.vue_vue_type_script_setup_true_lang-BBwOsXFD.js";import"./columns-CXzH4V2R.js";import"./print-B-zH8tbv.js";import"./index.vue_vue_type_script_setup_true_lang-B8oqe9Rk.js";import"./columns-CeDCM5tw.js";import"./index.vue_vue_type_script_setup_true_lang-CDjzxK4D.js";import"./index.vue_vue_type_script_setup_true_lang-lv_roHvk.js";import"./columns-Dikfyx-A.js";import"./index.vue_vue_type_script_setup_true_lang-DZJxOCGC.js";import"./columns-DpEAjzbt.js";const z={class:"card-header"},F={class:"font-medium"},S=g({name:"PureTableHigh",__name:"high",setup(j){const s=y(0);function d({index:p}){s.value=p}return(p,A)=>{const l=t("el-link"),u=t("el-alert"),h=t("el-tab-pane"),b=t("el-tabs"),f=t("el-card"),k=x("tippy");return o(),i(f,{shadow:"never"},{header:e(()=>[c("div",z,[c("span",F,[a(" 高级用法全部采用 TSX 语法，充分发挥 "),n(l,{href:"https://github.com/pure-admin/pure-admin-table",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:e(()=>[a(" @pureadmin/table ")]),_:1}),a(" 的灵活性，维护整体表格只需操作 columns 配置即可 ")])]),n(l,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/table/high",target:"_blank"},{default:e(()=>[a(" 代码位置 src/views/table/high ")]),_:1})]),default:e(()=>[n(u,{title:`高级用法中所有表格都设置了 row-key ，后端需返回唯一值的字段，比如id。作用：1. 用来优化 Table
      的渲染，尤其当字段在深层结构中；2. 防止拖拽后表格组件内部混乱（拖拽必须设置）`,type:"info",closable:!1}),n(b,{onTabClick:d},{default:e(()=>[(o(!0),_(V,null,w(N(v),(r,m)=>(o(),i(h,{key:r.key,lazy:!0},{label:e(()=>[C((o(),_("span",null,[a(B(r.title),1)])),[[k,{maxWidth:"none",content:`（第 ${m+1} 个示例）${r.content}`}]])]),default:e(()=>[s.value==m?(o(),i(T(r.component),{key:0})):D("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}}),ce=$(S,[["__scopeId","data-v-9c6a6a6d"]]);export{ce as default};