docs: add document site

This commit is contained in:
Sagi 2022-10-08 19:23:16 +08:00
parent 40ed34a210
commit 3d2c1d1ef9
93 changed files with 2200 additions and 3 deletions

View File

@ -10,6 +10,7 @@ lerna-debug.log*
node_modules
dist
dist-ssr
!/docs/.vitepress/dist
*.local
coverage

View File

@ -1,4 +1,3 @@
import { isFunction } from 'lodash';
import { computed, defineComponent, ref, SetupContext } from 'vue';
import { NotifyData, NotifyProps, notifyProps } from './notify.props';
import Toast from './components/toast.component';
@ -50,8 +49,8 @@ export default defineComponent({
}
function invokeToastOnRemoveCallback(toast: NotifyData) {
if (toast && toast.onRemove && isFunction(toast.onRemove)) {
toast.onRemove.call(this, toast);
if (toast && toast.onRemove) {
toast.onRemove.call(toast);
}
}

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 158 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 155 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 147 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 990 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

View File

@ -0,0 +1,19 @@
import{V as u,_ as h,c as x,a as k,w as f,b as t,d as e,e as C,r as g,o as E}from"./app.c5d2b0ef.js";const y={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:s,createVNode:a,withCtx:l,openBlock:i,createElementBlock:d}=u;function p(m,r){const n=s("f-accordion-item"),_=s("f-accordion");return i(),d("div",null,[a(_,null,{default:l(()=>[a(n,{title:"Accordion Panel One "}),a(n,{title:"Accordion Panel Two "})]),_:1})])}const{defineComponent:o}=u,{ref:c}=u;return{render:p,...o({setup(m,{expose:r}){r();const n={ref:c};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}()}},V=JSON.parse('{"title":"Accordion \u624B\u98CE\u7434","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/accordion/index.md"}'),F=t("h1",{id:"accordion-\u624B\u98CE\u7434",tabindex:"-1"},[e("Accordion \u624B\u98CE\u7434 "),t("a",{class:"header-anchor",href:"#accordion-\u624B\u98CE\u7434","aria-hidden":"true"},"#")],-1),B=t("p",null,"Accordion \u7EC4\u4EF6\u4E3A\u5F00\u53D1\u8005\u63D0\u4F9B\u4E86\u4E00\u79CD\u53EF\u6536\u6298\u7684\u5BFC\u822A\u9762\u677F\u3002",-1),D=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),A=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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion-item")]),e(),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"},'"'),e("Accordion Panel One "),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion-item")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion-item")]),e(),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"},'"'),e("Accordion Panel Two "),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion-item")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),v=C('<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;">customClass</td><td style="text-align:left;"><code>string[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u7EC4\u4EF6\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr><tr><td style="text-align:left;">enableFold</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u6536\u6298</td></tr><tr><td style="text-align:left;">expanded</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u5C55\u5F00\u6240\u6709\u9762\u677F</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;">\u8BBE\u7F6E\u7EC4\u4EF6\u7684\u9AD8\u5EA6</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;">\u8BBE\u7F6E\u7EC4\u4EF6\u7684\u5BBD\u5EA6</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>',4);function b(s,a,l,i,d,p){const o=g("render-demo-0"),c=g("demo");return E(),x("div",null,[F,B,D,k(c,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-accordion>
<f-accordion-item title="Accordion Panel One "></f-accordion-item>
<f-accordion-item title="Accordion Panel Two "></f-accordion-item>
</f-accordion>
</template>
`},{highlight:f(()=>[A]),default:f(()=>[k(o)]),_:1}),v])}const N=h(y,[["render",b]]);export{V as __pageData,N as default};

View File

@ -0,0 +1,19 @@
import{V as u,_ as h,c as x,a as k,w as f,b as t,d as e,e as C,r as g,o as E}from"./app.c5d2b0ef.js";const y={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:s,createVNode:a,withCtx:l,openBlock:i,createElementBlock:d}=u;function p(m,r){const n=s("f-accordion-item"),_=s("f-accordion");return i(),d("div",null,[a(_,null,{default:l(()=>[a(n,{title:"Accordion Panel One "}),a(n,{title:"Accordion Panel Two "})]),_:1})])}const{defineComponent:o}=u,{ref:c}=u;return{render:p,...o({setup(m,{expose:r}){r();const n={ref:c};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}()}},V=JSON.parse('{"title":"Accordion \u624B\u98CE\u7434","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/accordion/index.md"}'),F=t("h1",{id:"accordion-\u624B\u98CE\u7434",tabindex:"-1"},[e("Accordion \u624B\u98CE\u7434 "),t("a",{class:"header-anchor",href:"#accordion-\u624B\u98CE\u7434","aria-hidden":"true"},"#")],-1),B=t("p",null,"Accordion \u7EC4\u4EF6\u4E3A\u5F00\u53D1\u8005\u63D0\u4F9B\u4E86\u4E00\u79CD\u53EF\u6536\u6298\u7684\u5BFC\u822A\u9762\u677F\u3002",-1),D=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),A=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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion-item")]),e(),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"},'"'),e("Accordion Panel One "),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion-item")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion-item")]),e(),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"},'"'),e("Accordion Panel Two "),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion-item")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),v=C('<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;">customClass</td><td style="text-align:left;"><code>string[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u7EC4\u4EF6\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr><tr><td style="text-align:left;">enableFold</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u6536\u6298</td></tr><tr><td style="text-align:left;">expanded</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u5C55\u5F00\u6240\u6709\u9762\u677F</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;">\u8BBE\u7F6E\u7EC4\u4EF6\u7684\u9AD8\u5EA6</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;">\u8BBE\u7F6E\u7EC4\u4EF6\u7684\u5BBD\u5EA6</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>',4);function b(s,a,l,i,d,p){const o=g("render-demo-0"),c=g("demo");return E(),x("div",null,[F,B,D,k(c,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-accordion>
<f-accordion-item title="Accordion Panel One "></f-accordion-item>
<f-accordion-item title="Accordion Panel Two "></f-accordion-item>
</f-accordion>
</template>
`},{highlight:f(()=>[A]),default:f(()=>[k(o)]),_:1}),v])}const N=h(y,[["render",b]]);export{V as __pageData,N as default};

View File

@ -0,0 +1,13 @@
import{V as s,_ as f,c as g,a as k,w as _,b as t,d as e,e as C,r as h,o as v}from"./app.c5d2b0ef.js";const x={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:o,createVNode:u,openBlock:c,createElementBlock:l}=s;function r(m,d){const a=o("f-avatar");return c(),l("div",null,[u(a)])}const{defineComponent:p}=s,{ref:n}=s;return{render:r,...p({setup(m,{expose:d}){d();const a={ref:n};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}})}}()}},V=JSON.parse('{"title":"Avatar \u5934\u50CF","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/avatar/index.md"}'),E=t("h1",{id:"avatar-\u5934\u50CF",tabindex:"-1"},[e("Avatar \u5934\u50CF "),t("a",{class:"header-anchor",href:"#avatar-\u5934\u50CF","aria-hidden":"true"},"#")],-1),D=t("p",null,"Avatar \u7EC4\u4EF6\u7528\u6765\u5C55\u793A\u4EBA\u5458\u5934\u50CF\u3002",-1),F=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),B=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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-avatar")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-avatar")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),b=C('<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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\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>',4);function y(o,u,c,l,r,p){const n=h("render-demo-0"),i=h("demo");return v(),g("div",null,[E,D,F,k(i,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-avatar></f-avatar>
</template>
`},{highlight:_(()=>[B]),default:_(()=>[k(n)]),_:1}),b])}const N=f(x,[["render",y]]);export{V as __pageData,N as default};

View File

@ -0,0 +1,13 @@
import{V as s,_ as f,c as g,a as k,w as _,b as t,d as e,e as C,r as h,o as v}from"./app.c5d2b0ef.js";const x={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:o,createVNode:u,openBlock:c,createElementBlock:l}=s;function r(m,d){const a=o("f-avatar");return c(),l("div",null,[u(a)])}const{defineComponent:p}=s,{ref:n}=s;return{render:r,...p({setup(m,{expose:d}){d();const a={ref:n};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}})}}()}},V=JSON.parse('{"title":"Avatar \u5934\u50CF","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/avatar/index.md"}'),E=t("h1",{id:"avatar-\u5934\u50CF",tabindex:"-1"},[e("Avatar \u5934\u50CF "),t("a",{class:"header-anchor",href:"#avatar-\u5934\u50CF","aria-hidden":"true"},"#")],-1),D=t("p",null,"Avatar \u7EC4\u4EF6\u7528\u6765\u5C55\u793A\u4EBA\u5458\u5934\u50CF\u3002",-1),F=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),B=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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-avatar")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-avatar")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),b=C('<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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\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>',4);function y(o,u,c,l,r,p){const n=h("render-demo-0"),i=h("demo");return v(),g("div",null,[E,D,F,k(i,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-avatar></f-avatar>
</template>
`},{highlight:_(()=>[B]),default:_(()=>[k(n)]),_:1}),b])}const N=f(x,[["render",y]]);export{V as __pageData,N as default};

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,29 @@
import{V as o,_ as g,c as f,a as y,w as D,b as t,d as s,e as h,r as C,o as m}from"./app.c5d2b0ef.js";const _={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:p,createVNode:u,openBlock:c,createElementBlock:r}=o;function i(a,l){const n=p("f-button");return c(),r("div",null,[u(n)])}const{defineComponent:d}=o,{ref:e}=o;return{render:i,...d({setup(a,{expose:l}){l();const n={ref:e};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-1":function(){const{resolveComponent:p,createVNode:u,openBlock:c,createElementBlock:r}=o;function i(a,l){const n=p("f-button");return c(),r("div",null,[u(n,{disable:a.disable},null,8,["disable"])])}const{defineComponent:d}=o,{ref:e}=o;return{render:i,...d({setup(a,{expose:l}){l();const F={disable:e(!0),ref:e};return Object.defineProperty(F,"__isScriptSetup",{enumerable:!1,value:!0}),F}})}}()}},S=JSON.parse('{"title":"Button \u6309\u94AE","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u72B6\u6001","slug":"\u72B6\u6001"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u4E8B\u4EF6","slug":"\u4E8B\u4EF6"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/button/index.md"}'),E=t("h1",{id:"button-\u6309\u94AE",tabindex:"-1"},[s("Button \u6309\u94AE "),t("a",{class:"header-anchor",href:"#button-\u6309\u94AE","aria-hidden":"true"},"#")],-1),B=t("p",null,"Button \u7EC4\u4EF6\u4E3A\u4E0D\u540C\u4F7F\u7528\u573A\u666F\u63D0\u4F9B\u4E86\u591A\u79CD\u5C55\u793A\u6837\u5F0F\u3002",-1),A=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),b=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"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),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"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("f-button")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("f-button")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`)])])],-1),x=t("h2",{id:"\u72B6\u6001",tabindex:"-1"},[s("\u72B6\u6001 "),t("a",{class:"header-anchor",href:"#\u72B6\u6001","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"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),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"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
`),t("span",{class:"token keyword"},"const"),s(" disable "),t("span",{class:"token operator"},"="),s(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("f-button")]),s(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("f-button")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`)])])],-1),V=h(`<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:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonType</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;">primary</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;">warning</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;">danger</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;">success</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;">link</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;">secondary</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">SizeType</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;">small</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;">large</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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u8BB0\u7EC4\u4EF6\u7684\u552F\u4E00\u6807\u8BC6</td></tr><tr><td style="text-align:left;">buttonType</td><td style="text-align:left;"><code>string as ButtonType</code></td><td style="text-align:left;">&#39;primary&#39;</td><td style="text-align:left;">\u6309\u94AE\u663E\u793A\u6837\u5F0F</td></tr><tr><td style="text-align:left;">disable</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u5C06\u6309\u94AE\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001</td></tr><tr><td style="text-align:left;">size</td><td style="text-align:left;"><code>string as SizeType</code></td><td style="text-align:left;">&#39;small&#39;</td><td style="text-align:left;">\u6309\u94AE\u5C3A\u5BF8</td></tr></tbody></table><h2 id="\u4E8B\u4EF6" tabindex="-1">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u4E8B\u4EF6\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">click</td><td style="text-align:left;"><code>EventEmitter&lt;any&gt;</code></td><td style="text-align:left;">\u70B9\u51FB\u6309\u94AE\u4E8B\u4EF6</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>`,8);function N(p,u,c,r,i,d){const e=C("render-demo-0"),k=C("demo"),a=C("render-demo-1");return m(),f("div",null,[E,B,A,y(k,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-button></f-button>
</template>
`},{highlight:D(()=>[b]),default:D(()=>[y(e)]),_:1}),x,y(k,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const disable = ref(true);
<\/script>
<template>
<f-button :disable="disable"></f-button>
</template>
`},{highlight:D(()=>[v]),default:D(()=>[y(a)]),_:1}),V])}const T=g(_,[["render",N]]);export{S as __pageData,T as default};

