mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-07 08:57:19 +08:00
3 lines
1.7 KiB
JavaScript
3 lines
1.7 KiB
JavaScript
import{list as h}from"./list-VVOr_Y_Q.js";import{d as y,r as x,c as l,w as e,b as t,e as o,f as s,h as r,i as n,k as C,l as v,B as g,R as B,C as w,u as N,F as T,_ as V}from"./index-WGKmNNf0.js";import"./index.vue_vue_type_script_setup_true_lang-CUs_8Nfh.js";import"./columns-CzBInC8c.js";import"./hooks-Cm2X3NoP.js";import"./plus-C98eNXam.js";import"./delete-Ce0TSdK5.js";const z={class:"card-header"},D={class:"font-medium"},E=y({name:"PureTableEdit",__name:"edit",setup(F){const c=x(0);function i({index:_}){c.value=_}return(_,$)=>{const d=t("el-link"),m=t("el-alert"),u=t("el-tooltip"),f=t("el-tab-pane"),b=t("el-tabs"),k=t("el-card");return o(),l(k,{shadow:"never"},{header:e(()=>[s("div",z,[s("span",D,[r(" 可编辑用法全部采用 tsx 语法,充分发挥 "),n(d,{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}),r(" 的灵活性,维护整体表格只需操作 columns 配置即可 ")])])]),default:e(()=>[n(m,{title:`可编辑用法中所有表格都设置了 row-key ,它是唯一值的字段,比如id。作用:1. 用来优化 Table
|
||
的渲染,尤其当字段在深层结构中;2. 防止拖拽后表格组件内部混乱(拖拽必须设置)`,type:"info",closable:!1}),n(b,{onTabClick:i},{default:e(()=>[(o(!0),C(T,null,v(N(h),(a,p)=>(o(),l(f,{key:a.key,lazy:!0},{label:e(()=>[n(u,{content:`(第 ${p+1} 个示例)${a.content}`,placement:"top-end"},{default:e(()=>[s("span",null,g(a.title),1)]),_:2},1032,["content"])]),default:e(()=>[c.value==p?(o(),l(B(a.component),{key:0})):w("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}}),A=V(E,[["__scopeId","data-v-815d18b7"]]);export{A as default};
|