docs: update document web site

This commit is contained in:
Sagi 2022-10-08 23:39:25 +08:00
parent f8e297e3e5
commit 9d43aadb5d
26 changed files with 294 additions and 119 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,29 +0,0 @@
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.4bbb5a44.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

@ -1,29 +0,0 @@
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.4bbb5a44.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,87 @@
import{V as k,_ as w,c as V,a as f,w as _,b as t,d as n,e as N,r as v,o as T}from"./app.4bbb5a44.js";const S={name:"component-doc",components:{"render-demo-0":function(){const{createTextVNode:e,resolveComponent:r,withCtx:s,createVNode:a,openBlock:o,createElementBlock:m}=k,d=e(" \u4E3B\u8981\u6309\u94AE "),p=e(" \u5371\u9669\u6309\u94AE "),g=e(" \u6210\u529F\u6309\u94AE "),y=e(" \u8B66\u544A\u6309\u94AE "),C=e(" \u4FE1\u606F\u6309\u94AE "),h=e(" \u6587\u672C\u6309\u94AE ");function E(x,F){const u=r("f-button");return o(),m("div",null,[a(u,{style:{margin:"5px"}},{default:s(()=>[d]),_:1}),a(u,{style:{margin:"5px"},"button-type":"danger"},{default:s(()=>[p]),_:1}),a(u,{style:{margin:"5px"},"button-type":"success"},{default:s(()=>[g]),_:1}),a(u,{style:{margin:"5px"},"button-type":"warning"},{default:s(()=>[y]),_:1}),a(u,{style:{margin:"5px"},"button-type":"secondary"},{default:s(()=>[C]),_:1}),a(u,{style:{margin:"5px"},"button-type":"link"},{default:s(()=>[h]),_:1})])}const{defineComponent:b}=k,{ref:l}=k;return{render:E,...b({setup(x,{expose:F}){F();const u={ref:l};return Object.defineProperty(u,"__isScriptSetup",{enumerable:!1,value:!0}),u}})}}(),"render-demo-1":function(){const{createElementVNode:e,resolveComponent:r,createVNode:s,createTextVNode:a,withCtx:o,openBlock:m,createElementBlock:d}=k,p={class:"my-2 d-flex"},g=e("div",{class:"f-demo-label"},"\u7981\u7528\u6309\u94AE:",-1),y=a(" \u4E3B\u8981\u6309\u94AE "),C=a(" \u5371\u9669\u6309\u94AE "),h=a(" \u6210\u529F\u6309\u94AE "),E=a(" \u8B66\u544A\u6309\u94AE "),b=a(" \u4FE1\u606F\u6309\u94AE "),l=a(" \u6587\u672C\u6309\u94AE ");function D(c,A){const B=r("f-switch"),i=r("f-button");return m(),d("div",null,[e("div",p,[g,s(B,{modelValue:c.disable,"onUpdate:modelValue":A[0]||(A[0]=q=>c.disable=q)},null,8,["modelValue"])]),e("div",null,[s(i,{style:{margin:"5px"},disable:c.disable},{default:o(()=>[y]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"danger",disable:c.disable},{default:o(()=>[C]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"success",disable:c.disable},{default:o(()=>[h]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"warning",disable:c.disable},{default:o(()=>[E]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"secondary",disable:c.disable},{default:o(()=>[b]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"link",disable:c.disable},{default:o(()=>[l]),_:1},8,["disable"])])])}const{defineComponent:x}=k,{ref:F}=k;return{render:D,...x({setup(c,{expose:A}){A();const i={disable:F(!0),ref:F};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}})}}(),"render-demo-2":function(){const{createTextVNode:e,resolveComponent:r,withCtx:s,createVNode:a,openBlock:o,createElementBlock:m}=k,d=e(" \u5C0F\u5C3A\u5BF8 "),p=e(" \u5927\u5C3A\u5BF8 ");function g(E,b){const l=r("f-button");return o(),m("div",null,[a(l,{style:{margin:"5px"},size:"small"},{default:s(()=>[d]),_:1}),a(l,{style:{margin:"5px"},size:"large"},{default:s(()=>[p]),_:1})])}const{defineComponent:y}=k,{ref:C}=k;return{render:g,...y({setup(E,{expose:b}){b();const l={ref:C};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}})}}()}},L=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":"\u5C3A\u5BF8","slug":"\u5C3A\u5BF8"},{"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"}');const z=t("h1",{id:"button-\u6309\u94AE",tabindex:"-1"},[n("Button \u6309\u94AE "),t("a",{class:"header-anchor",href:"#button-\u6309\u94AE","aria-hidden":"true"},"#")],-1),j=t("p",null,"Button \u7EC4\u4EF6\u4E3A\u4E0D\u540C\u4F7F\u7528\u573A\u666F\u63D0\u4F9B\u4E86\u591A\u79CD\u5C55\u793A\u6837\u5F0F\u3002",-1),P=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[n("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","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"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),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"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n(" \u4E3B\u8981\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("danger'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5371\u9669\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("success'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6210\u529F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("warning'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u8B66\u544A\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("secondary'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4FE1\u606F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("link'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6587\u672C\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])])],-1),$=t("h2",{id:"\u72B6\u6001",tabindex:"-1"},[n("\u72B6\u6001 "),t("a",{class:"header-anchor",href:"#\u72B6\u6001","aria-hidden":"true"},"#")],-1),I=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"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),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"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"const"),n(" disable "),t("span",{class:"token operator"},"="),n(),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"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),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"},'"'),n("my-2 d-flex"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),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"},'"'),n("f-demo-label"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("\u7981\u7528\u6309\u94AE:"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-switch")]),n(),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"},'"'),n("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"},"</"),n("f-switch")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4E3B\u8981\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("danger'"),t("span",{class:"token punctuation"},'"')]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5371\u9669\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("success'"),t("span",{class:"token punctuation"},'"')]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6210\u529F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("warning'"),t("span",{class:"token punctuation"},'"')]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u8B66\u544A\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("secondary'"),t("span",{class:"token punctuation"},'"')]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4FE1\u606F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("link'"),t("span",{class:"token punctuation"},'"')]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6587\u672C\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("style")]),n(),t("span",{class:"token attr-name"},"scoped"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token style"},[t("span",{class:"token language-css"},[n(`
`),t("span",{class:"token selector"},".f-demo-label"),n(),t("span",{class:"token punctuation"},"{"),n(`
`),t("span",{class:"token property"},"line-height"),t("span",{class:"token punctuation"},":"),n(" 1.4rem"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 8px"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token punctuation"},"}"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("style")]),t("span",{class:"token punctuation"},">")]),n(`
`)])])],-1),J=t("h2",{id:"\u5C3A\u5BF8",tabindex:"-1"},[n("\u5C3A\u5BF8 "),t("a",{class:"header-anchor",href:"#\u5C3A\u5BF8","aria-hidden":"true"},"#")],-1),U=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"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),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"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("small'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5C0F\u5C3A\u5BF8 "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("large'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5927\u5C3A\u5BF8 "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])])],-1),G=N(`<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 H(e,r,s,a,o,m){const d=v("render-demo-0"),p=v("demo"),g=v("render-demo-1"),y=v("render-demo-2");return T(),V("div",null,[z,j,P,f(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-button style="margin: 5px;"> \u4E3B\u8981\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'danger'"> \u5371\u9669\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'success'"> \u6210\u529F\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'warning'"> \u8B66\u544A\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'secondary'"> \u4FE1\u606F\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'link'"> \u6587\u672C\u6309\u94AE </f-button>
</template>
`},{highlight:_(()=>[O]),default:_(()=>[f(d)]),_:1}),$,f(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const disable = ref(true);
<\/script>
<template>
<div class="my-2 d-flex">
<div class="f-demo-label">\u7981\u7528\u6309\u94AE:</div>
<f-switch v-model="disable"></f-switch>
</div>
<div>
<f-button style="margin: 5px;" :disable="disable"> \u4E3B\u8981\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'danger'" :disable="disable"> \u5371\u9669\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'success'" :disable="disable"> \u6210\u529F\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'warning'" :disable="disable"> \u8B66\u544A\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'secondary'" :disable="disable"> \u4FE1\u606F\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'link'" :disable="disable"> \u6587\u672C\u6309\u94AE </f-button>
</div>
</template>
<style scoped>
.f-demo-label {
line-height: 1.4rem;
margin-right: 8px;
}
</style>
`},{highlight:_(()=>[I]),default:_(()=>[f(g)]),_:1}),J,f(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-button style="margin: 5px;" :size="'small'"> \u5C0F\u5C3A\u5BF8 </f-button>
<f-button style="margin: 5px;" :size="'large'"> \u5927\u5C3A\u5BF8 </f-button>
</template>
`},{highlight:_(()=>[U]),default:_(()=>[f(y)]),_:1}),G])}const M=w(S,[["render",H]]);export{L as __pageData,M as default};

View File

@ -0,0 +1,87 @@
import{V as k,_ as w,c as V,a as f,w as _,b as t,d as n,e as N,r as v,o as T}from"./app.4bbb5a44.js";const S={name:"component-doc",components:{"render-demo-0":function(){const{createTextVNode:e,resolveComponent:r,withCtx:s,createVNode:a,openBlock:o,createElementBlock:m}=k,d=e(" \u4E3B\u8981\u6309\u94AE "),p=e(" \u5371\u9669\u6309\u94AE "),g=e(" \u6210\u529F\u6309\u94AE "),y=e(" \u8B66\u544A\u6309\u94AE "),C=e(" \u4FE1\u606F\u6309\u94AE "),h=e(" \u6587\u672C\u6309\u94AE ");function E(x,F){const u=r("f-button");return o(),m("div",null,[a(u,{style:{margin:"5px"}},{default:s(()=>[d]),_:1}),a(u,{style:{margin:"5px"},"button-type":"danger"},{default:s(()=>[p]),_:1}),a(u,{style:{margin:"5px"},"button-type":"success"},{default:s(()=>[g]),_:1}),a(u,{style:{margin:"5px"},"button-type":"warning"},{default:s(()=>[y]),_:1}),a(u,{style:{margin:"5px"},"button-type":"secondary"},{default:s(()=>[C]),_:1}),a(u,{style:{margin:"5px"},"button-type":"link"},{default:s(()=>[h]),_:1})])}const{defineComponent:b}=k,{ref:l}=k;return{render:E,...b({setup(x,{expose:F}){F();const u={ref:l};return Object.defineProperty(u,"__isScriptSetup",{enumerable:!1,value:!0}),u}})}}(),"render-demo-1":function(){const{createElementVNode:e,resolveComponent:r,createVNode:s,createTextVNode:a,withCtx:o,openBlock:m,createElementBlock:d}=k,p={class:"my-2 d-flex"},g=e("div",{class:"f-demo-label"},"\u7981\u7528\u6309\u94AE:",-1),y=a(" \u4E3B\u8981\u6309\u94AE "),C=a(" \u5371\u9669\u6309\u94AE "),h=a(" \u6210\u529F\u6309\u94AE "),E=a(" \u8B66\u544A\u6309\u94AE "),b=a(" \u4FE1\u606F\u6309\u94AE "),l=a(" \u6587\u672C\u6309\u94AE ");function D(c,A){const B=r("f-switch"),i=r("f-button");return m(),d("div",null,[e("div",p,[g,s(B,{modelValue:c.disable,"onUpdate:modelValue":A[0]||(A[0]=q=>c.disable=q)},null,8,["modelValue"])]),e("div",null,[s(i,{style:{margin:"5px"},disable:c.disable},{default:o(()=>[y]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"danger",disable:c.disable},{default:o(()=>[C]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"success",disable:c.disable},{default:o(()=>[h]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"warning",disable:c.disable},{default:o(()=>[E]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"secondary",disable:c.disable},{default:o(()=>[b]),_:1},8,["disable"]),s(i,{style:{margin:"5px"},"button-type":"link",disable:c.disable},{default:o(()=>[l]),_:1},8,["disable"])])])}const{defineComponent:x}=k,{ref:F}=k;return{render:D,...x({setup(c,{expose:A}){A();const i={disable:F(!0),ref:F};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}})}}(),"render-demo-2":function(){const{createTextVNode:e,resolveComponent:r,withCtx:s,createVNode:a,openBlock:o,createElementBlock:m}=k,d=e(" \u5C0F\u5C3A\u5BF8 "),p=e(" \u5927\u5C3A\u5BF8 ");function g(E,b){const l=r("f-button");return o(),m("div",null,[a(l,{style:{margin:"5px"},size:"small"},{default:s(()=>[d]),_:1}),a(l,{style:{margin:"5px"},size:"large"},{default:s(()=>[p]),_:1})])}const{defineComponent:y}=k,{ref:C}=k;return{render:g,...y({setup(E,{expose:b}){b();const l={ref:C};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}})}}()}},L=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":"\u5C3A\u5BF8","slug":"\u5C3A\u5BF8"},{"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"}');const z=t("h1",{id:"button-\u6309\u94AE",tabindex:"-1"},[n("Button \u6309\u94AE "),t("a",{class:"header-anchor",href:"#button-\u6309\u94AE","aria-hidden":"true"},"#")],-1),j=t("p",null,"Button \u7EC4\u4EF6\u4E3A\u4E0D\u540C\u4F7F\u7528\u573A\u666F\u63D0\u4F9B\u4E86\u591A\u79CD\u5C55\u793A\u6837\u5F0F\u3002",-1),P=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[n("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","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"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),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"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),t("span",{class:"token punctuation"},">")]),n(" \u4E3B\u8981\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("danger'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5371\u9669\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("success'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6210\u529F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("warning'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u8B66\u544A\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("secondary'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4FE1\u606F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("link'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6587\u672C\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])])],-1),$=t("h2",{id:"\u72B6\u6001",tabindex:"-1"},[n("\u72B6\u6001 "),t("a",{class:"header-anchor",href:"#\u72B6\u6001","aria-hidden":"true"},"#")],-1),I=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"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),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"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token keyword"},"const"),n(" disable "),t("span",{class:"token operator"},"="),n(),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"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),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"},'"'),n("my-2 d-flex"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),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"},'"'),n("f-demo-label"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("\u7981\u7528\u6309\u94AE:"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-switch")]),n(),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"},'"'),n("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"},"</"),n("f-switch")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4E3B\u8981\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("danger'"),t("span",{class:"token punctuation"},'"')]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5371\u9669\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("success'"),t("span",{class:"token punctuation"},'"')]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6210\u529F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("warning'"),t("span",{class:"token punctuation"},'"')]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u8B66\u544A\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("secondary'"),t("span",{class:"token punctuation"},'"')]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u4FE1\u606F\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":button-type"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("link'"),t("span",{class:"token punctuation"},'"')]),n(),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"},'"'),n("disable"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u6587\u672C\u6309\u94AE "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("style")]),n(),t("span",{class:"token attr-name"},"scoped"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token style"},[t("span",{class:"token language-css"},[n(`
`),t("span",{class:"token selector"},".f-demo-label"),n(),t("span",{class:"token punctuation"},"{"),n(`
`),t("span",{class:"token property"},"line-height"),t("span",{class:"token punctuation"},":"),n(" 1.4rem"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 8px"),t("span",{class:"token punctuation"},";"),n(`
`),t("span",{class:"token punctuation"},"}"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("style")]),t("span",{class:"token punctuation"},">")]),n(`
`)])])],-1),J=t("h2",{id:"\u5C3A\u5BF8",tabindex:"-1"},[n("\u5C3A\u5BF8 "),t("a",{class:"header-anchor",href:"#\u5C3A\u5BF8","aria-hidden":"true"},"#")],-1),U=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"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),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"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
`),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("small'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5C0F\u5C3A\u5BF8 "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button")]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin"),t("span",{class:"token punctuation"},":"),n(" 5px"),t("span",{class:"token punctuation"},";")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token attr-name"},":size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token punctuation"},"'"),n("large'"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(" \u5927\u5C3A\u5BF8 "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("f-button")]),t("span",{class:"token punctuation"},">")]),n(`
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
`)])])],-1),G=N(`<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 H(e,r,s,a,o,m){const d=v("render-demo-0"),p=v("demo"),g=v("render-demo-1"),y=v("render-demo-2");return T(),V("div",null,[z,j,P,f(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-button style="margin: 5px;"> \u4E3B\u8981\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'danger'"> \u5371\u9669\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'success'"> \u6210\u529F\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'warning'"> \u8B66\u544A\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'secondary'"> \u4FE1\u606F\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'link'"> \u6587\u672C\u6309\u94AE </f-button>
</template>
`},{highlight:_(()=>[O]),default:_(()=>[f(d)]),_:1}),$,f(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
const disable = ref(true);
<\/script>
<template>
<div class="my-2 d-flex">
<div class="f-demo-label">\u7981\u7528\u6309\u94AE:</div>
<f-switch v-model="disable"></f-switch>
</div>
<div>
<f-button style="margin: 5px;" :disable="disable"> \u4E3B\u8981\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'danger'" :disable="disable"> \u5371\u9669\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'success'" :disable="disable"> \u6210\u529F\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'warning'" :disable="disable"> \u8B66\u544A\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'secondary'" :disable="disable"> \u4FE1\u606F\u6309\u94AE </f-button>
<f-button style="margin: 5px;" :button-type="'link'" :disable="disable"> \u6587\u672C\u6309\u94AE </f-button>
</div>
</template>
<style scoped>
.f-demo-label {
line-height: 1.4rem;
margin-right: 8px;
}
</style>
`},{highlight:_(()=>[I]),default:_(()=>[f(g)]),_:1}),J,f(p,{sourceCode:`<script setup lang="ts">
import { ref } from 'vue';
<\/script>
<template>
<f-button style="margin: 5px;" :size="'small'"> \u5C0F\u5C3A\u5BF8 </f-button>
<f-button style="margin: 5px;" :size="'large'"> \u5927\u5C3A\u5BF8 </f-button>
</template>
`},{highlight:_(()=>[U]),default:_(()=>[f(y)]),_:1}),G])}const M=w(S,[["render",H]]);export{L as __pageData,M as default};

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Accordion 手风琴 | Farris Vue</title>
<meta name="description" content="基于 Farris Design 的前端组件库">
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
<link rel="modulepreload" href="/farris-vue/assets/components_accordion_index.md.d05d92ed.lean.js">
@ -23,7 +23,7 @@
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>f-accordion</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</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;">组件自定义样式</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;">是否允许收折</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;">是否展开所有面板</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;">设置组件的高度</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;">设置组件的宽度</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/icon/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Icon 图标</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/section/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>section 面板</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
</body>

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Avatar 头像 | Farris Vue</title>
<meta name="description" content="基于 Farris Design 的前端组件库">
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
<link rel="modulepreload" href="/farris-vue/assets/components_avatar_index.md.1ff77364.lean.js">
@ -20,7 +20,7 @@
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>f-avatar</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>f-avatar</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</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;">组件标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/switch/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Swtich 开关</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/tooltip/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>tooltip 提示信息</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
</body>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Combo List 选择输入框 | Farris Vue</title>
<meta name="description" content="基于 Farris Design 的前端组件库">
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
<link rel="modulepreload" href="/farris-vue/assets/components_combo-list_index.md.249015b9.lean.js">
@ -20,7 +20,7 @@
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>f-combo-list</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>f-combo-list</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</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;">组件标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/text/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Text 静态文本</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/switch/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Swtich 开关</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
</body>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Notify 通知消息 | Farris Vue</title>
<meta name="description" content="基于 Farris Design 的前端组件库">
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
<link rel="modulepreload" href="/farris-vue/assets/components_notify_index.md.eadb4c17.lean.js">
@ -40,7 +40,7 @@
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>btn btn-primary<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>showMessage<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>show notify<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</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;">组件标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/tooltip/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>tooltip 提示信息</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/popover/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>popover 气泡提示</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
</body>

File diff suppressed because one or more lines are too long

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Radio Group 单选组 | Farris Vue</title>
<meta name="description" content="基于 Farris Design 的前端组件库">
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
<link rel="modulepreload" href="/farris-vue/assets/components_radio-group_index.md.1dbb5916.lean.js">
@ -95,7 +95,7 @@
<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="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</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;">组件标识</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;">组件名称</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;">单选组数据源</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;">显示文本字段</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;">值字段</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;">是否横向显示枚举项</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;">是否禁用组件</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 键索引</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/button-edit/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Button Edit 按钮输入框</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/text/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Text 静态文本</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
</body>

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Section 面板 | Farris Vue</title>
<meta name="description" content="基于 Farris Design 的前端组件库">
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
<link rel="modulepreload" href="/farris-vue/assets/components_section_index.md.c1bd396b.lean.js">
@ -39,7 +39,7 @@
<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="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</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;">组件自定义样式</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;">组件最大化状态</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;">是否允许收折</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;">面板标题</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;">面板副标题</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;">是否显示标题面板</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;">是否显示最大化按钮</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;">是否允许填充显示</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;">组件展开状态</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;">组件上下文</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;">索引号</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;">工具栏位置</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;">工具栏按钮</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;">工具栏配置对象</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;">是否显示工具栏的更多按钮</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;">鼠标重复点击按钮触发事件的阈值</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;">标题面板自定义样式</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/accordion/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Accordion 手风琴</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/tabs/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>tabs 标签页</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
</body>

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Switch 开关 | Farris Vue</title>
<meta name="description" content="基于 Farris Design 的前端组件库">
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
<link rel="modulepreload" href="/farris-vue/assets/components_switch_index.md.bac64a27.lean.js">
@ -21,7 +21,7 @@
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>f-switch</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>status<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>f-switch</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</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;">组件标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/combo-list/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Combo List 选择输入框</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/avatar/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Avatar 头像</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
</body>

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Tabs 标签页 | Farris Vue</title>
<meta name="description" content="基于 Farris Design 的前端组件库">
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
<link rel="modulepreload" href="/farris-vue/assets/components_tabs_index.md.85d4e2b2.lean.js">
@ -56,7 +56,7 @@
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="类型" tabindex="-1">类型 <a class="header-anchor" href="#类型" 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="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</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;">标签页显示样式</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;">是否自动调整标题宽度</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;">标题宽度</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;">显示页签的位置</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;">是否显示页签导航下拉按钮</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;">是否显示标题提示信息</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;">滚动鼠标切换页签的步长</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;">是否允许自动调整页签高度</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;">指定选中的页签</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;">组件宽度</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;">组件高度</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;">是否显示页签搜索框</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;">标题宽度</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;">标签自定义样式</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;">被激活的页签标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/section/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>section 面板</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/button-edit/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Button Edit 按钮输入框</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
</body>

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Text 静态文本 | Farris Vue</title>
<meta name="description" content="基于 Farris Design 的前端组件库">
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
<link rel="modulepreload" href="/farris-vue/assets/components_text_index.md.5e9143ab.lean.js">
@ -21,7 +21,7 @@
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>f-text</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>text<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>f-text</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><!--]--></div></div><div class="demo-block-control" data-v-b80d3312><i class="control-icon icon-caret-down" data-v-b80d3312></i><span style="display:none;" class="control-text" data-v-b80d3312>显示代码</span><div class="control-button-wrap" data-v-b80d3312><span style="display:none;" class="control-button copy-button" data-v-b80d3312>复制代码片段</span></div></div></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">属性名</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</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;">组件标识</td></tr></tbody></table><h2 id="插槽" tabindex="-1">插槽 <a class="header-anchor" href="#插槽" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>暂无内容</p></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><a class="pager-link prev" href="/farris-vue/components/radio-group/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Previous page</span><span class="title" data-v-9a0639f9>Radio Group 单选组</span></a></div><div class="has-prev pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/combo-list/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Combo List 选择输入框</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
</body>

File diff suppressed because one or more lines are too long

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>快速开始 | Farris Vue</title>
<meta name="description" content="基于 Farris Design 的前端组件库">
<link rel="stylesheet" href="/farris-vue/assets/style.63da0cd8.css">
<link rel="stylesheet" href="/farris-vue/assets/style.7ebf1e72.css">
<link rel="modulepreload" href="/farris-vue/assets/app.4bbb5a44.js">
<link rel="modulepreload" href="/farris-vue/assets/guide_quick-start_index.md.7d7fd0b7.lean.js">
@ -24,7 +24,7 @@
<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></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e80bcd4c data-v-9a0639f9><!----><div class="prev-next" data-v-9a0639f9><div class="pager" data-v-9a0639f9><!----></div><div class="pager" data-v-9a0639f9><a class="pager-link next" href="/farris-vue/components/button/" data-v-9a0639f9><span class="desc" data-v-9a0639f9>Next page</span><span class="title" data-v-9a0639f9>Button 按钮</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-031d94a9 data-v-f6cbb54f><div class="container" data-v-f6cbb54f><p class="message" data-v-f6cbb54f>使用 Apache-2.0 开源许可协议</p><p class="copyright" data-v-f6cbb54f>Copyright © 2022</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"70f7138f\",\"components_button_index.md\":\"8b6944db\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"d05d92ed\",\"components_avatar_index.md\":\"1ff77364\",\"components_button-edit_index.md\":\"5ce810e1\",\"components_button_index.md\":\"c13a54c3\",\"components_combo-list_index.md\":\"249015b9\",\"components_icon_index.md\":\"8d689e21\",\"components_index.md\":\"55c36612\",\"components_notify_index.md\":\"eadb4c17\",\"components_popover_index.md\":\"1a6808c4\",\"components_radio-group_index.md\":\"1dbb5916\",\"components_section_index.md\":\"c1bd396b\",\"components_switch_index.md\":\"bac64a27\",\"components_tabs_index.md\":\"85d4e2b2\",\"components_text_index.md\":\"5e9143ab\",\"components_tooltip_index.md\":\"6f406b7a\",\"guide_quick-start_index.md\":\"7d7fd0b7\",\"index.md\":\"ec733caf\"}")</script>
<script type="module" async src="/farris-vue/assets/app.4bbb5a44.js"></script>
</body>

View File

@ -1 +1 @@
{"components_accordion_index.md":"d05d92ed","components_avatar_index.md":"1ff77364","components_button-edit_index.md":"70f7138f","components_button_index.md":"8b6944db","components_combo-list_index.md":"249015b9","components_icon_index.md":"8d689e21","components_index.md":"55c36612","components_notify_index.md":"eadb4c17","components_popover_index.md":"1a6808c4","components_radio-group_index.md":"1dbb5916","components_section_index.md":"c1bd396b","components_switch_index.md":"bac64a27","components_tabs_index.md":"85d4e2b2","components_text_index.md":"5e9143ab","components_tooltip_index.md":"6f406b7a","guide_quick-start_index.md":"7d7fd0b7","index.md":"ec733caf"}
{"components_accordion_index.md":"d05d92ed","components_avatar_index.md":"1ff77364","components_button-edit_index.md":"5ce810e1","components_button_index.md":"c13a54c3","components_combo-list_index.md":"249015b9","components_icon_index.md":"8d689e21","components_index.md":"55c36612","components_notify_index.md":"eadb4c17","components_popover_index.md":"1a6808c4","components_radio-group_index.md":"1dbb5916","components_section_index.md":"c1bd396b","components_switch_index.md":"bac64a27","components_tabs_index.md":"85d4e2b2","components_text_index.md":"5e9143ab","components_tooltip_index.md":"6f406b7a","guide_quick-start_index.md":"7d7fd0b7","index.md":"ec733caf"}

File diff suppressed because one or more lines are too long