View File

@ -0,0 +1,29 @@
import{V as o,_ as g,c as f,a as y,w as D,b as t,d as s,e as h,r as C,o as m}from"./app.c5d2b0ef.js";const _={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:p,createVNode:u,openBlock:c,createElementBlock:r}=o;function i(a,l){const n=p("f-button");return c(),r("div",null,[u(n)])}const{defineComponent:d}=o,{ref:e}=o;return{render:i,...d({setup(a,{expose:l}){l();const n={ref:e};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-1":function(){const{resolveComponent:p,createVNode:u,openBlock:c,createElementBlock:r}=o;function i(a,l){const n=p("f-button");return c(),r("div",null,[u(n,{disable:a.disable},null,8,["disable"])])}const{defineComponent:d}=o,{ref:e}=o;return{render:i,...d({setup(a,{expose:l}){l();const F={disable:e(!0),ref:e};return Object.defineProperty(F,"__isScriptSetup",{enumerable:!1,value:!0}),F}})}}()}},S=JSON.parse('{"title":"Button \u6309\u94AE","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u72B6\u6001","slug":"\u72B6\u6001"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u4E8B\u4EF6","slug":"\u4E8B\u4EF6"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/button/index.md"}'),E=t("h1",{id:"button-\u6309\u94AE",tabindex:"-1"},[s("Button \u6309\u94AE "),t("a",{class:"header-anchor",href:"#button-\u6309\u94AE","aria-hidden":"true"},"#")],-1),B=t("p",null,"Button \u7EC4\u4EF6\u4E3A\u4E0D\u540C\u4F7F\u7528\u573A\u666F\u63D0\u4F9B\u4E86\u591A\u79CD\u5C55\u793A\u6837\u5F0F\u3002",-1),A=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),b=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"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),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"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("f-button")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("f-button")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`)])])],-1),x=t("h2",{id:"\u72B6\u6001",tabindex:"-1"},[s("\u72B6\u6001 "),t("a",{class:"header-anchor",href:"#\u72B6\u6001","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"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),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"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
`),t("span",{class:"token keyword"},"const"),s(" disable "),t("span",{class:"token operator"},"="),s(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("f-button")]),s(),t("span",{class:"token attr-name"},":disable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("f-button")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`)])])],-1),V=h(`<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:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonType</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;">primary</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;">warning</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;">danger</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;">success</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;">link</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;">secondary</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">SizeType</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;">small</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;">large</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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u8BB0\u7EC4\u4EF6\u7684\u552F\u4E00\u6807\u8BC6</td></tr><tr><td style="text-align:left;">buttonType</td><td style="text-align:left;"><code>string as ButtonType</code></td><td style="text-align:left;">&#39;primary&#39;</td><td style="text-align:left;">\u6309\u94AE\u663E\u793A\u6837\u5F0F</td></tr><tr><td style="text-align:left;">disable</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u5C06\u6309\u94AE\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001</td></tr><tr><td style="text-align:left;">size</td><td style="text-align:left;"><code>string as SizeType</code></td><td style="text-align:left;">&#39;small&#39;</td><td style="text-align:left;">\u6309\u94AE\u5C3A\u5BF8</td></tr></tbody></table><h2 id="\u4E8B\u4EF6" tabindex="-1">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u4E8B\u4EF6\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">click</td><td style="text-align:left;"><code>EventEmitter&lt;any&gt;</code></td><td style="text-align:left;">\u70B9\u51FB\u6309\u94AE\u4E8B\u4EF6</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>`,8);function N(p,u,c,r,i,d){const e=C("render-demo-0"),k=C("demo"),a=C("render-demo-1");return m(),f("div",null,[E,B,A,y(k,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-button></f-button>
</template>
`},{highlight:D(()=>[b]),default:D(()=>[y(e)]),_:1}),x,y(k,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const disable = ref(true);
<\/script>
<template>
<f-button :disable="disable"></f-button>
</template>
`},{highlight:D(()=>[v]),default:D(()=>[y(a)]),_:1}),V])}const T=g(_,[["render",N]]);export{S as __pageData,T as default};

View File

@ -0,0 +1,13 @@
import{V as a,_ as f,c as g,a as m,w as k,b as t,d as e,e as C,r as _,o as E}from"./app.c5d2b0ef.js";const b={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:o,createVNode:u,openBlock:c,createElementBlock:l}=a;function p(h,d){const n=o("f-combo-list");return c(),l("div",null,[u(n)])}const{defineComponent:i}=a,{ref:s}=a;return{render:p,...i({setup(h,{expose:d}){d();const n={ref:s};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}()}},A=JSON.parse('{"title":"Combo List \u9009\u62E9\u8F93\u5165\u6846","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/combo-list/index.md"}'),x=t("h1",{id:"combo-list-\u9009\u62E9\u8F93\u5165\u6846",tabindex:"-1"},[e("Combo List \u9009\u62E9\u8F93\u5165\u6846 "),t("a",{class:"header-anchor",href:"#combo-list-\u9009\u62E9\u8F93\u5165\u6846","aria-hidden":"true"},"#")],-1),F=t("p",null,"Combo List \u7EC4\u4EF6\u63D0\u4F9B\u4E0B\u62C9\u6846\u5F62\u5F0F\u9009\u62E9\u679A\u4E3E\u6570\u636E\u3002",-1),D=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-combo-list")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-combo-list")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),B=C('<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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\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>',4);function y(o,u,c,l,p,i){const s=_("render-demo-0"),r=_("demo");return E(),g("div",null,[x,F,D,m(r,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-combo-list></f-combo-list>
</template>
`},{highlight:k(()=>[v]),default:k(()=>[m(s)]),_:1}),B])}const N=f(b,[["render",y]]);export{A as __pageData,N as default};

View File

@ -0,0 +1,13 @@
import{V as a,_ as f,c as g,a as m,w as k,b as t,d as e,e as C,r as _,o as E}from"./app.c5d2b0ef.js";const b={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:o,createVNode:u,openBlock:c,createElementBlock:l}=a;function p(h,d){const n=o("f-combo-list");return c(),l("div",null,[u(n)])}const{defineComponent:i}=a,{ref:s}=a;return{render:p,...i({setup(h,{expose:d}){d();const n={ref:s};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}()}},A=JSON.parse('{"title":"Combo List \u9009\u62E9\u8F93\u5165\u6846","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/combo-list/index.md"}'),x=t("h1",{id:"combo-list-\u9009\u62E9\u8F93\u5165\u6846",tabindex:"-1"},[e("Combo List \u9009\u62E9\u8F93\u5165\u6846 "),t("a",{class:"header-anchor",href:"#combo-list-\u9009\u62E9\u8F93\u5165\u6846","aria-hidden":"true"},"#")],-1),F=t("p",null,"Combo List \u7EC4\u4EF6\u63D0\u4F9B\u4E0B\u62C9\u6846\u5F62\u5F0F\u9009\u62E9\u679A\u4E3E\u6570\u636E\u3002",-1),D=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-combo-list")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-combo-list")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),B=C('<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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\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>',4);function y(o,u,c,l,p,i){const s=_("render-demo-0"),r=_("demo");return E(),g("div",null,[x,F,D,m(r,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-combo-list></f-combo-list>
</template>
`},{highlight:k(()=>[v]),default:k(()=>[m(s)]),_:1}),B])}const N=f(b,[["render",y]]);export{A as __pageData,N as default};

