mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-07 00:47:19 +08:00
3 lines
1.9 KiB
JavaScript
3 lines
1.9 KiB
JavaScript
import{list as h}from"./list-D-dzykex.js";import{d as y,r as x,f as l,j as e,k as t,e as a,g as r,l as s,m as n,x as v,y as C,t as g,W as B,K as N,u as T,F as V,_ as w}from"./index-DZuaHQDs.js";import"./index-CNFZU4Zs.js";import"./columns-DCz7vMhv.js";import"./data-Dd4sCrbk.js";import"./hooks-BoRjbw1y.js";import"./plus-C98eNXam.js";import"./delete-Ce0TSdK5.js";import"./index.vue_vue_type_script_setup_true_lang-BLHgbrzi.js";import"./columns-BpMpxvnY.js";import"./index.vue_vue_type_script_setup_true_lang-DrRpPVa3.js";import"./columns-BOTK3JYZ.js";import"./edit-pen-Ci7W0xNM.js";import"./check-CIQVCvCT.js";const z={class:"card-header"},D={class:"font-medium"},E=y({name:"PureTableEdit",__name:"edit",setup(F){const c=x(0);function _({index:p}){c.value=p}return(p,$)=>{const m=t("el-link"),d=t("el-alert"),u=t("el-tooltip"),f=t("el-tab-pane"),b=t("el-tabs"),k=t("el-card");return a(),l(k,{shadow:"never"},{header:e(()=>[r("div",z,[r("span",D,[s(" 可编辑用法全部采用 tsx 语法，充分发挥 "),n(m,{href:"https://github.com/pure-admin/pure-admin-table",target:"_blank",style:{margin:"0 4px 5px","font-size":"16px"}},{default:e(()=>[s(" @pureadmin/table ")]),_:1}),s(" 的灵活性，维护整体表格只需操作 columns 配置即可 ")])])]),default:e(()=>[n(d,{title:`可编辑用法中所有表格都设置了 row-key ，它是唯一值的字段，比如id。作用：1. 用来优化 Table
|
||
的渲染，尤其当字段在深层结构中；2. 防止拖拽后表格组件内部混乱（拖拽必须设置）`,type:"info",closable:!1}),n(b,{onTabClick:_},{default:e(()=>[(a(!0),v(V,null,C(T(h),(o,i)=>(a(),l(f,{key:o.key,lazy:!0},{label:e(()=>[n(u,{content:`（第 ${i+1} 个示例）${o.content}`,placement:"top-end"},{default:e(()=>[r("span",null,g(o.title),1)]),_:2},1032,["content"])]),default:e(()=>[c.value==i?(a(),l(B(o.component),{key:0})):N("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}}),Q=w(E,[["__scopeId","data-v-ffdfda2b"]]);export{Q as default};
|