mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
3 lines
3.3 KiB
JavaScript
3 lines
3.3 KiB
JavaScript
import{list as k}from"./list-DHES7GWn.js";import{d as x,a as y,b as l,w as e,e as t,f as n,l as p,g as r,h as o,j as g,k as C,t as v,$ as N,i as w,u as z,F as B,_ as T}from"./index-BXHkKmv3.js";import"./base.vue_vue_type_script_setup_true_lang-B1VAYUAS.js";import"./data-BB93TlUz.js";import"./stripe.vue_vue_type_script_setup_true_lang-BDbGGsJz.js";import"./border.vue_vue_type_script_setup_true_lang-BJLKFuz5.js";import"./status.vue_vue_type_style_index_0_lang-J6Emox67.js";import"./fixHeader.vue_vue_type_script_setup_true_lang-Ve6ld2mq.js";import"./fixColumn.vue_vue_type_script_setup_true_lang-DJ_eP78i.js";import"./fluidHeight.vue_vue_type_script_setup_true_lang-Di-xoCwT.js";import"./groupHeader.vue_vue_type_script_setup_true_lang-D3U2k-BK.js";import"./radio.vue_vue_type_script_setup_true_lang-BncsPTRO.js";import"./multipleChoice.vue_vue_type_script_setup_true_lang-DZWNgr7R.js";import"./sortable.vue_vue_type_script_setup_true_lang-DgAPcYRj.js";import"./filters.vue_vue_type_script_setup_true_lang-C8TyphJz.js";import"./index.vue_vue_type_script_setup_true_lang-B1NupeKg.js";import"./columns-BpgXwbhC.js";import"./index.vue_vue_type_script_setup_true_lang-MCMegKn2.js";import"./columns-G5tMukhT.js";import"./expand.vue_vue_type_script_setup_true_lang-CCTeNdqU.js";import"./tree.vue_vue_type_script_setup_true_lang-BsBxVhnd.js";import"./totalRow.vue_vue_type_script_setup_true_lang-CF38o-BW.js";import"./merge.vue_vue_type_script_setup_true_lang-TlCUTjT-.js";import"./customIndex.vue_vue_type_script_setup_true_lang-4XDGwtxm.js";import"./layout.vue_vue_type_script_setup_true_lang-DGGn6WnX.js";import"./nestProp.vue_vue_type_script_setup_true_lang-CEYTE4oS.js";import"./imgPreview.vue_vue_type_script_setup_true_lang-BpgJKddB.js";const V={class:"card-header"},$={class:"font-medium"},D=x({name:"PureTable",__name:"index",setup(F){const s=y(0);function _({index:i}){s.value=i}return(i,j)=>{const m=t("el-link"),d=t("el-alert"),u=t("el-tooltip"),f=t("el-tab-pane"),b=t("el-tabs"),h=t("el-card");return n(),l(h,{shadow:"never"},{header:e(()=>[p("div",V,[p("span",$,[r(" 二次封装 element-plus 的 "),o(m,{href:"https://element-plus.org/zh-CN/component/table.html",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:e(()=>[r(" el-table ")]),_:1}),r(" 完全兼容 api 并提供灵活的配置项以及完善的类型提示,不用将代码都写在 template 里了 "),o(m,{href:"https://github.com/pure-admin/pure-admin-table",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:e(()=>[r(" @pureadmin/table 源码 ")]),_:1})])])]),default:e(()=>[o(d,{title:`基础用法中大部分表格都没设置 row-key ,不过最好都设置一下,后端需返回唯一值的字段,比如id。作用:1. 用来优化 Table
|
||
的渲染,尤其当字段在深层结构中;2. 防止某些操作导致表格组件内部混乱`,type:"info",closable:!1}),o(b,{onTabClick:_},{default:e(()=>[(n(!0),g(B,null,C(z(k),(a,c)=>(n(),l(f,{key:a.key,lazy:!0},{label:e(()=>[o(u,{content:`(第 ${c+1} 个示例)${a.content}`,placement:"top-end"},{default:e(()=>[p("span",null,v(a.title),1)]),_:2},1032,["content"])]),default:e(()=>[s.value==c?(n(),l(N(a.component),{key:0})):w("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}}),pe=T(D,[["__scopeId","data-v-24029e75"]]);export{pe as default};
|