View File

@ -0,0 +1 @@
import{_ as t,c as n,o,b as e,d as a}from"./app.c5d2b0ef.js";const x=JSON.parse('{"title":"Icon","description":"","frontmatter":{},"headers":[],"relativePath":"components/icon/index.md"}'),c={name:"components/icon/index.md"},s=e("h1",{id:"icon",tabindex:"-1"},[a("Icon "),e("a",{class:"header-anchor",href:"#icon","aria-hidden":"true"},"#")],-1),r=[s];function d(i,_,p,h,m,l){return o(),n("div",null,r)}const u=t(c,[["render",d]]);export{x as __pageData,u as default};

View File

@ -0,0 +1 @@
import{_ as t,c as n,o,b as e,d as a}from"./app.c5d2b0ef.js";const x=JSON.parse('{"title":"Icon","description":"","frontmatter":{},"headers":[],"relativePath":"components/icon/index.md"}'),c={name:"components/icon/index.md"},s=e("h1",{id:"icon",tabindex:"-1"},[a("Icon "),e("a",{class:"header-anchor",href:"#icon","aria-hidden":"true"},"#")],-1),r=[s];function d(i,_,p,h,m,l){return o(),n("div",null,r)}const u=t(c,[["render",d]]);export{x as __pageData,u as default};

View File

@ -0,0 +1 @@
import{_ as t,c as a,o as n,b as e,d as o}from"./app.c5d2b0ef.js";const x=JSON.parse('{"title":"\u7EC4\u4EF6\u96C6\u5408","description":"","frontmatter":{},"headers":[],"relativePath":"components/index.md"}'),s={name:"components/index.md"},r=e("h1",{id:"\u7EC4\u4EF6\u96C6\u5408",tabindex:"-1"},[o("\u7EC4\u4EF6\u96C6\u5408 "),e("a",{class:"header-anchor",href:"#\u7EC4\u4EF6\u96C6\u5408","aria-hidden":"true"},"#")],-1),c=[r];function d(i,_,p,h,m,l){return n(),a("div",null,c)}const u=t(s,[["render",d]]);export{x as __pageData,u as default};

View File

@ -0,0 +1 @@
import{_ as t,c as a,o as n,b as e,d as o}from"./app.c5d2b0ef.js";const x=JSON.parse('{"title":"\u7EC4\u4EF6\u96C6\u5408","description":"","frontmatter":{},"headers":[],"relativePath":"components/index.md"}'),s={name:"components/index.md"},r=e("h1",{id:"\u7EC4\u4EF6\u96C6\u5408",tabindex:"-1"},[o("\u7EC4\u4EF6\u96C6\u5408 "),e("a",{class:"header-anchor",href:"#\u7EC4\u4EF6\u96C6\u5408","aria-hidden":"true"},"#")],-1),c=[r];function d(i,_,p,h,m,l){return n(),a("div",null,c)}const u=t(s,[["render",d]]);export{x as __pageData,u as default};

View File

@ -0,0 +1,53 @@
import{V as p,_,c as b,a as y,w as h,b as t,d as s,e as C,r as g,o as v}from"./app.c5d2b0ef.js";const E={name:"component-doc",components:{"render-demo-0":function(){const{createElementVNode:c,openBlock:l,createElementBlock:r}=p;function u(o,a){return l(),r("div",null,[c("button",{class:"btn btn-primary",onClick:a[0]||(a[0]=(...e)=>o.showMessage&&o.showMessage(...e))},"show notify")])}const{defineComponent:i}=p,{ref:k,inject:n}=p;return{render:u,...i({setup(o,{expose:a}){a();const e=n("NotifyService");function f(){e.show({limit:5,showCloseButton:!1,position:"top-center",timeout:3e3,theme:"bootstrap",left:0,right:0,top:0,bottom:0,id:"1",animate:"fadeIn",options:{type:"string",title:"This is a title",msg:"This is some message"},toasts:[{type:"string",title:"This is a title",msg:"This is some message"}]})}const m={NotifyService:e,showMessage:f,ref:k,inject:n};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}})}}()}},S=JSON.parse('{"title":"Notify \u901A\u77E5\u6D88\u606F","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/notify/index.md"}'),D=t("h1",{id:"notify-\u901A\u77E5\u6D88\u606F",tabindex:"-1"},[s("Notify \u901A\u77E5\u6D88\u606F "),t("a",{class:"header-anchor",href:"#notify-\u901A\u77E5\u6D88\u606F","aria-hidden":"true"},"#")],-1),w=t("p",null,"Notify \u7EC4\u4EF6\u7528\u6765\u663E\u793A\u5168\u5C40\u6D88\u606F\u3002",-1),x=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),F=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"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),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"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref"),t("span",{class:"token punctuation"},","),s(" inject "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
`),t("span",{class:"token keyword"},"const"),s(" NotifyService "),t("span",{class:"token operator"},"="),s(),t("span",{class:"token function"},"inject"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'NotifyService'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
`),t("span",{class:"token keyword"},"function"),s(),t("span",{class:"token function"},"showMessage"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),s(),t("span",{class:"token punctuation"},"{"),s(`
NotifyService`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"show"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),s(`
`),t("span",{class:"token literal-property property"},"limit"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"5"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"showCloseButton"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token boolean"},"false"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"position"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'top-center'"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"timeout"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"3000"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"theme"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'bootstrap'"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"left"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"right"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"top"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"bottom"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'1'"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"animate"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'fadeIn'"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"options"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token punctuation"},"{"),s(),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'string'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is a title'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"msg"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is some message'"),s(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"toasts"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"{"),s(),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'string'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is a title'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"msg"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is some message'"),s(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},"]"),s(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
`),t("span",{class:"token punctuation"},"}"),s(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("button")]),s(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("btn btn-primary"),t("span",{class:"token punctuation"},'"')]),s(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("showMessage"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),s("show notify"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("button")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`)])])],-1),N=C('<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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\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>',4);function B(c,l,r,u,i,k){const n=g("render-demo-0"),d=g("demo");return v(),b("div",null,[D,w,x,y(d,{sourceCode:`<script setup lang="ts">
import { ref, inject } from 'vue';
const NotifyService = inject('NotifyService');
function showMessage() {
NotifyService.show({
limit: 5,
showCloseButton: false,
position: 'top-center',
timeout: 3000,
theme: 'bootstrap',
left: 0,
right: 0,
top: 0,
bottom: 0,
id: '1',
animate: 'fadeIn',
options: { type: 'string', title: 'This is a title', msg: 'This is some message' },
toasts: [{ type: 'string', title: 'This is a title', msg: 'This is some message' }]
});
}
<\/script>
<template>
<button class="btn btn-primary" @click="showMessage">show notify</button>
</template>
`},{highlight:h(()=>[F]),default:h(()=>[y(n)]),_:1}),N])}const A=_(E,[["render",B]]);export{S as __pageData,A as default};

View File

