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