mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 17:37:24 +08:00
3 lines
1.8 KiB
JavaScript
3 lines
1.8 KiB
JavaScript
import{list as h}from"./list-ChoTKDqo.js";import{d as y,r as x,c as l,w as e,e as t,f as a,g 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-BYGmXFoi.js";import"./index-CNXmU226.js";import"./columns-CFqIf9mo.js";import"./data-Pgcmi3Hk.js";import"./hooks-NxI_W0iL.js";import"./plus-C98eNXam.js";import"./delete-Ce0TSdK5.js";import"./index.vue_vue_type_script_setup_true_lang-Bl-pReLh.js";import"./columns-gSr4jZ3Q.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: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(()=>[s("div",z,[s("span",D,[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:i},{default:e(()=>[(a(!0),C(T,null,v(N(h),(o,_)=>(a(),l(f,{key:o.key,lazy:!0},{label:e(()=>[n(u,{content:`(第 ${_+1} 个示例)${o.content}`,placement:"top-end"},{default:e(()=>[s("span",null,g(o.title),1)]),_:2},1032,["content"])]),default:e(()=>[c.value==_?(a(),l(B(o.component),{key:0})):w("",!0)]),_:2},1024))),128))]),_:1})]),_:1})}}}),J=V(E,[["__scopeId","data-v-815d18b7"]]);export{J as default};
|