@ -0,0 +1,53 @@
import{V as p,_,c as b,a as y,w as h,b as t,d as s,e as C,r as g,o as v}from"./app.c5d2b0ef.js";const E={name:"component-doc",components:{"render-demo-0":function(){const{createElementVNode:c,openBlock:l,createElementBlock:r}=p;function u(o,a){return l(),r("div",null,[c("button",{class:"btn btn-primary",onClick:a[0]||(a[0]=(...e)=>o.showMessage&&o.showMessage(...e))},"show notify")])}const{defineComponent:i}=p,{ref:k,inject:n}=p;return{render:u,...i({setup(o,{expose:a}){a();const e=n("NotifyService");function f(){e.show({limit:5,showCloseButton:!1,position:"top-center",timeout:3e3,theme:"bootstrap",left:0,right:0,top:0,bottom:0,id:"1",animate:"fadeIn",options:{type:"string",title:"This is a title",msg:"This is some message"},toasts:[{type:"string",title:"This is a title",msg:"This is some message"}]})}const m={NotifyService:e,showMessage:f,ref:k,inject:n};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}})}}()}},S=JSON.parse('{"title":"Notify \u901A\u77E5\u6D88\u606F","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/notify/index.md"}'),D=t("h1",{id:"notify-\u901A\u77E5\u6D88\u606F",tabindex:"-1"},[s("Notify \u901A\u77E5\u6D88\u606F "),t("a",{class:"header-anchor",href:"#notify-\u901A\u77E5\u6D88\u606F","aria-hidden":"true"},"#")],-1),w=t("p",null,"Notify \u7EC4\u4EF6\u7528\u6765\u663E\u793A\u5168\u5C40\u6D88\u606F\u3002",-1),x=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),F=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"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),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"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref"),t("span",{class:"token punctuation"},","),s(" inject "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
`),t("span",{class:"token keyword"},"const"),s(" NotifyService "),t("span",{class:"token operator"},"="),s(),t("span",{class:"token function"},"inject"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'NotifyService'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
`),t("span",{class:"token keyword"},"function"),s(),t("span",{class:"token function"},"showMessage"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),s(),t("span",{class:"token punctuation"},"{"),s(`
NotifyService`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"show"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),s(`
`),t("span",{class:"token literal-property property"},"limit"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"5"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"showCloseButton"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token boolean"},"false"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"position"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'top-center'"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"timeout"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"3000"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"theme"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'bootstrap'"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"left"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"right"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"top"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"bottom"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'1'"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"animate"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'fadeIn'"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"options"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token punctuation"},"{"),s(),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'string'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is a title'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"msg"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is some message'"),s(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),s(`
`),t("span",{class:"token literal-property property"},"toasts"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"{"),s(),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'string'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is a title'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"msg"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is some message'"),s(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},"]"),s(`
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
`),t("span",{class:"token punctuation"},"}"),s(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("button")]),s(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("btn btn-primary"),t("span",{class:"token punctuation"},'"')]),s(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("showMessage"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),s("show notify"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("button")]),t("span",{class:"token punctuation"},">")]),s(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
`)])])],-1),N=C('<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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\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>',4);function B(c,l,r,u,i,k){const n=g("render-demo-0"),d=g("demo");return v(),b("div",null,[D,w,x,y(d,{sourceCode:`<script setup lang="ts">
import { ref, inject } from 'vue';
const NotifyService = inject('NotifyService');
function showMessage() {
NotifyService.show({
limit: 5,
showCloseButton: false,
position: 'top-center',
timeout: 3000,
theme: 'bootstrap',
left: 0,
right: 0,
top: 0,
bottom: 0,
id: '1',
animate: 'fadeIn',
options: { type: 'string', title: 'This is a title', msg: 'This is some message' },
toasts: [{ type: 'string', title: 'This is a title', msg: 'This is some message' }]
});
}
<\/script>
<template>
<button class="btn btn-primary" @click="showMessage">show notify</button>
</template>
`},{highlight:h(()=>[F]),default:h(()=>[y(n)]),_:1}),N])}const A=_(E,[["render",B]]);export{S as __pageData,A as default};

View File

@ -0,0 +1 @@
import{_ as o,c as t,o as a,b as e,d as r}from"./app.c5d2b0ef.js";const v=JSON.parse('{"title":"Popover","description":"","frontmatter":{},"headers":[],"relativePath":"components/popover/index.md"}'),n={name:"components/popover/index.md"},s=e("h1",{id:"popover",tabindex:"-1"},[r("Popover "),e("a",{class:"header-anchor",href:"#popover","aria-hidden":"true"},"#")],-1),c=[s];function p(d,i,_,h,m,l){return a(),t("div",null,c)}const x=o(n,[["render",p]]);export{v as __pageData,x as default};

View File

@ -0,0 +1 @@
import{_ as o,c as t,o as a,b as e,d as r}from"./app.c5d2b0ef.js";const v=JSON.parse('{"title":"Popover","description":"","frontmatter":{},"headers":[],"relativePath":"components/popover/index.md"}'),n={name:"components/popover/index.md"},s=e("h1",{id:"popover",tabindex:"-1"},[r("Popover "),e("a",{class:"header-anchor",href:"#popover","aria-hidden":"true"},"#")],-1),c=[s];function p(d,i,_,h,m,l){return a(),t("div",null,c)}const x=o(n,[["render",p]]);export{v as __pageData,x as default};

View File

