farris-vue/packages/ui-vue/docs/.vitepress/dist/assets/components_tabs_index.md.2a9876c7.js

import{V as c,_ as x,c as T,a as b,w as _,b as t,d as a,e as v,r as h,o as F}from"./app.4d17d822.js";const E={name:"component-doc",components:{"render-demo-0":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Tab Page 1"),p=o("Content of Tab Page 2"),r=o("Content of Tab Page 3");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1"},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Tab Page 2"},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 3"},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-1":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Tab Page 1."),p=o("Content of Tab Page Disabled."),r=o("Content of Tab Page 2.");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1"},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Disabled Tab Page",disabled:!0},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 2"},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-2":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Hidden Tab Page. "),p=o("Content of Tab Page 2. Tab Page 1 is hidden, see example code to get more."),r=o("Content of Tab Page 3.");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1",show:!1},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Tab Page 2"},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 3"},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-3":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Tab Page 1."),p=o("Content of Tab Page 2."),r=o("Content of Tab Page 3.");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1",removeable:!0},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Tab Page 2",removeable:!0},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 3",removeable:!0},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}()}},W=JSON.parse('{"title":"Tabs \u6807\u7B7E\u9875","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u7981\u7528","slug":"\u7981\u7528"},{"level":2,"title":"\u9690\u85CF","slug":"\u9690\u85CF"},{"level":2,"title":"\u5173\u95ED\u6309\u94AE","slug":"\u5173\u95ED\u6309\u94AE"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/tabs/index.md"}'),P=t("h1",{id:"tabs-\u6807\u7B7E\u9875",tabindex:"-1"},[a("Tabs \u6807\u7B7E\u9875 "),t("a",{class:"header-anchor",href:"#tabs-\u6807\u7B7E\u9875","aria-hidden":"true"},"#")],-1),A=t("p",null,"Tabs \u7EC4\u4EF6\u4E3A\u5F00\u53D1\u8005\u63D0\u4F9B\u5177\u6709\u9875\u7B7E\u5BFC\u822A\u7684\u5E03\u5C40\u5BB9\u5668\u3002",-1),B=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[a("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-a
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 1"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 3"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 3"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
`)])])],-1),w=t("h2",{id:"\u7981\u7528",tabindex:"-1"},[a("\u7981\u7528 "),t("a",{class:"header-anchor",href:"#\u7981\u7528","aria-hidden":"true"},"#")],-1),V=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("script")]),a(),t("span",{class:"token attr-name"},"setup"),a(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[a(`
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 1."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Disabled Tab Page"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":disabled"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page Disabled."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
`)])])],-1),N=t("h2",{id:"\u9690\u85CF",tabindex:"-1"},[a("\u9690\u85CF "),t("a",{class:"header-anchor",href:"#\u9690\u85CF","aria-hidden":"true"},"#")],-1),S=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("script")]),a(),t("span",{class:"token attr-name"},"setup"),a(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[a(`
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":show"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("false"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Hidden Tab Page. "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2. Tab Page 1 is hidden, see example code to get more."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 3"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 3."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
`)])])],-1),j=t("h2",{id:"\u5173\u95ED\u6309\u94AE",tabindex:"-1"},[a("\u5173\u95ED\u6309\u94AE "),t("a",{class:"header-anchor",href:"#\u5173\u95ED\u6309\u94AE","aria-hidden":"true"},"#")],-1),O=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("script")]),a(),t("span",{class:"token attr-name"},"setup"),a(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[a(`
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":removeable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 1."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":removeable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
        `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":removeable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 3."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
    `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
`)])])],-1),$=v(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">TabType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">fill</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">pills</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">default</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">TabPosition</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">left</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">right</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">top</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">bottom</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">tabType</td><td style="text-align:left;"><code>string as TabType</code></td><td style="text-align:left;">&#39;default&#39;</td><td style="text-align:left;">\u6807\u7B7E\u9875\u663E\u793A\u6837\u5F0F</td></tr><tr><td style="text-align:left;">autoTitleWidth</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u81EA\u52A8\u8C03\u6574\u6807\u9898\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">titleLength</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">7</td><td style="text-align:left;">\u6807\u9898\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">position</td><td style="text-align:left;"><code>string as TabPosition</code></td><td style="text-align:left;">&#39;top&#39;</td><td style="text-align:left;">\u663E\u793A\u9875\u7B7E\u7684\u4F4D\u7F6E</td></tr><tr><td style="text-align:left;">showDropDwon</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u9875\u7B7E\u5BFC\u822A\u4E0B\u62C9\u6309\u94AE</td></tr><tr><td style="text-align:left;">showTooltips</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u6807\u9898\u63D0\u793A\u4FE1\u606F</td></tr><tr><td style="text-align:left;">scrollStep</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">1</td><td style="text-align:left;">\u6EDA\u52A8\u9F20\u6807\u5207\u6362\u9875\u7B7E\u7684\u6B65\u957F</td></tr><tr><td style="text-align:left;">autoResize</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u81EA\u52A8\u8C03\u6574\u9875\u7B7E\u9AD8\u5EA6</td></tr><tr><td style="text-align:left;">selectedTab</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6307\u5B9A\u9009\u4E2D\u7684\u9875\u7B7E</td></tr><tr><td style="text-align:left;">width</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">height</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u9AD8\u5EA6</td></tr><tr><td style="text-align:left;">searchBoxVisible</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u9875\u7B7E\u641C\u7D22\u6846</td></tr><tr><td style="text-align:left;">titleWidth</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u9898\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">customClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u7B7E\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr><tr><td style="text-align:left;">activeId</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u88AB\u6FC0\u6D3B\u7684\u9875\u7B7E\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,6);function H(o,l,s,e,g,f){const i=h("r
import { ref } from 'vue';
<\/script>
<template>
    <f-tabs>
        <f-tab-page id="tab1" title="Tab Page 1">Content of Tab Page 1</f-tab-page>
        <f-tab-page id="tab2" title="Tab Page 2">Content of Tab Page 2</f-tab-page>
        <f-tab-page id="tab3" title="Tab Page 3">Content of Tab Page 3</f-tab-page>
    </f-tabs>
</template>
`},{highlight:_(()=>[q]),default:_(()=>[b(i)]),_:1}),w,b(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
    <f-tabs>
        <f-tab-page id="tab1" title="Tab Page 1">Content of Tab Page 1.</f-tab-page>
        <f-tab-page id="tab2" title="Disabled Tab Page" :disabled="true">Content of Tab Page Disabled.</f-tab-page>
        <f-tab-page id="tab3" title="Tab Page 2">Content of Tab Page 2.</f-tab-page>
    </f-tabs>
</template>
`},{highlight:_(()=>[V]),default:_(()=>[b(r)]),_:1}),N,b(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
    <f-tabs>
        <f-tab-page id="tab1" title="Tab Page 1" :show="false">Content of Hidden Tab Page. </f-tab-page>
        <f-tab-page id="tab2" title="Tab Page 2">Content of Tab Page 2. Tab Page 1 is hidden, see example code to get more.</f-tab-page>
        <f-tab-page id="tab3" title="Tab Page 3">Content of Tab Page 3.</f-tab-page>
    </f-tabs>
</template>
`},{highlight:_(()=>[S]),default:_(()=>[b(d)]),_:1}),j,b(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
    <f-tabs>
        <f-tab-page id="tab1" title="Tab Page 1" :removeable="true">Content of Tab Page 1.</f-tab-page>
        <f-tab-page id="tab2" title="Tab Page 2" :removeable="true">Content of Tab Page 2.</f-tab-page>
        <f-tab-page id="tab3" title="Tab Page 3" :removeable="true">Content of Tab Page 3.</f-tab-page>
    </f-tabs>
</template>
`},{highlight:_(()=>[O]),default:_(()=>[b(k)]),_:1}),$])}const z=x(E,[["render",H]]);export{W as __pageData,z as default};