mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 17:37:24 +08:00
3 lines
1.9 KiB
JavaScript
3 lines
1.9 KiB
JavaScript
import{list as h}from"./list-BMTaKMrr.js";import{d as y,a as x,b as l,w as e,e as t,f as a,l as s,g as r,h as n,j as v,k as C,t as g,$ as w,i as B,u as N,F as T,_ as V}from"./index-BXHkKmv3.js";import"./index-DF8W-fUB.js";import"./columns-D1-j0Ru8.js";import"./data-Dd4sCrbk.js";import"./hooks-CFzL8YXt.js";import"./plus-C98eNXam.js";import"./delete-Ce0TSdK5.js";import"./index.vue_vue_type_script_setup_true_lang-C8egYBN0.js";import"./columns-DKKidmzm.js";import"./index.vue_vue_type_script_setup_true_lang-BwtC5TXl.js";import"./columns-D4YjfjMF.js";import"./edit-pen-Ci7W0xNM.js";import"./check-CIQVCvCT.js";const $={class:"card-header"},z={class:"font-medium"},D=y({name:"PureTableEdit",__name:"edit",setup(E){const c=x(0);function _({index:p}){c.value=p}return(p,F)=>{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(()=>[s("div",$,[s("span",z,[r(" 可编辑用法全部采用 tsx 语法,充分发挥 "),n(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}),r(" 的灵活性,维护整体表格只需操作 columns 配置即可 ")])])]),default:e(()=>[n(d,{title:`可编辑用法中所有表格都设置了 row-key ,它是唯一值的字段,比如id。作用:1. 用来优化 Table
|
||
的渲染,尤其当字段在深层结构中;2. 防止拖拽后表格组件内部混乱(拖拽必须设置)`,type:"info",closable:!1}),n(b,{onTabClick:_},{default:e(()=>[(a(!0),v(T,null,C(N(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(()=>[s("span",null,g(o.title),1)]),_:2},1032,["content"])]),default:e(()=>[c.value==i?(a(),l(w(o.component),{key:0})):B("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}}),R=V(D,[["__scopeId","data-v-ffdfda2b"]]);export{R as default};
|