@ -0,0 +1,135 @@
import{V as r,_ as b,c as x,a as D,w as f,b as n,d as a,e as V,r as E,o as I}from"./app.c5d2b0ef.js";const q={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:e,createVNode:y,toDisplayString:i,createElementVNode:k,openBlock:g,createElementBlock:C}=r,d={class:"my-2"};function u(s,o){const l=e("f-radio-group");return g(),C("div",null,[y(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=c=>s.value=c)},null,8,["enum-data","modelValue"]),k("div",d,[k("span",null,"\u5F53\u524D\u9009\u4E2D\u503C: "+i(s.value),1)])])}const{defineComponent:m}=r,{ref:p}=r;return{render:u,...m({setup(s,{expose:o}){o();const l=p([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),c=p("first"),t={radioEnumData:l,value:c,ref:p};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}})}}(),"render-demo-1":function(){const{createElementVNode:e,vModelCheckbox:y,withDirectives:i,resolveComponent:k,createVNode:g,toDisplayString:C,openBlock:d,createElementBlock:u}=r,m=e("label",{for:"radio_disabled",class:"mr-1"},"\u7981\u7528\u5355\u9009\u7EC4",-1),p=e("br",null,null,-1),_={class:"my-2"};function s(t,v){const h=k("f-radio-group");return d(),u("div",null,[m,i(e("input",{type:"checkbox",id:"radio_disabled","onUpdate:modelValue":v[0]||(v[0]=F=>t.disable=F)},null,512),[[y,t.disable]]),p,g(h,{disabled:t.disable,"enum-data":t.radioEnumData,modelValue:t.value,"onUpdate:modelValue":v[1]||(v[1]=F=>t.value=F)},null,8,["disabled","enum-data","modelValue"]),e("div",_,[e("span",null,"\u5F53\u524D\u9009\u4E2D\u503C: "+C(t.value),1)])])}const{defineComponent:o}=r,{ref:l}=r;return{render:s,...o({setup(t,{expose:v}){v();const h=l(!0),F=l([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),B=l("first"),A={disable:h,radioEnumData:F,value:B,ref:l};return Object.defineProperty(A,"__isScriptSetup",{enumerable:!1,value:!0}),A}})}}(),"render-demo-2":function(){const{createElementVNode:e,resolveComponent:y,createVNode:i,openBlock:k,createElementBlock:g}=r,C=e("div",{class:"my-2"},[e("span",null,"\u7EB5\u5411\u6392\u5217:")],-1),d=e("div",{class:"my-2"},[e("span",null,"\u6A2A\u5411\u6392\u5217")],-1);function u(s,o){const l=y("f-radio-group");return k(),g("div",null,[C,i(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=c=>s.value=c)},null,8,["enum-data","modelValue"]),d,i(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[1]||(o[1]=c=>s.value=c),horizontal:!0},null,8,["enum-data","modelValue"])])}const{defineComponent:m}=r,{ref:p}=r;return{render:u,...m({setup(s,{expose:o}){o();const l=p([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),c=p("first"),t={radioEnumData:l,value:c,ref:p};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}})}}()}},G=JSON.parse('{"title":"Radio Group \u5355\u9009\u7EC4","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u7981\u7528\u72B6\u6001","slug":"\u7981\u7528\u72B6\u6001"},{"level":2,"title":"\u6392\u5217\u65B9\u5F0F","slug":"\u6392\u5217\u65B9\u5F0F"},{"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/radio-group/index.md"}'),S=n("h1",{id:"radio-group-\u5355\u9009\u7EC4",tabindex:"-1"},[a("Radio Group \u5355\u9009\u7EC4 "),n("a",{class:"header-anchor",href:"#radio-group-\u5355\u9009\u7EC4","aria-hidden":"true"},"#")],-1),w=n("p",null,"Radio Group \u662F\u4E00\u4E2A\u5355\u9009\u4E00\u7EC4\u679A\u4E3E\u503C\u7684\u8F93\u5165\u7EC4\u4EF6\u3002",-1),N=n("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[a("\u57FA\u672C\u7528\u6CD5 "),n("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),R=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`)])])],-1),T=n("h2",{id:"\u7981\u7528\u72B6\u6001",tabindex:"-1"},[a("\u7981\u7528\u72B6\u6001 "),n("a",{class:"header-anchor",href:"#\u7981\u7528\u72B6\u6001","aria-hidden":"true"},"#")],-1),j=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" disable "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("label")]),a(),n("span",{class:"token attr-name"},"for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radio_disabled"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("mr-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u7981\u7528\u5355\u9009\u7EC4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("label")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("input")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checkbox"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radio_disabled"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disable"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disable"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`)])])],-1),P=n("h2",{id:"\u6392\u5217\u65B9\u5F0F",tabindex:"-1"},[a("\u6392\u5217\u65B9\u5F0F "),n("a",{class:"header-anchor",href:"#\u6392\u5217\u65B9\u5F0F","aria-hidden":"true"},"#")],-1),U=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u7EB5\u5411\u6392\u5217:"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u6A2A\u5411\u6392\u5217"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":horizontal"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("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;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
<span class="line"><span style="color:#676E95;"> * \u679A\u4E3E\u503C</span></span>
<span class="line"><span style="color:#676E95;"> */</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">value</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">&gt;;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
<span class="line"><span style="color:#676E95;"> * \u679A\u4E3E\u5C55\u793A\u6587\u672C</span></span>
<span class="line"><span style="color:#676E95;"> */</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">name</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">&gt;;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ChangeRadio</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">enumData</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">Array</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">&gt;&gt;;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
<span class="line"><span style="color:#676E95;"> * \u83B7\u53D6\u679A\u4E3E\u503C</span></span>
<span class="line"><span style="color:#676E95;"> */</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">getValue</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">):</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
<span class="line"><span style="color:#676E95;"> * \u83B7\u53D6\u679A\u4E3E\u6587\u672C</span></span>
<span class="line"><span style="color:#676E95;"> */</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">getText</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">):</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
<span class="line"><span style="color:#676E95;"> * \u5207\u6362\u5355\u9009\u6309\u94AE\u4E8B\u4EF6</span></span>
<span class="line"><span style="color:#676E95;"> */</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">onClickRadio</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#A6ACCD;">$event</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Event</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">void</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr><tr><td style="text-align:left;">name</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u540D\u79F0</td></tr><tr><td style="text-align:left;">enumData</td><td style="text-align:left;"><code>object[] as Radio[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u5355\u9009\u7EC4\u6570\u636E\u6E90</td></tr><tr><td style="text-align:left;">textField</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">&#39;name&#39;</td><td style="text-align:left;">\u663E\u793A\u6587\u672C\u5B57\u6BB5</td></tr><tr><td style="text-align:left;">valueField</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">&#39;value&#39;</td><td style="text-align:left;">\u503C\u5B57\u6BB5</td></tr><tr><td style="text-align:left;">horizontal</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u6A2A\u5411\u663E\u793A\u679A\u4E3E\u9879</td></tr><tr><td style="text-align:left;">disabled</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u7981\u7528\u7EC4\u4EF6</td></tr><tr><td style="text-align:left;">tabIndex</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">Tab \u952E\u7D22\u5F15</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 z(e,y,i,k,g,C){const d=E("render-demo-0"),u=E("demo"),m=E("render-demo-1"),p=E("render-demo-2");return I(),x("div",null,[S,w,N,D(u,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const radioEnumData = ref([
{ value: 'first', name: 'Fist Item' },
{ value: 'second', name: 'Second Item' },
{ value: 'third', name: 'Third Item' }
]);
const value = ref('first');
<\/script>
<template>
<f-radio-group :enum-data="radioEnumData" v-model="value"> </f-radio-group>
<div class="my-2">
<span>\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}</span>
</div>
</template>
`},{highlight:f(()=>[R]),default:f(()=>[D(d)]),_:1}),T,D(u,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const disable = ref(true);
const radioEnumData = ref([
{ value: 'first', name: 'Fist Item' },
{ value: 'second', name: 'Second Item' },
{ value: 'third', name: 'Third Item' }
]);
const value = ref('first');
<\/script>
<template>
<label for="radio_disabled" class="mr-1">\u7981\u7528\u5355\u9009\u7EC4</label>
<input type="checkbox" id="radio_disabled" v-model="disable" />
<br />
<f-radio-group :disabled="disable" :enum-data="radioEnumData" v-model="value"> </f-radio-group>
<div class="my-2">
<span>\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}</span>
</div>
</template>
`},{highlight:f(()=>[j]),default:f(()=>[D(m)]),_:1}),P,D(u,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const radioEnumData = ref([
{ value: 'first', name: 'Fist Item' },
{ value: 'second', name: 'Second Item' },
{ value: 'third', name: 'Third Item' }
]);
const value = ref('first');
<\/script>
<template>
<div class="my-2">
<span>\u7EB5\u5411\u6392\u5217:</span>
</div>
<f-radio-group :enum-data="radioEnumData" v-model="value"> </f-radio-group>
<div class="my-2">
<span>\u6A2A\u5411\u6392\u5217</span>
</div>
<f-radio-group :enum-data="radioEnumData" v-model="value" :horizontal="true"> </f-radio-group>
</template>
`},{highlight:f(()=>[U]),default:f(()=>[D(p)]),_:1}),$])}const M=b(q,[["render",z]]);export{G as __pageData,M as default};

View File

@ -0,0 +1,135 @@
import{V as r,_ as b,c as x,a as D,w as f,b as n,d as a,e as V,r as E,o as I}from"./app.c5d2b0ef.js";const q={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:e,createVNode:y,toDisplayString:i,createElementVNode:k,openBlock:g,createElementBlock:C}=r,d={class:"my-2"};function u(s,o){const l=e("f-radio-group");return g(),C("div",null,[y(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=c=>s.value=c)},null,8,["enum-data","modelValue"]),k("div",d,[k("span",null,"\u5F53\u524D\u9009\u4E2D\u503C: "+i(s.value),1)])])}const{defineComponent:m}=r,{ref:p}=r;return{render:u,...m({setup(s,{expose:o}){o();const l=p([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),c=p("first"),t={radioEnumData:l,value:c,ref:p};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}})}}(),"render-demo-1":function(){const{createElementVNode:e,vModelCheckbox:y,withDirectives:i,resolveComponent:k,createVNode:g,toDisplayString:C,openBlock:d,createElementBlock:u}=r,m=e("label",{for:"radio_disabled",class:"mr-1"},"\u7981\u7528\u5355\u9009\u7EC4",-1),p=e("br",null,null,-1),_={class:"my-2"};function s(t,v){const h=k("f-radio-group");return d(),u("div",null,[m,i(e("input",{type:"checkbox",id:"radio_disabled","onUpdate:modelValue":v[0]||(v[0]=F=>t.disable=F)},null,512),[[y,t.disable]]),p,g(h,{disabled:t.disable,"enum-data":t.radioEnumData,modelValue:t.value,"onUpdate:modelValue":v[1]||(v[1]=F=>t.value=F)},null,8,["disabled","enum-data","modelValue"]),e("div",_,[e("span",null,"\u5F53\u524D\u9009\u4E2D\u503C: "+C(t.value),1)])])}const{defineComponent:o}=r,{ref:l}=r;return{render:s,...o({setup(t,{expose:v}){v();const h=l(!0),F=l([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),B=l("first"),A={disable:h,radioEnumData:F,value:B,ref:l};return Object.defineProperty(A,"__isScriptSetup",{enumerable:!1,value:!0}),A}})}}(),"render-demo-2":function(){const{createElementVNode:e,resolveComponent:y,createVNode:i,openBlock:k,createElementBlock:g}=r,C=e("div",{class:"my-2"},[e("span",null,"\u7EB5\u5411\u6392\u5217:")],-1),d=e("div",{class:"my-2"},[e("span",null,"\u6A2A\u5411\u6392\u5217")],-1);function u(s,o){const l=y("f-radio-group");return k(),g("div",null,[C,i(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=c=>s.value=c)},null,8,["enum-data","modelValue"]),d,i(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[1]||(o[1]=c=>s.value=c),horizontal:!0},null,8,["enum-data","modelValue"])])}const{defineComponent:m}=r,{ref:p}=r;return{render:u,...m({setup(s,{expose:o}){o();const l=p([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),c=p("first"),t={radioEnumData:l,value:c,ref:p};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}})}}()}},G=JSON.parse('{"title":"Radio Group \u5355\u9009\u7EC4","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u7981\u7528\u72B6\u6001","slug":"\u7981\u7528\u72B6\u6001"},{"level":2,"title":"\u6392\u5217\u65B9\u5F0F","slug":"\u6392\u5217\u65B9\u5F0F"},{"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/radio-group/index.md"}'),S=n("h1",{id:"radio-group-\u5355\u9009\u7EC4",tabindex:"-1"},[a("Radio Group \u5355\u9009\u7EC4 "),n("a",{class:"header-anchor",href:"#radio-group-\u5355\u9009\u7EC4","aria-hidden":"true"},"#")],-1),w=n("p",null,"Radio Group \u662F\u4E00\u4E2A\u5355\u9009\u4E00\u7EC4\u679A\u4E3E\u503C\u7684\u8F93\u5165\u7EC4\u4EF6\u3002",-1),N=n("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[a("\u57FA\u672C\u7528\u6CD5 "),n("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),R=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`)])])],-1),T=n("h2",{id:"\u7981\u7528\u72B6\u6001",tabindex:"-1"},[a("\u7981\u7528\u72B6\u6001 "),n("a",{class:"header-anchor",href:"#\u7981\u7528\u72B6\u6001","aria-hidden":"true"},"#")],-1),j=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" disable "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("label")]),a(),n("span",{class:"token attr-name"},"for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radio_disabled"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("mr-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u7981\u7528\u5355\u9009\u7EC4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("label")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("input")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checkbox"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radio_disabled"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disable"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disable"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`)])])],-1),P=n("h2",{id:"\u6392\u5217\u65B9\u5F0F",tabindex:"-1"},[a("\u6392\u5217\u65B9\u5F0F "),n("a",{class:"header-anchor",href:"#\u6392\u5217\u65B9\u5F0F","aria-hidden":"true"},"#")],-1),U=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u7EB5\u5411\u6392\u5217:"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u6A2A\u5411\u6392\u5217"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":horizontal"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("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;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
<span class="line"><span style="color:#676E95;"> * \u679A\u4E3E\u503C</span></span>
<span class="line"><span style="color:#676E95;"> */</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">value</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">&gt;;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
<span class="line"><span style="color:#676E95;"> * \u679A\u4E3E\u5C55\u793A\u6587\u672C</span></span>
<span class="line"><span style="color:#676E95;"> */</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">name</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">&gt;;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ChangeRadio</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">enumData</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">Array</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">&gt;&gt;;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
<span class="line"><span style="color:#676E95;"> * \u83B7\u53D6\u679A\u4E3E\u503C</span></span>
<span class="line"><span style="color:#676E95;"> */</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">getValue</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">):</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
<span class="line"><span style="color:#676E95;"> * \u83B7\u53D6\u679A\u4E3E\u6587\u672C</span></span>
<span class="line"><span style="color:#676E95;"> */</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">getText</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">):</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
<span class="line"><span style="color:#676E95;"> * \u5207\u6362\u5355\u9009\u6309\u94AE\u4E8B\u4EF6</span></span>
<span class="line"><span style="color:#676E95;"> */</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">onClickRadio</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#A6ACCD;">$event</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Event</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">void</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr><tr><td style="text-align:left;">name</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u540D\u79F0</td></tr><tr><td style="text-align:left;">enumData</td><td style="text-align:left;"><code>object[] as Radio[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u5355\u9009\u7EC4\u6570\u636E\u6E90</td></tr><tr><td style="text-align:left;">textField</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">&#39;name&#39;</td><td style="text-align:left;">\u663E\u793A\u6587\u672C\u5B57\u6BB5</td></tr><tr><td style="text-align:left;">valueField</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">&#39;value&#39;</td><td style="text-align:left;">\u503C\u5B57\u6BB5</td></tr><tr><td style="text-align:left;">horizontal</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u6A2A\u5411\u663E\u793A\u679A\u4E3E\u9879</td></tr><tr><td style="text-align:left;">disabled</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u7981\u7528\u7EC4\u4EF6</td></tr><tr><td style="text-align:left;">tabIndex</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">Tab \u952E\u7D22\u5F15</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 z(e,y,i,k,g,C){const d=E("render-demo-0"),u=E("demo"),m=E("render-demo-1"),p=E("render-demo-2");return I(),x("div",null,[S,w,N,D(u,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const radioEnumData = ref([
{ value: 'first', name: 'Fist Item' },
{ value: 'second', name: 'Second Item' },
{ value: 'third', name: 'Third Item' }
]);
const value = ref('first');
<\/script>
<template>
<f-radio-group :enum-data="radioEnumData" v-model="value"> </f-radio-group>
<div class="my-2">
<span>\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}</span>
</div>
</template>
`},{highlight:f(()=>[R]),default:f(()=>[D(d)]),_:1}),T,D(u,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const disable = ref(true);
const radioEnumData = ref([
{ value: 'first', name: 'Fist Item' },
{ value: 'second', name: 'Second Item' },
{ value: 'third', name: 'Third Item' }
]);
const value = ref('first');
<\/script>
<template>
<label for="radio_disabled" class="mr-1">\u7981\u7528\u5355\u9009\u7EC4</label>
<input type="checkbox" id="radio_disabled" v-model="disable" />
<br />
<f-radio-group :disabled="disable" :enum-data="radioEnumData" v-model="value"> </f-radio-group>
<div class="my-2">
<span>\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}</span>
</div>
</template>
`},{highlight:f(()=>[j]),default:f(()=>[D(m)]),_:1}),P,D(u,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const radioEnumData = ref([
{ value: 'first', name: 'Fist Item' },
{ value: 'second', name: 'Second Item' },
{ value: 'third', name: 'Third Item' }
]);
const value = ref('first');
<\/script>
<template>
<div class="my-2">
<span>\u7EB5\u5411\u6392\u5217:</span>
</div>
<f-radio-group :enum-data="radioEnumData" v-model="value"> </f-radio-group>
<div class="my-2">
<span>\u6A2A\u5411\u6392\u5217</span>
</div>
<f-radio-group :enum-data="radioEnumData" v-model="value" :horizontal="true"> </f-radio-group>
</template>
`},{highlight:f(()=>[U]),default:f(()=>[D(p)]),_:1}),$])}const M=b(q,[["render",z]]);export{G as __pageData,M as default};

View File

@ -0,0 +1,34 @@
import{V as l,_ as x,c as A,a as y,w as F,b as t,d as e,e as B,r as C,o as h}from"./app.c5d2b0ef.js";const k={name:"component-doc",components:{"render-demo-0":function(){const{createElementVNode:o,resolveComponent:p,withCtx:c,createVNode:u,openBlock:i,createElementBlock:d}=l,n=o("div",null,"This is section component.",-1);function a(D,r){const s=p("f-section");return i(),d("div",null,[u(s,{"main-title":"This is section title"},{default:c(()=>[n]),_:1})])}const{defineComponent:g}=l,{ref:f}=l;return{render:a,...g({setup(D,{expose:r}){r();const s={ref:f};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}})}}()}},S=JSON.parse('{"title":"Section \u9762\u677F","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"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/section/index.md"}'),m=t("h1",{id:"section-\u9762\u677F",tabindex:"-1"},[e("Section \u9762\u677F "),t("a",{class:"header-anchor",href:"#section-\u9762\u677F","aria-hidden":"true"},"#")],-1),E=t("p",null,"Section \u7EC4\u4EF6\u4E3A\u5F00\u53D1\u8005\u63D0\u4F9B\u4E86\u4E00\u4E2A\u5177\u6709\u6807\u9898\u7684\u7EC4\u4EF6\u5BB9\u5668\u3002",-1),_=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),b=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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-section")]),e(),t("span",{class:"token attr-name"},"main-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("This is section title"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("div")]),t("span",{class:"token punctuation"},">")]),e("This is section component."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("div")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-section")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),v=B(`<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;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonAppearance</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">class</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonConfig</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">id</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">disable</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">boolean</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">title</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">click</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">appearance</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonAppearance</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">visible</span><span style="color:#89DDFF;">?:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">boolean</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ToolbarConfig</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">position</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">contents</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonConfig</span><span style="color:#A6ACCD;">[]</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><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;">customClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr><tr><td style="text-align:left;">maxStatus</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u7EC4\u4EF6\u6700\u5927\u5316\u72B6\u6001</td></tr><tr><td style="text-align:left;">enableCollapse</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u6536\u6298</td></tr><tr><td style="text-align:left;">mainTitle</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u9762\u677F\u6807\u9898</td></tr><tr><td style="text-align:left;">subTitle</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u9762\u677F\u526F\u6807\u9898</td></tr><tr><td style="text-align:left;">showHeader</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u6807\u9898\u9762\u677F</td></tr><tr><td style="text-align:left;">enableMaximize</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\u6700\u5927\u5316\u6309\u94AE</td></tr><tr><td style="text-align:left;">fill</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\u586B\u5145\u663E\u793A</td></tr><tr><td style="text-align:left;">expandStatus</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u7EC4\u4EF6\u5C55\u5F00\u72B6\u6001</td></tr><tr><td style="text-align:left;">context</td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u4E0A\u4E0B\u6587</td></tr><tr><td style="text-align:left;">index</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7D22\u5F15\u53F7</td></tr><tr><td style="text-align:left;">toolbarPosition</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u5DE5\u5177\u680F\u4F4D\u7F6E</td></tr><tr><td style="text-align:left;">toolbarButtons</td><td style="text-align:left;"><code>object[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u5DE5\u5177\u680F\u6309\u94AE</td></tr><tr><td style="text-align:left;">toolbar</td><td style="text-align:left;"><code>object as ToolbarConfig</code></td><td style="text-align:left;">{}</td><td style="text-align:left;">\u5DE5\u5177\u680F\u914D\u7F6E\u5BF9\u8C61</td></tr><tr><td style="text-align:left;">showToolbarMoreButton</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u5DE5\u5177\u680F\u7684\u66F4\u591A\u6309\u94AE</td></tr><tr><td style="text-align:left;">clickThrottleTime</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">350</td><td style="text-align:left;">\u9F20\u6807\u91CD\u590D\u70B9\u51FB\u6309\u94AE\u89E6\u53D1\u4E8B\u4EF6\u7684\u9608\u503C</td></tr><tr><td style="text-align:left;">headerClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">&#39;&#39;</td><td style="text-align:left;">\u6807\u9898\u9762\u677F\u81EA\u5B9A\u4E49\u6837\u5F0F</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 T(o,p,c,u,i,d){const n=C("render-demo-0"),a=C("demo");return h(),A("div",null,[m,E,_,y(a,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-section main-title="This is section title">
<div>This is section component.</div>
</f-section>
</template>
`},{highlight:F(()=>[b]),default:F(()=>[y(n)]),_:1}),v])}const w=x(k,[["render",T]]);export{S as __pageData,w as default};

View File

@ -0,0 +1,34 @@
import{V as l,_ as x,c as A,a as y,w as F,b as t,d as e,e as B,r as C,o as h}from"./app.c5d2b0ef.js";const k={name:"component-doc",components:{"render-demo-0":function(){const{createElementVNode:o,resolveComponent:p,withCtx:c,createVNode:u,openBlock:i,createElementBlock:d}=l,n=o("div",null,"This is section component.",-1);function a(D,r){const s=p("f-section");return i(),d("div",null,[u(s,{"main-title":"This is section title"},{default:c(()=>[n]),_:1})])}const{defineComponent:g}=l,{ref:f}=l;return{render:a,...g({setup(D,{expose:r}){r();const s={ref:f};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}})}}()}},S=JSON.parse('{"title":"Section \u9762\u677F","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"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/section/index.md"}'),m=t("h1",{id:"section-\u9762\u677F",tabindex:"-1"},[e("Section \u9762\u677F "),t("a",{class:"header-anchor",href:"#section-\u9762\u677F","aria-hidden":"true"},"#")],-1),E=t("p",null,"Section \u7EC4\u4EF6\u4E3A\u5F00\u53D1\u8005\u63D0\u4F9B\u4E86\u4E00\u4E2A\u5177\u6709\u6807\u9898\u7684\u7EC4\u4EF6\u5BB9\u5668\u3002",-1),_=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),b=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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-section")]),e(),t("span",{class:"token attr-name"},"main-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("This is section title"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("div")]),t("span",{class:"token punctuation"},">")]),e("This is section component."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("div")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-section")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),v=B(`<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;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonAppearance</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">class</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonConfig</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">id</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">disable</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">boolean</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">title</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">click</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">appearance</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonAppearance</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">visible</span><span style="color:#89DDFF;">?:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">boolean</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ToolbarConfig</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">position</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">contents</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonConfig</span><span style="color:#A6ACCD;">[]</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><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;">customClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr><tr><td style="text-align:left;">maxStatus</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u7EC4\u4EF6\u6700\u5927\u5316\u72B6\u6001</td></tr><tr><td style="text-align:left;">enableCollapse</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u6536\u6298</td></tr><tr><td style="text-align:left;">mainTitle</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u9762\u677F\u6807\u9898</td></tr><tr><td style="text-align:left;">subTitle</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u9762\u677F\u526F\u6807\u9898</td></tr><tr><td style="text-align:left;">showHeader</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u6807\u9898\u9762\u677F</td></tr><tr><td style="text-align:left;">enableMaximize</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\u6700\u5927\u5316\u6309\u94AE</td></tr><tr><td style="text-align:left;">fill</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\u586B\u5145\u663E\u793A</td></tr><tr><td style="text-align:left;">expandStatus</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u7EC4\u4EF6\u5C55\u5F00\u72B6\u6001</td></tr><tr><td style="text-align:left;">context</td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u4E0A\u4E0B\u6587</td></tr><tr><td style="text-align:left;">index</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7D22\u5F15\u53F7</td></tr><tr><td style="text-align:left;">toolbarPosition</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u5DE5\u5177\u680F\u4F4D\u7F6E</td></tr><tr><td style="text-align:left;">toolbarButtons</td><td style="text-align:left;"><code>object[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u5DE5\u5177\u680F\u6309\u94AE</td></tr><tr><td style="text-align:left;">toolbar</td><td style="text-align:left;"><code>object as ToolbarConfig</code></td><td style="text-align:left;">{}</td><td style="text-align:left;">\u5DE5\u5177\u680F\u914D\u7F6E\u5BF9\u8C61</td></tr><tr><td style="text-align:left;">showToolbarMoreButton</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u5DE5\u5177\u680F\u7684\u66F4\u591A\u6309\u94AE</td></tr><tr><td style="text-align:left;">clickThrottleTime</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">350</td><td style="text-align:left;">\u9F20\u6807\u91CD\u590D\u70B9\u51FB\u6309\u94AE\u89E6\u53D1\u4E8B\u4EF6\u7684\u9608\u503C</td></tr><tr><td style="text-align:left;">headerClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">&#39;&#39;</td><td style="text-align:left;">\u6807\u9898\u9762\u677F\u81EA\u5B9A\u4E49\u6837\u5F0F</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 T(o,p,c,u,i,d){const n=C("render-demo-0"),a=C("demo");return h(),A("div",null,[m,E,_,y(a,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-section main-title="This is section title">
<div>This is section component.</div>
</f-section>
</template>
`},{highlight:F(()=>[b]),default:F(()=>[y(n)]),_:1}),v])}const w=x(k,[["render",T]]);export{S as __pageData,w as default};

View File

@ -0,0 +1,15 @@
import{V as u,_ as g,c as C,a as m,w as _,b as t,d as e,e as v,r as f,o as x}from"./app.c5d2b0ef.js";const E={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:c,createVNode:l,openBlock:p,createElementBlock:r}=u;function i(o,s){const h=c("f-switch");return p(),r("div",null,[l(h,{modelValue:o.status,"onUpdate:modelValue":s[0]||(s[0]=a=>o.status=a)},null,8,["modelValue"])])}const{defineComponent:d}=u,{ref:n}=u;return{render:i,...d({setup(o,{expose:s}){s();const a={status:n(!0),ref:n};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}})}}()}},N=JSON.parse('{"title":"Switch \u5F00\u5173","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/switch/index.md"}'),D=t("h1",{id:"switch-\u5F00\u5173",tabindex:"-1"},[e("Switch \u5F00\u5173 "),t("a",{class:"header-anchor",href:"#switch-\u5F00\u5173","aria-hidden":"true"},"#")],-1),w=t("p",null,"Switch \u7EC4\u4EF6\u7528\u6765\u5207\u6362\u6570\u636E\u72B6\u6001\u3002",-1),F=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),B=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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`),t("span",{class:"token keyword"},"const"),e(" status "),t("span",{class:"token operator"},"="),e(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-switch")]),e(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("status"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-switch")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),b=v('<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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\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>',4);function y(c,l,p,r,i,d){const n=f("render-demo-0"),k=f("demo");return x(),C("div",null,[D,w,F,m(k,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const status = ref(true);
<\/script>
<template>
<f-switch v-model="status"></f-switch>
</template>
`},{highlight:_(()=>[B]),default:_(()=>[m(n)]),_:1}),b])}const S=g(E,[["render",y]]);export{N as __pageData,S as default};

View File

@ -0,0 +1,15 @@
import{V as u,_ as g,c as C,a as m,w as _,b as t,d as e,e as v,r as f,o as x}from"./app.c5d2b0ef.js";const E={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:c,createVNode:l,openBlock:p,createElementBlock:r}=u;function i(o,s){const h=c("f-switch");return p(),r("div",null,[l(h,{modelValue:o.status,"onUpdate:modelValue":s[0]||(s[0]=a=>o.status=a)},null,8,["modelValue"])])}const{defineComponent:d}=u,{ref:n}=u;return{render:i,...d({setup(o,{expose:s}){s();const a={status:n(!0),ref:n};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}})}}()}},N=JSON.parse('{"title":"Switch \u5F00\u5173","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/switch/index.md"}'),D=t("h1",{id:"switch-\u5F00\u5173",tabindex:"-1"},[e("Switch \u5F00\u5173 "),t("a",{class:"header-anchor",href:"#switch-\u5F00\u5173","aria-hidden":"true"},"#")],-1),w=t("p",null,"Switch \u7EC4\u4EF6\u7528\u6765\u5207\u6362\u6570\u636E\u72B6\u6001\u3002",-1),F=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),B=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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`),t("span",{class:"token keyword"},"const"),e(" status "),t("span",{class:"token operator"},"="),e(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-switch")]),e(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("status"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-switch")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),b=v('<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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\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>',4);function y(c,l,p,r,i,d){const n=f("render-demo-0"),k=f("demo");return x(),C("div",null,[D,w,F,m(k,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const status = ref(true);
<\/script>
<template>
<f-switch v-model="status"></f-switch>
</template>
`},{highlight:_(()=>[B]),default:_(()=>[m(n)]),_:1}),b])}const S=g(E,[["render",y]]);export{N as __pageData,S as default};

View File

@ -0,0 +1,83 @@
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.c5d2b0ef.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-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),q=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("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("render-demo-0"),p=h("demo"),r=h("render-demo-1"),d=h("render-demo-2"),k=h("render-demo-3");return F(),T("div",null,[P,A,B,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="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};

View File

@ -0,0 +1,83 @@
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.c5d2b0ef.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-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),q=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("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("render-demo-0"),p=h("demo"),r=h("render-demo-1"),d=h("render-demo-2"),k=h("render-demo-3");return F(),T("div",null,[P,A,B,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="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};

View File

@ -0,0 +1,15 @@
import{V as o,_ as x,c as C,a as h,w as _,b as t,d as e,e as g,r as f,o as E}from"./app.c5d2b0ef.js";const B={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:c,createVNode:l,openBlock:p,createElementBlock:r}=o;function i(u,a){const m=c("f-text");return p(),r("div",null,[l(m,{modelValue:u.text,"onUpdate:modelValue":a[0]||(a[0]=s=>u.text=s)},null,8,["modelValue"])])}const{defineComponent:d}=o,{ref:n}=o;return{render:i,...d({setup(u,{expose:a}){a();const s={text:n("\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C"),ref:n};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}})}}()}},N=JSON.parse('{"title":"Text \u9759\u6001\u6587\u672C","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/text/index.md"}'),v=t("h1",{id:"text-\u9759\u6001\u6587\u672C",tabindex:"-1"},[e("Text \u9759\u6001\u6587\u672C "),t("a",{class:"header-anchor",href:"#text-\u9759\u6001\u6587\u672C","aria-hidden":"true"},"#")],-1),D=t("p",null,"Text \u7EC4\u4EF6\u7528\u6765\u5C55\u793A\u53EA\u8BFB\u6001\u7684\u9875\u9762\u6570\u636E\u3002",-1),y=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),F=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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`),t("span",{class:"token keyword"},"const"),e(" text "),t("span",{class:"token operator"},"="),e(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-text")]),e(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("text"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),e(),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-text")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),b=g('<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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\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>',4);function A(c,l,p,r,i,d){const n=f("render-demo-0"),k=f("demo");return E(),C("div",null,[v,D,y,h(k,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const text = ref('\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C');
<\/script>
<template>
<f-text v-model="text"> </f-text>
</template>
`},{highlight:_(()=>[F]),default:_(()=>[h(n)]),_:1}),b])}const w=x(B,[["render",A]]);export{N as __pageData,w as default};

View File

@ -0,0 +1,15 @@
import{V as o,_ as x,c as C,a as h,w as _,b as t,d as e,e as g,r as f,o as E}from"./app.c5d2b0ef.js";const B={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:c,createVNode:l,openBlock:p,createElementBlock:r}=o;function i(u,a){const m=c("f-text");return p(),r("div",null,[l(m,{modelValue:u.text,"onUpdate:modelValue":a[0]||(a[0]=s=>u.text=s)},null,8,["modelValue"])])}const{defineComponent:d}=o,{ref:n}=o;return{render:i,...d({setup(u,{expose:a}){a();const s={text:n("\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C"),ref:n};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}})}}()}},N=JSON.parse('{"title":"Text \u9759\u6001\u6587\u672C","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/text/index.md"}'),v=t("h1",{id:"text-\u9759\u6001\u6587\u672C",tabindex:"-1"},[e("Text \u9759\u6001\u6587\u672C "),t("a",{class:"header-anchor",href:"#text-\u9759\u6001\u6587\u672C","aria-hidden":"true"},"#")],-1),D=t("p",null,"Text \u7EC4\u4EF6\u7528\u6765\u5C55\u793A\u53EA\u8BFB\u6001\u7684\u9875\u9762\u6570\u636E\u3002",-1),y=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),F=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"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),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"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
`),t("span",{class:"token keyword"},"const"),e(" text "),t("span",{class:"token operator"},"="),e(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),e(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-text")]),e(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("text"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),e(),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-text")]),t("span",{class:"token punctuation"},">")]),e(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
`)])])],-1),b=g('<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;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\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>',4);function A(c,l,p,r,i,d){const n=f("render-demo-0"),k=f("demo");return E(),C("div",null,[v,D,y,h(k,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const text = ref('\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C');
<\/script>
<template>
<f-text v-model="text"> </f-text>
</template>
`},{highlight:_(()=>[F]),default:_(()=>[h(n)]),_:1}),b])}const w=x(B,[["render",A]]);export{N as __pageData,w as default};

