import{a as i,e as _,o as u,b as p,G as e,F as t,D as a,g as v,l as d,X as V}from"./@vue.e84e1286.js";import{p as b}from"./preview.2bfe2f00.js";import"./bus.f1893518.js";import"./mitt.550594b0.js";/* empty css */import"./index.c8cfbd6c.js";import"./vue-router.54876e93.js";const N=a("\u5185\u5BB9\u4E00"),g=a("\u5185\u5BB9\u4E8C"),y=a("\u5185\u5BB9\u4E09"),x=a("\u5185\u5BB9\u56DB"),k={__name:"demo1",setup(h){const s=i("first"),c=(l,o)=>{console.log(l,o)};return(l,o)=>{const n=_("m-tab-pane"),m=_("m-tabs");return u(),p(m,{modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=r=>s.value=r),onTabClick:c},{default:e(()=>[t(n,{label:"\u9009\u9879\u4E00",name:"first"},{default:e(()=>[N]),_:1}),t(n,{label:"\u9009\u9879\u4E8C",name:"second"},{default:e(()=>[g]),_:1}),t(n,{label:"\u9009\u9879\u4E09",name:"third"},{default:e(()=>[y]),_:1}),t(n,{label:"\u9009\u9879\u56DB",name:"fourth"},{default:e(()=>[x]),_:1})]),_:1},8,["modelValue"])}}},C=a("\u5185\u5BB9\u4E00"),T=a("\u5185\u5BB9\u4E8C"),U=a("\u5185\u5BB9\u4E09"),B=a("\u5185\u5BB9\u56DB"),w={__name:"demo2",setup(h){const s=i("first"),c=(l,o)=>{console.log(l,o)};return(l,o)=>{const n=_("m-tab-pane"),m=_("m-tabs");return u(),p(m,{modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=r=>s.value=r),type:"card",onTabClick:c},{default:e(()=>[t(n,{label:"\u9009\u9879\u4E00",name:"first"},{default:e(()=>[C]),_:1}),t(n,{label:"\u9009\u9879\u4E8C",name:"second"},{default:e(()=>[T]),_:1}),t(n,{label:"\u9009\u9879\u4E09",name:"third"},{default:e(()=>[U]),_:1}),t(n,{label:"\u9009\u9879\u56DB",name:"fourth"},{default:e(()=>[B]),_:1})]),_:1},8,["modelValue"])}}},A=a("\u5185\u5BB9\u4E00"),E=a("\u5185\u5BB9\u4E8C"),P=a("\u5185\u5BB9\u4E09"),D=a("\u5185\u5BB9\u56DB"),F={__name:"demo3",setup(h){const s=i("first");return(c,l)=>{const o=_("m-tab-pane"),n=_("m-tabs");return u(),p(n,{modelValue:s.value,"onUpdate:modelValue":l[0]||(l[0]=m=>s.value=m),type:"card"},{default:e(()=>[t(o,{label:"\u9009\u9879\u4E00",name:"first",icon:"icon-calendar"},{default:e(()=>[A]),_:1}),t(o,{label:"\u9009\u9879\u4E8C",name:"second"},{default:e(()=>[E]),_:1}),t(o,{label:"\u9009\u9879\u4E09",name:"third"},{default:e(()=>[P]),_:1}),t(o,{label:"\u9009\u9879\u56DB",name:"fourth"},{default:e(()=>[D]),_:1})]),_:1},8,["modelValue"])}}},G=a("\u5185\u5BB9\u4E00"),S=a("\u5185\u5BB9\u4E8C"),X=a("\u5185\u5BB9\u4E09"),j=a("\u5185\u5BB9\u56DB"),q={__name:"demo4",setup(h){const s=i("first");return(c,l)=>{const o=_("m-tab-pane"),n=_("m-tabs");return u(),p(n,{modelValue:s.value,"onUpdate:modelValue":l[0]||(l[0]=m=>s.value=m)},{default:e(()=>[t(o,{label:"\u9009\u9879\u4E00",name:"first"},{default:e(()=>[G]),_:1}),t(o,{label:"\u9009\u9879\u4E8C",name:"second"},{default:e(()=>[S]),_:1}),t(o,{label:"\u9009\u9879\u4E09",name:"third",disabled:!0},{default:e(()=>[X]),_:1}),t(o,{label:"\u9009\u9879\u56DB",name:"fourth"},{default:e(()=>[j]),_:1})]),_:1},8,["modelValue"])}}},z=a("\u5185\u5BB9\u4E00"),H=a("\u5185\u5BB9\u4E8C"),I=a("\u5185\u5BB9\u4E09"),J=a("\u5185\u5BB9\u56DB"),K={__name:"demo5",setup(h){const s=i("top"),c=i("first");return(l,o)=>{const n=_("m-radio-button"),m=_("m-radio-group"),r=_("m-tab-pane"),$=_("m-tabs");return u(),v("div",null,[t(m,{modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=f=>s.value=f),style:{"margin-bottom":"30px"}},{default:e(()=>[t(n,{label:"top"}),t(n,{label:"right"}),t(n,{label:"bottom"}),t(n,{label:"left"})]),_:1},8,["modelValue"]),t($,{modelValue:c.value,"onUpdate:modelValue":o[1]||(o[1]=f=>c.value=f),"tab-position":s.value,style:{height:"200px"}},{default:e(()=>[t(r,{label:"\u9009\u9879\u4E00",name:"first"},{default:e(()=>[z]),_:1}),t(r,{label:"\u9009\u9879\u4E8C",name:"second"},{default:e(()=>[H]),_:1}),t(r,{label:"\u9009\u9879\u4E09",name:"third"},{default:e(()=>[I]),_:1}),t(r,{label:"\u9009\u9879\u56DB",name:"fourth"},{default:e(()=>[J]),_:1})]),_:1},8,["modelValue","tab-position"])])}}},L=a("\u5185\u5BB9\u4E00"),M=a("\u5185\u5BB9\u4E8C"),O=a("\u5185\u5BB9\u4E09"),Q=a("\u5185\u5BB9\u56DB"),R={__name:"demo6",setup(h){const s=i("first");return(c,l)=>{const o=_("m-tab-pane"),n=_("m-tabs");return u(),p(n,{modelValue:s.value,"onUpdate:modelValue":l[0]||(l[0]=m=>s.value=m),activeColor:"#42B983"},{default:e(()=>[t(o,{label:"\u9009\u9879\u4E00",name:"first"},{default:e(()=>[L]),_:1}),t(o,{label:"\u9009\u9879\u4E8C",name:"second"},{default:e(()=>[M]),_:1}),t(o,{label:"\u9009\u9879\u4E09",name:"third"},{default:e(()=>[O]),_:1}),t(o,{label:"\u9009\u9879\u56DB",name:"fourth"},{default:e(()=>[Q]),_:1})]),_:1},8,["modelValue"])}}},W={class:"markdown-body"},Y=d("h1",null,"Tabs \u6807\u7B7E\u9875",-1),Z=d("h4",null,"\u7528\u4E8E\u591A\u4E2A\u89C6\u56FE\u3001\u6570\u636E\u5207\u6362\u5C55\u793A\u64CD\u4F5C",-1),tt=d("br",null,null,-1),et=d("h2",null,"\u57FA\u672C\u4F7F\u7528",-1),ot=d("h4",null,"\u57FA\u7840\u7684\u3001\u7B80\u6D01\u7684\u6807\u7B7E\u9875\u3002Tabs \u7EC4\u4EF6\u63D0\u4F9B\u4E86\u9009\u9879\u5361\u529F\u80FD\uFF0C \u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\u6807\u7B7E\u9875\u3002",-1),at={class:"source"},dt=d("h2",null,"\u9009\u9879\u5361\u6837\u5F0F",-1),st=d("h4",null,"\u9009\u9879\u5361\u6837\u5F0F\u7684\u6807\u7B7E\u9875\u3002\u53EA\u9700\u8981\u8BBE\u7F6E type \u5C5E\u6027\u4E3A card \u5C31\u53EF\u4EE5\u4F7F\u9009\u9879\u5361\u6539\u53D8\u4E3A\u6807\u7B7E\u98CE\u683C\u3002",-1),nt={class:"source"},lt=d("h2",null,"\u9009\u9879\u5361\u52A0\u56FE\u6807",-1),_t=d("h4",null,"\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E icon \u5C5E\u6027\u4E3A\u9009\u9879\u5361\u6DFB\u52A0\u56FE\u6807\u3002",-1),mt={class:"source"},ct=d("h2",null,"\u7981\u7528",-1),rt=d("h4",null,"\u8BBE\u7F6E disabled \u5C5E\u6027\u7981\u7528\u6B64\u9009\u9879\u5361",-1),it={class:"source"},ut=d("h2",null,"\u4F4D\u7F6E",-1),ht=d("h4",null,"\u53EF\u4EE5\u901A\u8FC7 tab-position \u8BBE\u7F6E\u6807\u7B7E\u7684\u4F4D\u7F6E\u3002\u6807\u7B7E\u4E00\u5171\u6709\u56DB\u4E2A\u65B9\u5411\u7684\u8BBE\u7F6E tabPosition=\u201Cleft|right|top|bottom\u201D",-1),bt={class:"source"},pt=d("h2",null,"\u81EA\u5B9A\u4E49\u989C\u8272",-1),ft=d("h4",null,"\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E activeColor \u81EA\u5B9A\u4E49\u9009\u4E2D\u72B6\u6001\u7684\u5B57\u4F53\u989C\u8272\uFF0C\u4EE5\u53CA\u6307\u793A\u5668\u7684\u989C\u8272\u3002",-1),vt={class:"source"},$t=V("
Tabs Attributes
\u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u53EF\u9009\u503C | \u9ED8\u8BA4\u503C |
---|
v-model | \u7ED1\u5B9A\u503C\uFF0C\u9009\u4E2D\u9009\u9879\u5361\u7684 name | string | \u2014 | \u7B2C\u4E00\u4E2A\u9009\u9879\u5361\u7684 name |
type | \u9009\u9879\u5361\u7C7B\u578B | string | line/card | line |
tab-position | \u9009\u9879\u5361\u6240\u5728\u4F4D\u7F6E | string | top/right/bottom/left | top |
activeColor | \u9009\u4E2D\u72B6\u6001\u7684\u5B57\u4F53\u989C\u8272\uFF0C\u4EE5\u53CA\u6307\u793A\u5668\u7684\u989C\u8272 | string | \u2014 | \u2014 |
Tabs Events
\u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 |
---|
tab-click | tab \u88AB\u9009\u4E2D\u65F6\u89E6\u53D1 | \u88AB\u9009\u4E2D\u7684\u6807\u7B7E tab \u5B9E\u4F8B |
Tab-pane Attributes
\u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u53EF\u9009\u503C | \u9ED8\u8BA4\u503C |
---|
label | \u9009\u9879\u5361\u6807\u9898 | string | \u2014 | \u2014 |
name | \u9009\u9879\u5361name | string | \u2014 | \u2014 |
icon | \u9009\u9879\u5361\u7684\u56FE\u6807 | string | \u2014 | \u2014 |
disabled | \u662F\u5426\u7981\u7528 | boolean | \u2014 | false |
",9),Tt={__name:"doc",setup(h,{expose:s}){return s({frontmatter:{}}),(l,o)=>(u(),v("div",W,[Y,Z,tt,et,ot,d("div",at,[t(k)]),t(b,{compName:"tabs",demoName:"demo1"}),dt,st,d("div",nt,[t(w)]),t(b,{compName:"tabs",demoName:"demo2"}),lt,_t,d("div",mt,[t(F)]),t(b,{compName:"tabs",demoName:"demo3"}),ct,rt,d("div",it,[t(q)]),t(b,{compName:"tabs",demoName:"demo4"}),ut,ht,d("div",bt,[t(K)]),t(b,{compName:"tabs",demoName:"demo5"}),pt,ft,d("div",vt,[t(R)]),t(b,{compName:"tabs",demoName:"demo6"}),$t]))}};export{Tt as default};