import{list as h}from"./list-CTANZU8_.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,$ as B,K as N,u as T,F as V,_ as w}from"./index-Ck9U78hm.js";import"./index-DBSQ7mkK.js";import"./columns-BPNnbf34.js";import"./data-Dd4sCrbk.js";import"./hooks-5jBQ35N_.js";import"./plus-C98eNXam.js";import"./delete-Ce0TSdK5.js";import"./index.vue_vue_type_script_setup_true_lang-VnnejbJ-.js";import"./columns-CxyT_qaQ.js";import"./index.vue_vue_type_script_setup_true_lang-WCIvdOfw.js";import"./columns-Do9KhSEG.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(()=>[r("div",$,[r("span",z,[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})}}}),R=w(D,[["__scopeId","data-v-ffdfda2b"]]);export{R as default};