View File

@ -0,0 +1 @@
import{_ as t,c as o,o as a,b as e,d as n}from"./app.c5d2b0ef.js";const x=JSON.parse('{"title":"Tooltip","description":"","frontmatter":{},"headers":[],"relativePath":"components/tooltip/index.md"}'),s={name:"components/tooltip/index.md"},r=e("h1",{id:"tooltip",tabindex:"-1"},[n("Tooltip "),e("a",{class:"header-anchor",href:"#tooltip","aria-hidden":"true"},"#")],-1),i=[r];function c(d,p,l,_,h,m){return a(),o("div",null,i)}const u=t(s,[["render",c]]);export{x as __pageData,u as default};

View File

@ -0,0 +1 @@
import{_ as t,c as o,o as a,b as e,d as n}from"./app.c5d2b0ef.js";const x=JSON.parse('{"title":"Tooltip","description":"","frontmatter":{},"headers":[],"relativePath":"components/tooltip/index.md"}'),s={name:"components/tooltip/index.md"},r=e("h1",{id:"tooltip",tabindex:"-1"},[n("Tooltip "),e("a",{class:"header-anchor",href:"#tooltip","aria-hidden":"true"},"#")],-1),i=[r];function c(d,p,l,_,h,m){return a(),o("div",null,i)}const u=t(s,[["render",c]]);export{x as __pageData,u as default};

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

