mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 09:27:19 +08:00
3 lines
2.9 KiB
JavaScript
3 lines
2.9 KiB
JavaScript
import{list as k}from"./list-e701af7d.js";import{d as y,r as g,a as t,c as r,w as e,o as a,e as p,f as i,h as n,i as v,q as x,t as C,T,j as w,u as B,F as N,_ as V}from"./index-7675bdf8.js";import"./index.vue_vue_type_script_setup_true_lang-cdf1b3b8.js";import"./columns-5911d5a3.js";import"./data-59059a55.js";import"./index.vue_vue_type_script_setup_true_lang-e198f34f.js";import"./columns-757a2d24.js";import"./index.vue_vue_type_script_setup_true_lang-cdea1cbd.js";import"./columns-37bec98d.js";import"./sortable.esm-e674cde8.js";import"./index.vue_vue_type_script_setup_true_lang-76519c0c.js";import"./columns-c8ec81f5.js";import"./index.vue_vue_type_script_setup_true_lang-89130ac2.js";import"./columns-6274f2a0.js";import"./index.vue_vue_type_script_setup_true_lang-96d4167a.js";import"./columns-2f7694de.js";import"./xlsx-f5126985.js";import"./index.vue_vue_type_script_setup_true_lang-adf150ff.js";import"./columns-e59f3ce9.js";import"./edit-pen-37b5ced2.js";import"./check-3815600c.js";import"./index.vue_vue_type_script_setup_true_lang-eb51cb45.js";import"./columns-c3879a88.js";import"./index.vue_vue_type_script_setup_true_lang-250ededd.js";import"./columns-45fb0f20.js";import"./print-a6e42845.js";import"./index.vue_vue_type_script_setup_true_lang-4f64ca37.js";import"./columns-51a2df49.js";import"./index.vue_vue_type_script_setup_true_lang-82335cf6.js";import"./index.vue_vue_type_script_setup_true_lang-19eff8ca.js";import"./columns-317668ad.js";import"./index.vue_vue_type_script_setup_true_lang-5c24da38.js";import"./columns-732f1590.js";const z={class:"card-header"},D={class:"font-medium"},F=y({name:"PureTableHigh",__name:"high",setup($){const s=g(0);function c({index:l}){s.value=l}return(l,j)=>{const _=t("el-link"),d=t("el-alert"),u=t("el-tooltip"),f=t("el-tab-pane"),h=t("el-tabs"),b=t("el-card");return a(),r(b,{shadow:"never"},{header:e(()=>[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:e(()=>[i(" @pureadmin/table ")]),_:1}),i(" 的灵活性,维护整体表格只需操作 columns 配置即可 ")])])]),default:e(()=>[n(d,{title:`高级用法中所有表格都设置了 row-key ,后端需返回唯一值的字段,比如id 作用:1. 用来优化 Table
|
||
的渲染,尤其当字段在深层结构中;2. 防止拖拽后表格组件内部混乱(拖拽必须设置哦,坑都帮您们踩过啦 ❤️)`,type:"info",closable:!1}),n(h,{onTabClick:c},{default:e(()=>[(a(!0),v(N,null,x(B(k),(o,m)=>(a(),r(f,{key:o.key,lazy:!0},{label:e(()=>[n(u,{content:`(第 ${m+1} 个示例)${o.content}`,placement:"top-end"},{default:e(()=>[p("span",null,C(o.title),1)]),_:2},1032,["content"])]),default:e(()=>[s.value==m?(a(),r(T(o.component),{key:0})):w("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}});const de=V(F,[["__scopeId","data-v-d1e9a4ec"]]);export{de as default};
|