mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-12-09 14:40:27 +08:00
3 lines
3.4 KiB
JavaScript
3 lines
3.4 KiB
JavaScript
import{list as v}from"./list-BNpCLttl.js";import{d as x,a as y,b as i,w as e,e as a,A as g,f as o,g as c,h as t,i as r,k as _,l as C,B as w,t as B,X as N,j as z,u as D,F as T,_ as V}from"./index-DgJA1iiK.js";import"./base.vue_vue_type_script_setup_true_lang-BVVFXGb-.js";import"./data-BjtUZIyj.js";import"./stripe.vue_vue_type_script_setup_true_lang-CKBCDgGQ.js";import"./border.vue_vue_type_script_setup_true_lang-L3I82W3j.js";import"./status.vue_vue_type_style_index_0_lang-BWSh3WsO.js";import"./fixHeader.vue_vue_type_script_setup_true_lang-DB4XIaN2.js";import"./fixColumn.vue_vue_type_script_setup_true_lang-DhW4Jy6Q.js";import"./fluidHeight.vue_vue_type_script_setup_true_lang-BoTboUlU.js";import"./groupHeader.vue_vue_type_script_setup_true_lang-CVfDOepX.js";import"./radio.vue_vue_type_script_setup_true_lang-41CWZSNH.js";import"./multipleChoice.vue_vue_type_script_setup_true_lang-vwqZCwUH.js";import"./sortable.vue_vue_type_script_setup_true_lang-muQ1pwYH.js";import"./filters.vue_vue_type_script_setup_true_lang-C-gS-vS4.js";import"./index.vue_vue_type_script_setup_true_lang-B9wJLB_D.js";import"./columns-BNw1YZ6w.js";import"./index.vue_vue_type_script_setup_true_lang-BADA0Nsj.js";import"./columns-CdZW2P_L.js";import"./expand.vue_vue_type_script_setup_true_lang-Cby3HYfL.js";import"./tree.vue_vue_type_script_setup_true_lang-QI1hfGB0.js";import"./totalRow.vue_vue_type_script_setup_true_lang-Dyt9vNAr.js";import"./merge.vue_vue_type_script_setup_true_lang-7bmG6k35.js";import"./customIndex.vue_vue_type_script_setup_true_lang-BYBZ_kuj.js";import"./layout.vue_vue_type_script_setup_true_lang-1yfsYYNa.js";import"./nestProp.vue_vue_type_script_setup_true_lang-2cWjQRkt.js";import"./imgPreview.vue_vue_type_script_setup_true_lang-R5ftCw5B.js";const E={class:"card-header"},F={class:"font-medium"},P=x({name:"PureTable",__name:"index",setup($){const l=y(0);function d({index:p}){l.value=p}return(p,j)=>{const s=a("el-link"),u=a("el-alert"),b=a("el-tab-pane"),f=a("el-tabs"),h=a("el-card"),k=g("tippy");return o(),i(h,{shadow:"never"},{header:e(()=>[c("div",E,[c("span",F,[t(" 二次封装 Element Plus 的 "),r(s,{href:"https://element-plus.org/zh-CN/component/table.html",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:e(()=>[t(" el-table ")]),_:1}),t(" 完全兼容 api 并提供灵活的配置项以及完善的类型提示,不用将代码都写在 template 里了 "),r(s,{href:"https://github.com/pure-admin/pure-admin-table",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:e(()=>[t(" @pureadmin/table 源码 ")]),_:1})])]),r(s,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/table/base",target:"_blank"},{default:e(()=>[t(" 代码位置 src/views/table/base ")]),_:1})]),default:e(()=>[r(u,{title:`基础用法中大部分表格都没设置 row-key ,不过最好都设置一下,后端需返回唯一值的字段,比如id。作用:1. 用来优化 Table
|
||
的渲染,尤其当字段在深层结构中;2. 防止某些操作导致表格组件内部混乱`,type:"info",closable:!1}),r(f,{onTabClick:d},{default:e(()=>[(o(!0),_(T,null,C(D(v),(n,m)=>(o(),i(b,{key:n.key,lazy:!0},{label:e(()=>[w((o(),_("span",null,[t(B(n.title),1)])),[[k,{maxWidth:"none",content:`(第 ${m+1} 个示例)${n.content}`}]])]),default:e(()=>[l.value==m?(o(),i(N(n.component),{key:0})):z("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}}),pe=V(P,[["__scopeId","data-v-8c8f0efb"]]);export{pe as default};
|