View File

@ -0,0 +1,11 @@
import{_ as s,c as a,o as n,e}from"./app.c5d2b0ef.js";const y=JSON.parse('{"title":"\u5FEB\u901F\u5F00\u59CB","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5F00\u59CB\u4F7F\u7528 Farris UI Vue","slug":"\u5F00\u59CB\u4F7F\u7528-farris-ui-vue"},{"level":3,"title":"1. \u5B89\u88C5@farris/ui-vue","slug":"_1-\u5B89\u88C5-farris-ui-vue"},{"level":3,"title":"2. \u5728\u5E94\u7528\u4E2D\u5F15\u5165 Farris UI Vue","slug":"_2-\u5728\u5E94\u7528\u4E2D\u5F15\u5165-farris-ui-vue"},{"level":3,"title":"3. \u5728\u5E94\u7528\u4E2D\u4F7F\u7528 Farris UI Vue","slug":"_3-\u5728\u5E94\u7528\u4E2D\u4F7F\u7528-farris-ui-vue"}],"relativePath":"guide/quick-start/index.md"}'),p={name:"guide/quick-start/index.md"},l=e(`<h1 id="\u5FEB\u901F\u5F00\u59CB" tabindex="-1">\u5FEB\u901F\u5F00\u59CB <a class="header-anchor" href="#\u5FEB\u901F\u5F00\u59CB" aria-hidden="true">#</a></h1><h2 id="\u5F00\u59CB\u4F7F\u7528-farris-ui-vue" tabindex="-1">\u5F00\u59CB\u4F7F\u7528 Farris UI Vue <a class="header-anchor" href="#\u5F00\u59CB\u4F7F\u7528-farris-ui-vue" aria-hidden="true">#</a></h2><h3 id="_1-\u5B89\u88C5-farris-ui-vue" tabindex="-1">1. \u5B89\u88C5@farris/ui-vue <a class="header-anchor" href="#_1-\u5B89\u88C5-farris-ui-vue" aria-hidden="true">#</a></h3><div class="language-"><button class="copy"></button><span class="lang"></span><pre><code><span class="line"><span style="color:#A6ACCD;">npm install @farris/ui-vue</span></span>
<span class="line"><span style="color:#A6ACCD;"></span></span></code></pre></div><div class="language-"><button class="copy"></button><span class="lang"></span><pre><code><span class="line"><span style="color:#A6ACCD;">yarn add @farris/ui-vue</span></span>
<span class="line"><span style="color:#A6ACCD;"></span></span></code></pre></div><h3 id="_2-\u5728\u5E94\u7528\u4E2D\u5F15\u5165-farris-ui-vue" tabindex="-1">2. \u5728\u5E94\u7528\u4E2D\u5F15\u5165 Farris UI Vue <a class="header-anchor" href="#_2-\u5728\u5E94\u7528\u4E2D\u5F15\u5165-farris-ui-vue" aria-hidden="true">#</a></h3><p>\u5728<code>main.ts</code>\u6587\u4EF6\u4E2D\u5F15\u5165<code>@farris/ui-vue</code>\u3002</p><div class="language-ts"><button class="copy"></button><span class="lang">ts</span><pre><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">createApp</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> App </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">./App.vue</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> Farris </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">@farris/ui-vue</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#82AAFF;">createApp</span><span style="color:#A6ACCD;">(App)</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">use</span><span style="color:#A6ACCD;">(Farris)</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">mount</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">#app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><h3 id="_3-\u5728\u5E94\u7528\u4E2D\u4F7F\u7528-farris-ui-vue" tabindex="-1">3. \u5728\u5E94\u7528\u4E2D\u4F7F\u7528 Farris UI Vue <a class="header-anchor" href="#_3-\u5728\u5E94\u7528\u4E2D\u4F7F\u7528-farris-ui-vue" aria-hidden="true">#</a></h3><p>\u5728<code>App.vue</code>\u6587\u4EF6\u4E2D\u4F7F\u7528 Farris UI Vue \u7EC4\u4EF6\u3002</p><div class="language-vue"><button class="copy"></button><span class="lang">vue</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">f-input-group</span><span style="color:#89DDFF;">&gt;&lt;/</span><span style="color:#F07178;">f-input-group</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div>`,11),o=[l];function r(t,c,i,u,D,F){return n(),a("div",null,o)}const A=s(p,[["render",r]]);export{y as __pageData,A as default};

