mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-07 17:07:19 +08:00
3 lines
2.6 KiB
JavaScript
3 lines
2.6 KiB
JavaScript
import{list as k}from"./list2.js";import{d as y,r as g,f as e,h as r,w as t,o as a,a as p,i,j as n,c as v,q as x,t as C,V,l as w,u as B,F as N,_ as T}from"./index.js";import"./index.vue_vue_type_script_setup_true_lang3.js";import"./columns4.js";import"./data2.js";import"./index.vue_vue_type_script_setup_true_lang4.js";import"./columns11.js";import"./index.vue_vue_type_script_setup_true_lang5.js";import"./columns7.js";import"./sortable.esm.js";import"./index.vue_vue_type_script_setup_true_lang6.js";import"./columns6.js";import"./index.vue_vue_type_script_setup_true_lang7.js";import"./columns5.js";import"./index.vue_vue_type_script_setup_true_lang8.js";import"./columns10.js";import"./xlsx.js";import"./index.vue_vue_type_script_setup_true_lang9.js";import"./columns9.js";import"./edit-pen.js";import"./check.js";import"./index.vue_vue_type_script_setup_true_lang10.js";import"./columns15.js";import"./index.vue_vue_type_script_setup_true_lang11.js";import"./columns12.js";import"./print2.js";import"./index.vue_vue_type_script_setup_true_lang12.js";import"./columns8.js";import"./index.vue_vue_type_script_setup_true_lang13.js";import"./index.vue_vue_type_script_setup_true_lang14.js";import"./columns14.js";import"./index.vue_vue_type_script_setup_true_lang15.js";import"./columns13.js";const z={class:"card-header"},D={class:"font-medium"},F=y({name:"PureTableHigh",__name:"high",setup($){const l=g(0);function c({index:s}){l.value=s}return(s,j)=>{const _=e("el-link"),d=e("el-alert"),u=e("el-tooltip"),f=e("el-tab-pane"),h=e("el-tabs"),b=e("el-card");return a(),r(b,{shadow:"never"},{header:t(()=>[p("div",z,[p("span",D,[i(" 高级用法全部采用 tsx 语法,充分发挥 "),n(_,{href:"https://github.com/pure-admin/pure-admin-table",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:t(()=>[i(" @pureadmin/table ")]),_:1}),i(" 的灵活性,维护整体表格只需操作 columns 配置即可 ")])])]),default:t(()=>[n(d,{title:`高级用法中所有表格都设置了 row-key ,后端需返回唯一值的字段,比如id 作用:1. 用来优化 Table
|
||
的渲染,尤其当字段在深层结构中;2. 防止拖拽后表格组件内部混乱(拖拽必须设置哦,坑都帮您们踩过啦 ❤️)`,type:"info",closable:!1}),n(h,{onTabClick:c},{default:t(()=>[(a(!0),v(N,null,x(B(k),(o,m)=>(a(),r(f,{key:o.key,lazy:!0},{label:t(()=>[n(u,{content:`(第 ${m+1} 个示例)${o.content}`,placement:"top-end"},{default:t(()=>[p("span",null,C(o.title),1)]),_:2},1032,["content"])]),default:t(()=>[l.value==m?(a(),r(V(o.component),{key:0})):w("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}});const dt=T(F,[["__scopeId","data-v-d1e9a4ec"]]);export{dt as default};
|