mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-17 11:49:41 +08:00
2 lines
5.4 KiB
JavaScript
2 lines
5.4 KiB
JavaScript
import{d as T,k as p,y as u,o as m,z as v,A as e,G as t,E as l,e as $,u as V,b as h,H as y,S as x,F as k}from"./framework.f98c6945.js";import{_ as C}from"./plugin-vue_export-helper.21dcd24c.js";import{c as S}from"./calendar.16c0f11e.js";const R=l("User"),U=l("Config"),z=l("Role"),N=l("Task"),j=T({setup(g){const b=p("first"),o=(_,n)=>{console.log(_,n)};return(_,n)=>{const s=u("el-tab-pane"),c=u("el-tabs");return m(),v(c,{modelValue:b.value,"onUpdate:modelValue":n[0]||(n[0]=a=>b.value=a),class:"demo-tabs",onTabClick:o},{default:e(()=>[t(s,{label:"User",name:"first"},{default:e(()=>[R]),_:1}),t(s,{label:"Config",name:"second"},{default:e(()=>[U]),_:1}),t(s,{label:"Role",name:"third"},{default:e(()=>[z]),_:1}),t(s,{label:"Task",name:"fourth"},{default:e(()=>[N]),_:1})]),_:1},8,["modelValue"])}}});var ie=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:j});const w={},M=l("User"),O=l("Config"),E=l("Role"),B=l("Task");function F(g,b){const o=u("el-tab-pane"),_=u("el-tabs");return m(),v(_,{type:"border-card"},{default:e(()=>[t(o,{label:"User"},{default:e(()=>[M]),_:1}),t(o,{label:"Config"},{default:e(()=>[O]),_:1}),t(o,{label:"Role"},{default:e(()=>[E]),_:1}),t(o,{label:"Task"},{default:e(()=>[B]),_:1})]),_:1})}var I=C(w,[["render",F]]),me=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:I});const P=l("User"),A=l("Config"),D=l("Role"),G=l("Task"),H=T({setup(g){const b=p("first"),o=(_,n)=>{console.log(_,n)};return(_,n)=>{const s=u("el-tab-pane"),c=u("el-tabs");return m(),v(c,{modelValue:b.value,"onUpdate:modelValue":n[0]||(n[0]=a=>b.value=a),type:"card",class:"demo-tabs",onTabClick:o},{default:e(()=>[t(s,{label:"User"},{default:e(()=>[P]),_:1}),t(s,{label:"Config"},{default:e(()=>[A]),_:1}),t(s,{label:"Role"},{default:e(()=>[D]),_:1}),t(s,{label:"Task"},{default:e(()=>[G]),_:1})]),_:1},8,["modelValue"])}}});var fe=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:H});const L=l("Route "),q=l(" Route "),J=l("Config"),K=l("Role"),Q=l("Task"),W=T({setup(g){return(b,o)=>{const _=u("el-icon"),n=u("el-tab-pane"),s=u("el-tabs");return m(),v(s,{type:"border-card",class:"demo-tabs"},{default:e(()=>[t(n,null,{label:e(()=>[$("span",null,[t(_,null,{default:e(()=>[t(V(S))]),_:1}),L])]),default:e(()=>[q]),_:1}),t(n,{label:"Config"},{default:e(()=>[J]),_:1}),t(n,{label:"Role"},{default:e(()=>[K]),_:1}),t(n,{label:"Task"},{default:e(()=>[Q]),_:1})]),_:1})}}});var pe=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:W});const X={style:{"margin-bottom":"20px"}},Y=l(" add tab "),Z=T({setup(g){let b=2;const o=p("2"),_=p([{title:"Tab 1",name:"1",content:"Tab 1 content"},{title:"Tab 2",name:"2",content:"Tab 2 content"}]),n=c=>{const a=`${++b}`;_.value.push({title:"New Tab",name:a,content:"New Tab content"}),o.value=a},s=c=>{const a=_.value;let r=o.value;r===c&&a.forEach((d,f)=>{if(d.name===c){const i=a[f+1]||a[f-1];i&&(r=i.name)}}),o.value=r,_.value=a.filter(d=>d.name!==c)};return(c,a)=>{const r=u("el-button"),d=u("el-tab-pane"),f=u("el-tabs");return m(),h(y,null,[$("div",X,[t(r,{size:"small",onClick:a[0]||(a[0]=i=>n(o.value))},{default:e(()=>[Y]),_:1})]),t(f,{modelValue:o.value,"onUpdate:modelValue":a[1]||(a[1]=i=>o.value=i),type:"card",class:"demo-tabs",closable:"",onTabRemove:s},{default:e(()=>[(m(!0),h(y,null,x(_.value,i=>(m(),v(d,{key:i.name,label:i.title,name:i.name},{default:e(()=>[l(k(i.content),1)]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])],64)}}});var ve=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:Z});const ee=T({setup(g){let b=2;const o=p("2"),_=p([{title:"Tab 1",name:"1",content:"Tab 1 content"},{title:"Tab 2",name:"2",content:"Tab 2 content"}]),n=(s,c)=>{if(c==="add"){const a=`${++b}`;_.value.push({title:"New Tab",name:a,content:"New Tab content"}),o.value=a}else if(c==="remove"){const a=_.value;let r=o.value;r===s&&a.forEach((d,f)=>{if(d.name===s){const i=a[f+1]||a[f-1];i&&(r=i.name)}}),o.value=r,_.value=a.filter(d=>d.name!==s)}};return(s,c)=>{const a=u("el-tab-pane"),r=u("el-tabs");return m(),v(r,{modelValue:o.value,"onUpdate:modelValue":c[0]||(c[0]=d=>o.value=d),type:"card",editable:"",class:"demo-tabs",onEdit:n},{default:e(()=>[(m(!0),h(y,null,x(_.value,d=>(m(),v(a,{key:d.name,label:d.title,name:d.name},{default:e(()=>[l(k(d.content),1)]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])}}});var ge=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:ee});const te=l("top"),ae=l("right"),le=l("bottom"),oe=l("left"),ne=l("User"),_e=l("Config"),se=l("Role"),ce=l("Task"),ue=T({setup(g){const b=p("left");return(o,_)=>{const n=u("el-radio-button"),s=u("el-radio-group"),c=u("el-tab-pane"),a=u("el-tabs");return m(),h(y,null,[t(s,{modelValue:b.value,"onUpdate:modelValue":_[0]||(_[0]=r=>b.value=r),style:{"margin-bottom":"30px"}},{default:e(()=>[t(n,{label:"top"},{default:e(()=>[te]),_:1}),t(n,{label:"right"},{default:e(()=>[ae]),_:1}),t(n,{label:"bottom"},{default:e(()=>[le]),_:1}),t(n,{label:"left"},{default:e(()=>[oe]),_:1})]),_:1},8,["modelValue"]),t(a,{"tab-position":b.value,style:{height:"200px"},class:"demo-tabs"},{default:e(()=>[t(c,{label:"User"},{default:e(()=>[ne]),_:1}),t(c,{label:"Config"},{default:e(()=>[_e]),_:1}),t(c,{label:"Role"},{default:e(()=>[se]),_:1}),t(c,{label:"Task"},{default:e(()=>[ce]),_:1})]),_:1},8,["tab-position"])],64)}}});var Te=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:ue});export{ie as _,me as a,fe as b,pe as c,ve as d,ge as e,Te as f};
|