View File

@ -0,0 +1 @@
import{_ as s,c as a,o as n,e}from"./app.c5d2b0ef.js";const y=JSON.parse('{"title":"\u5FEB\u901F\u5F00\u59CB","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5F00\u59CB\u4F7F\u7528 Farris UI Vue","slug":"\u5F00\u59CB\u4F7F\u7528-farris-ui-vue"},{"level":3,"title":"1. \u5B89\u88C5@farris/ui-vue","slug":"_1-\u5B89\u88C5-farris-ui-vue"},{"level":3,"title":"2. \u5728\u5E94\u7528\u4E2D\u5F15\u5165 Farris UI Vue","slug":"_2-\u5728\u5E94\u7528\u4E2D\u5F15\u5165-farris-ui-vue"},{"level":3,"title":"3. \u5728\u5E94\u7528\u4E2D\u4F7F\u7528 Farris UI Vue","slug":"_3-\u5728\u5E94\u7528\u4E2D\u4F7F\u7528-farris-ui-vue"}],"relativePath":"guide/quick-start/index.md"}'),p={name:"guide/quick-start/index.md"},l=e("",11),o=[l];function r(t,c,i,u,D,F){return n(),a("div",null,o)}const A=s(p,[["render",r]]);export{y as __pageData,A as default};

View File

@ -0,0 +1 @@
import{_ as e,c as t,o as a}from"./app.c5d2b0ef.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Farris UI Vue","text":"\u524D\u7AEF\u7EC4\u4EF6\u5E93","tagline":"\u57FA\u4E8E Farris Design \u5177\u6709 Fast Reliable Responsive Intuitive Smart \u4E94\u5927\u7279\u6027\u3002","actions":[{"theme":"brand","text":"\u5FEB\u901F\u5F00\u59CB","link":"/guide/quick-start/"},{"theme":"Gitee","text":"View on Gitee","link":"https://gitee.com/ubml/farris-vue"}]}},"headers":[],"relativePath":"index.md"}'),i={name:"index.md"};function n(r,s,o,c,m,d){return a(),t("div")}const u=e(i,[["render",n]]);export{p as __pageData,u as default};

View File

@ -0,0 +1 @@
import{_ as e,c as t,o as a}from"./app.c5d2b0ef.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Farris UI Vue","text":"\u524D\u7AEF\u7EC4\u4EF6\u5E93","tagline":"\u57FA\u4E8E Farris Design \u5177\u6709 Fast Reliable Responsive Intuitive Smart \u4E94\u5927\u7279\u6027\u3002","actions":[{"theme":"brand","text":"\u5FEB\u901F\u5F00\u59CB","link":"/guide/quick-start/"},{"theme":"Gitee","text":"View on Gitee","link":"https://gitee.com/ubml/farris-vue"}]}},"headers":[],"relativePath":"index.md"}'),i={name:"index.md"};function n(r,s,o,c,m,d){return a(),t("div")}const u=e(i,[["render",n]]);export{p as __pageData,u as default};

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
{"components_accordion_index.md":"d13735e8","components_avatar_index.md":"0412964a","components_button-edit_index.md":"2419429b","components_button_index.md":"03f560f0","components_combo-list_index.md":"76b9b262","components_icon_index.md":"7fecf5d2","components_index.md":"ccb55bf1","components_notify_index.md":"4e1f28bc","components_popover_index.md":"77c471ba","components_radio-group_index.md":"3135ba92","components_section_index.md":"362960a1","components_switch_index.md":"aefcbf16","components_tabs_index.md":"c144a1aa","components_text_index.md":"a2dac5b2","components_tooltip_index.md":"9eae1c68","guide_quick-start_index.md":"588883d2","index.md":"dcb7bd30"}

File diff suppressed because one or more lines are too long