Merge branch 'master' into checkbox
This commit is contained in:
wang-xh
commit
aca0476613
|
|
@ -7,6 +7,6 @@
|
|||
"editor.defaultFormatter": "vscode.typescript-language-features"
|
||||
},
|
||||
"[vue]": {
|
||||
"editor.defaultFormatter": "Wscats.vue"
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
63
README.md
63
README.md
|
|
@ -11,25 +11,30 @@
|
|||
[English](README.en.md) | 简体中文
|
||||
|
||||
Farris 设计原则：
|
||||
- <b>Fa</b>st : Farris UI 是一套具有急速用户体验的UI套件，Farris Data Grid 在渲染大量数据时具有高速渲染性能
|
||||
- <b>R</b>eliable : 我们为用户提供可靠的使用体现，对各类异常交互场景做出针对性的优化
|
||||
- <b>R</b>esponsive : 增强的响应式设计，在组件内部提供更细腻的响应式交互
|
||||
- <b>I</b>ntuitive : 采用直觉化的设计，向用户更准确的传达界面交互
|
||||
- <b>S</b>mart : 智能化的UI，满足开发智能应用的场景
|
||||
|
||||
- <b>Fa</b>st : Farris UI 是一套具有急速用户体验的 UI 套件，Farris Data Grid 在渲染大量数据时具有高速渲染性能
|
||||
- <b>R</b>eliable : 我们为用户提供可靠的使用体现，对各类异常交互场景做出针对性的优化
|
||||
- <b>R</b>esponsive : 增强的响应式设计，在组件内部提供更细腻的响应式交互
|
||||
- <b>I</b>ntuitive : 采用直觉化的设计，向用户更准确的传达界面交互
|
||||
- <b>S</b>mart : 智能化的 UI，满足开发智能应用的场景
|
||||
|
||||
## 1. 本地运行项目
|
||||
## 1. 了解 Farris
|
||||
|
||||
### 1.1 检查环境
|
||||
可以访问我们的[官方站点(https://farris-design.gitee.io/farris-vue)](https://farris-design.gitee.io/farris-vue/)了解 Farris UI Vue 组件。
|
||||
|
||||
在本地运行项目前，请先执行以下命令，检查环境中是否已经安装yarn。
|
||||
## 2. 如何本地运行项目
|
||||
|
||||
### 2.1 检查环境
|
||||
|
||||
在本地运行项目前，请先执行以下命令，检查环境中是否已经安装 yarn。
|
||||
|
||||
```
|
||||
yarn -v
|
||||
```
|
||||
如果未得到`yarn`版本信息，请参考[安装yarn](https://yarnpkg.com/getting-started/install).
|
||||
|
||||
### 1.2 获取源代码
|
||||
如果未得到`yarn`版本信息，请参考[安装 yarn](https://yarnpkg.com/getting-started/install).
|
||||
|
||||
### 2.2 获取源代码
|
||||
|
||||
执行以下命令，获取项目源代码，并安装依赖组件。
|
||||
|
||||
|
|
@ -40,28 +45,29 @@ cd farris-vue
|
|||
lerna bootstrap
|
||||
```
|
||||
|
||||
### 1.3 运行示例站点
|
||||
### 2.3 运行示例站点
|
||||
|
||||
执行以下命令。
|
||||
|
||||
```
|
||||
cd packages/ui-vue
|
||||
yarn run docs:dev
|
||||
```
|
||||
|
||||
在浏览器中访问：`http://localhost:5173/` 查看示例页面。
|
||||
|
||||
|
||||
|
||||
|
||||
### 1.4 使用示例站点
|
||||
### 2.4 使用示例站点
|
||||
|
||||
你可以访问示例页面站点：
|
||||
|
||||
1. 点击「快速开始」了解如何安装使用 Farris UI Vue。
|
||||
2. 点击「组件」体验组件视觉和交互效果，查看组件 API 说明文档。
|
||||
|
||||
## 3. 如何使用 Farris UI Vue
|
||||
|
||||
|
||||
## 2. 如何使用 Farris UI Vue
|
||||
|
||||
### 2.1 安装@farris/ui-vue
|
||||
### 3.1 安装@farris/ui-vue
|
||||
|
||||
```
|
||||
npm install @farris/ui-vue
|
||||
|
|
@ -71,36 +77,36 @@ npm install @farris/ui-vue
|
|||
yarn add @farris/ui-vue
|
||||
```
|
||||
|
||||
### 2.2 在应用中引入 Farris UI Vue
|
||||
### 3.2 在应用中引入 Farris UI Vue
|
||||
|
||||
在`main.ts`文件中引入`@farris/ui-vue`。
|
||||
|
||||
```ts
|
||||
import { createApp } from 'vue'
|
||||
import App from './App.vue'
|
||||
import Farris from '@farris/ui-vue'
|
||||
import { createApp } from 'vue';
|
||||
import App from './App.vue';
|
||||
import Farris from '@farris/ui-vue';
|
||||
|
||||
createApp(App).use(Farris).mount('#app')
|
||||
createApp(App).use(Farris).mount('#app');
|
||||
```
|
||||
|
||||
### 2.3 在应用中使用 Farris UI Vue
|
||||
### 3.3 在应用中使用 Farris UI Vue
|
||||
|
||||
在`App.vue`文件中使用 Farris UI Vue 组件。
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<f-button-edit></f-button-edit>
|
||||
<f-button-edit></f-button-edit>
|
||||
</template>
|
||||
```
|
||||
|
||||
## 3. 如何参与贡献
|
||||
## 4. 如何参与贡献
|
||||
|
||||
还原你参与贡献 Farris UI Vue
|
||||
在这里你可以参与以下贡献内容：
|
||||
|
||||
- 使用 `TypeScript` + `TSX` + `SystemJs` + `Rollup` 技术开发 Farris Vue 组件
|
||||
- 参与贡献 Farris UI 主题工具
|
||||
- 参与贡献 Farris UI 开发文档
|
||||
- 使用 `TypeScript` + `TSX` + `SystemJs` + `Rollup` 技术开发 Farris Vue 组件
|
||||
- 参与贡献 Farris UI 主题工具
|
||||
- 参与贡献 Farris UI 开发文档
|
||||
|
||||
如果你决定参与贡献 Farris UI Vue，可以先从阅读我们的[贡献指南](./CONTRIBUTING.md)开始。
|
||||
|
||||
|
|
@ -114,7 +120,6 @@ createApp(App).use(Farris).mount('#app')
|
|||
</tr> -->
|
||||
</table>
|
||||
|
||||
|
||||
## 开源许可
|
||||
|
||||
[Apache License 2.0](https://gitee.com/ubml/farris-vue/blob/master/LICENSE)
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 524 KiB |
|
|
@ -10,6 +10,7 @@ lerna-debug.log*
|
|||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
!/docs/.vitepress/dist
|
||||
*.local
|
||||
coverage
|
||||
|
||||
|
|
|
|||
|
|
@ -9,94 +9,12 @@ export default defineComponent({
|
|||
emits: ['click'],
|
||||
setup(props: ButtonProps, context: SetupContext) {
|
||||
const { onClickButton } = useButton(props, context);
|
||||
const fButtonSize = computed(() => ({
|
||||
'btn-lg': props.size === 'large',
|
||||
'btn-sm': props.size === 'small',
|
||||
}));
|
||||
const fButtonType = computed(() => ({
|
||||
'btn-primary': props.buttonType === 'primary',
|
||||
'btn-warning': props.buttonType === 'warning',
|
||||
'btn-danger': props.buttonType === 'danger',
|
||||
'btn-success': props.buttonType === 'success',
|
||||
'btn-link': props.buttonType === 'link',
|
||||
'btn-secondary': props.buttonType === 'secondary',
|
||||
}));
|
||||
|
||||
return () => (
|
||||
// btn-lg btn btn-primary
|
||||
// btn-sm btn btn-warning
|
||||
<div>
|
||||
<div style={'text-align:left;margin-top:10px;'}>
|
||||
<div style={'margin-top:10px;'}>primary</div>
|
||||
<button
|
||||
class={[fButtonSize.value, ' btn btn-primary']}
|
||||
style={'margin:5px'}
|
||||
id={props.id}
|
||||
disabled={props.disable}
|
||||
onClick={onClickButton}>
|
||||
主要按钮
|
||||
</button>
|
||||
<button
|
||||
class={[fButtonSize.value, ' btn btn-danger']}
|
||||
style={'margin:5px'}
|
||||
id={props.id}
|
||||
disabled={props.disable}
|
||||
onClick={onClickButton}>
|
||||
危险按钮
|
||||
</button>
|
||||
<button
|
||||
class={[fButtonSize.value, ' btn btn-success']}
|
||||
style={'margin:5px'}
|
||||
id={props.id}
|
||||
disabled={props.disable}
|
||||
onClick={onClickButton}>
|
||||
成功按钮
|
||||
</button>
|
||||
<button
|
||||
class={[fButtonSize.value, ' btn btn-warning']}
|
||||
style={'margin:5px'}
|
||||
id={props.id}
|
||||
disabled={props.disable}
|
||||
onClick={onClickButton}>
|
||||
警告按钮
|
||||
</button>
|
||||
<button
|
||||
class={[fButtonSize.value, ' btn btn-secondary']}
|
||||
style={'margin:5px'}
|
||||
id={props.id}
|
||||
disabled={props.disable}
|
||||
onClick={onClickButton}>
|
||||
信息按钮
|
||||
</button>
|
||||
<button
|
||||
class={[fButtonSize.value, ' btn btn-link']}
|
||||
style={'margin:5px'}
|
||||
id={props.id}
|
||||
disabled={props.disable}
|
||||
onClick={onClickButton}>
|
||||
文本按钮
|
||||
</button>
|
||||
</div>
|
||||
<div style={'text-align:left'}>
|
||||
<div style={'margin-top:10px;'}>size</div>
|
||||
<button
|
||||
class={['btn-sm btn', fButtonType.value]}
|
||||
style={'margin:5px'}
|
||||
id={props.id}
|
||||
disabled={props.disable}
|
||||
onClick={onClickButton}>
|
||||
小尺寸
|
||||
</button>
|
||||
<button
|
||||
class={['btn-lg btn', fButtonType.value]}
|
||||
style={'margin:5px'}
|
||||
id={props.id}
|
||||
disabled={props.disable}
|
||||
onClick={onClickButton}>
|
||||
大尺寸
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class={(props.size === 'large' ? 'btn-lg ' : 'btn-sm ') + 'btn ' + (props.buttonType ? 'btn-' + props.buttonType + ' ' : '')}
|
||||
disabled={props.disable}
|
||||
onClick={(event: MouseEvent) => onClickButton(event)} >
|
||||
{context.slots.default && context.slots.default()}
|
||||
</button >
|
||||
);
|
||||
},
|
||||
});
|
||||
|
|
|
|||
|
|
@ -20,7 +20,10 @@ export const buttonProps = {
|
|||
* 按钮尺寸
|
||||
*/
|
||||
size: { type: String as PropType<SizeType>, default: 'small' },
|
||||
// 待确定：text参数
|
||||
// /**
|
||||
// * button上显示的文字
|
||||
// */
|
||||
// text: { type: String }
|
||||
};
|
||||
|
||||
export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
|
||||
|
|
|
|||
|
|
@ -4,21 +4,14 @@ import { computed, SetupContext } from 'vue';
|
|||
|
||||
export function useButton(props: ButtonProps, context: SetupContext): UseButton {
|
||||
|
||||
// const buttonClass = computed(() => ({
|
||||
// // 'input-group-append': true,
|
||||
// // 'append-force-show': props.showButtonWhenDisabled && (props.readonly || props.disable),
|
||||
// }));
|
||||
|
||||
function onClickButton($event: Event) {
|
||||
$event.stopPropagation();
|
||||
// this.disabled
|
||||
if (props.disable) {
|
||||
context.emit('clickButton', $event);
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
// buttonClass,
|
||||
onClickButton
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ export default defineComponent({
|
|||
const classObject = {
|
||||
animated: showingToast.value,
|
||||
toast: true
|
||||
};
|
||||
} as any;
|
||||
classObject[props.animate] = false;
|
||||
classObject[animateEnd] = showingToast.value;
|
||||
classObject[toast.value.type] = true;
|
||||
|
|
@ -34,7 +34,7 @@ export default defineComponent({
|
|||
const hasSpecialToastType = toast.value && toast.value.type;
|
||||
const iconType = hasSpecialToastType ? toast.value.type.replace('toasty-type-', '') : 'default';
|
||||
const iconTypeName = `f-icon-${iconType}`;
|
||||
const classObject = { 'f-icon': true };
|
||||
const classObject = { 'f-icon': true } as any;
|
||||
classObject[iconTypeName] = true;
|
||||
return classObject;
|
||||
});
|
||||
|
|
@ -60,7 +60,7 @@ export default defineComponent({
|
|||
}, 200);
|
||||
}
|
||||
|
||||
function onClickButton($event: Event, notifyButton: NotifyButton) {}
|
||||
function onClickButton($event: Event, notifyButton: NotifyButton) { }
|
||||
|
||||
function getNotifyButtonClass(notifyButton: NotifyButton) {
|
||||
return `f-preten-link ${notifyButton.customClass ? notifyButton.customClass : ''}`;
|
||||
|
|
@ -95,7 +95,7 @@ export default defineComponent({
|
|||
return (
|
||||
<div class={toastClass.value}>
|
||||
{shouldShowCloseButton.value && (
|
||||
<button class="toast-close f-btn-icon f-bare" onClick={onCloseToast}>
|
||||
<button title="close" class="toast-close f-btn-icon f-bare" onClick={onCloseToast}>
|
||||
<span class="f-icon modal_close"></span>
|
||||
</button>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
import { isFunction } from 'lodash';
|
||||
import { computed, defineComponent, ref, SetupContext } from 'vue';
|
||||
import { NotifyData, NotifyProps, notifyProps } from './notify.props';
|
||||
import Toast from './components/toast.component';
|
||||
|
|
@ -50,8 +49,8 @@ export default defineComponent({
|
|||
}
|
||||
|
||||
function invokeToastOnRemoveCallback(toast: NotifyData) {
|
||||
if (toast && toast.onRemove && isFunction(toast.onRemove)) {
|
||||
toast.onRemove.call(this, toast);
|
||||
if (toast && toast.onRemove) {
|
||||
toast.onRemove.call(toast);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ import sidebar from './sidebar';
|
|||
import markdown from './markdown';
|
||||
|
||||
const config = defineConfig({
|
||||
base: '/farris-vue',
|
||||
title: 'Farris Vue',
|
||||
description: '基于 Farris Design 的前端组件库',
|
||||
head,
|
||||
|
|
@ -12,7 +13,10 @@ const config = defineConfig({
|
|||
themeConfig: {
|
||||
nav,
|
||||
sidebar,
|
||||
logo: '/assets/farris_design.jpg',
|
||||
logo: {
|
||||
dark: '/assets/farris_design_dark.png',
|
||||
light: '/assets/farris_design_light.png'
|
||||
},
|
||||
footer: {
|
||||
message: '使用 Apache-2.0 开源许可协议',
|
||||
copyright: 'Copyright © 2022'
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 155 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 990 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
19
packages/ui-vue/docs/.vitepress/dist/assets/components_accordion_index.md.616a38c3.js
vendored
Normal file
19
packages/ui-vue/docs/.vitepress/dist/assets/components_accordion_index.md.616a38c3.js
vendored
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
import{V as u,_ as h,c as x,a as k,w as f,b as t,d as e,e as C,r as g,o as E}from"./app.4d17d822.js";const y={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:s,createVNode:a,withCtx:l,openBlock:i,createElementBlock:d}=u;function p(m,r){const n=s("f-accordion-item"),_=s("f-accordion");return i(),d("div",null,[a(_,null,{default:l(()=>[a(n,{title:"Accordion Panel One "}),a(n,{title:"Accordion Panel Two "})]),_:1})])}const{defineComponent:o}=u,{ref:c}=u;return{render:p,...o({setup(m,{expose:r}){r();const n={ref:c};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}()}},V=JSON.parse('{"title":"Accordion \u624B\u98CE\u7434","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/accordion/index.md"}'),F=t("h1",{id:"accordion-\u624B\u98CE\u7434",tabindex:"-1"},[e("Accordion \u624B\u98CE\u7434 "),t("a",{class:"header-anchor",href:"#accordion-\u624B\u98CE\u7434","aria-hidden":"true"},"#")],-1),B=t("p",null,"Accordion \u7EC4\u4EF6\u4E3A\u5F00\u53D1\u8005\u63D0\u4F9B\u4E86\u4E00\u79CD\u53EF\u6536\u6298\u7684\u5BFC\u822A\u9762\u677F\u3002",-1),D=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),A=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion-item")]),e(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("Accordion Panel One "),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion-item")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion-item")]),e(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("Accordion Panel Two "),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion-item")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),v=C('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">customClass</td><td style="text-align:left;"><code>string[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u7EC4\u4EF6\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr><tr><td style="text-align:left;">enableFold</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u6536\u6298</td></tr><tr><td style="text-align:left;">expanded</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u5C55\u5F00\u6240\u6709\u9762\u677F</td></tr><tr><td style="text-align:left;">height</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u8BBE\u7F6E\u7EC4\u4EF6\u7684\u9AD8\u5EA6</td></tr><tr><td style="text-align:left;">width</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u8BBE\u7F6E\u7EC4\u4EF6\u7684\u5BBD\u5EA6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function b(s,a,l,i,d,p){const o=g("render-demo-0"),c=g("demo");return E(),x("div",null,[F,B,D,k(c,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-accordion>
|
||||
<f-accordion-item title="Accordion Panel One "></f-accordion-item>
|
||||
<f-accordion-item title="Accordion Panel Two "></f-accordion-item>
|
||||
</f-accordion>
|
||||
</template>
|
||||
`},{highlight:f(()=>[A]),default:f(()=>[k(o)]),_:1}),v])}const N=h(y,[["render",b]]);export{V as __pageData,N as default};
|
||||
19
packages/ui-vue/docs/.vitepress/dist/assets/components_accordion_index.md.616a38c3.lean.js
vendored
Normal file
19
packages/ui-vue/docs/.vitepress/dist/assets/components_accordion_index.md.616a38c3.lean.js
vendored
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
import{V as u,_ as h,c as x,a as k,w as f,b as t,d as e,e as C,r as g,o as E}from"./app.4d17d822.js";const y={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:s,createVNode:a,withCtx:l,openBlock:i,createElementBlock:d}=u;function p(m,r){const n=s("f-accordion-item"),_=s("f-accordion");return i(),d("div",null,[a(_,null,{default:l(()=>[a(n,{title:"Accordion Panel One "}),a(n,{title:"Accordion Panel Two "})]),_:1})])}const{defineComponent:o}=u,{ref:c}=u;return{render:p,...o({setup(m,{expose:r}){r();const n={ref:c};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}()}},V=JSON.parse('{"title":"Accordion \u624B\u98CE\u7434","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/accordion/index.md"}'),F=t("h1",{id:"accordion-\u624B\u98CE\u7434",tabindex:"-1"},[e("Accordion \u624B\u98CE\u7434 "),t("a",{class:"header-anchor",href:"#accordion-\u624B\u98CE\u7434","aria-hidden":"true"},"#")],-1),B=t("p",null,"Accordion \u7EC4\u4EF6\u4E3A\u5F00\u53D1\u8005\u63D0\u4F9B\u4E86\u4E00\u79CD\u53EF\u6536\u6298\u7684\u5BFC\u822A\u9762\u677F\u3002",-1),D=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),A=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion-item")]),e(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("Accordion Panel One "),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion-item")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-accordion-item")]),e(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("Accordion Panel Two "),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion-item")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-accordion")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),v=C('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">customClass</td><td style="text-align:left;"><code>string[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u7EC4\u4EF6\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr><tr><td style="text-align:left;">enableFold</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u6536\u6298</td></tr><tr><td style="text-align:left;">expanded</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u5C55\u5F00\u6240\u6709\u9762\u677F</td></tr><tr><td style="text-align:left;">height</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u8BBE\u7F6E\u7EC4\u4EF6\u7684\u9AD8\u5EA6</td></tr><tr><td style="text-align:left;">width</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u8BBE\u7F6E\u7EC4\u4EF6\u7684\u5BBD\u5EA6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function b(s,a,l,i,d,p){const o=g("render-demo-0"),c=g("demo");return E(),x("div",null,[F,B,D,k(c,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-accordion>
|
||||
<f-accordion-item title="Accordion Panel One "></f-accordion-item>
|
||||
<f-accordion-item title="Accordion Panel Two "></f-accordion-item>
|
||||
</f-accordion>
|
||||
</template>
|
||||
`},{highlight:f(()=>[A]),default:f(()=>[k(o)]),_:1}),v])}const N=h(y,[["render",b]]);export{V as __pageData,N as default};
|
||||
13
packages/ui-vue/docs/.vitepress/dist/assets/components_avatar_index.md.0ce4d386.js
vendored
Normal file
13
packages/ui-vue/docs/.vitepress/dist/assets/components_avatar_index.md.0ce4d386.js
vendored
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
import{V as s,_ as f,c as g,a as k,w as _,b as t,d as e,e as C,r as h,o as v}from"./app.4d17d822.js";const x={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:o,createVNode:u,openBlock:c,createElementBlock:l}=s;function r(m,d){const a=o("f-avatar");return c(),l("div",null,[u(a)])}const{defineComponent:p}=s,{ref:n}=s;return{render:r,...p({setup(m,{expose:d}){d();const a={ref:n};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}})}}()}},V=JSON.parse('{"title":"Avatar \u5934\u50CF","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/avatar/index.md"}'),E=t("h1",{id:"avatar-\u5934\u50CF",tabindex:"-1"},[e("Avatar \u5934\u50CF "),t("a",{class:"header-anchor",href:"#avatar-\u5934\u50CF","aria-hidden":"true"},"#")],-1),D=t("p",null,"Avatar \u7EC4\u4EF6\u7528\u6765\u5C55\u793A\u4EBA\u5458\u5934\u50CF\u3002",-1),F=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),B=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-avatar")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-avatar")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),b=C('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function y(o,u,c,l,r,p){const n=h("render-demo-0"),i=h("demo");return v(),g("div",null,[E,D,F,k(i,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-avatar></f-avatar>
|
||||
</template>
|
||||
`},{highlight:_(()=>[B]),default:_(()=>[k(n)]),_:1}),b])}const N=f(x,[["render",y]]);export{V as __pageData,N as default};
|
||||
13
packages/ui-vue/docs/.vitepress/dist/assets/components_avatar_index.md.0ce4d386.lean.js
vendored
Normal file
13
packages/ui-vue/docs/.vitepress/dist/assets/components_avatar_index.md.0ce4d386.lean.js
vendored
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
import{V as s,_ as f,c as g,a as k,w as _,b as t,d as e,e as C,r as h,o as v}from"./app.4d17d822.js";const x={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:o,createVNode:u,openBlock:c,createElementBlock:l}=s;function r(m,d){const a=o("f-avatar");return c(),l("div",null,[u(a)])}const{defineComponent:p}=s,{ref:n}=s;return{render:r,...p({setup(m,{expose:d}){d();const a={ref:n};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}})}}()}},V=JSON.parse('{"title":"Avatar \u5934\u50CF","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/avatar/index.md"}'),E=t("h1",{id:"avatar-\u5934\u50CF",tabindex:"-1"},[e("Avatar \u5934\u50CF "),t("a",{class:"header-anchor",href:"#avatar-\u5934\u50CF","aria-hidden":"true"},"#")],-1),D=t("p",null,"Avatar \u7EC4\u4EF6\u7528\u6765\u5C55\u793A\u4EBA\u5458\u5934\u50CF\u3002",-1),F=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),B=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-avatar")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-avatar")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),b=C('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function y(o,u,c,l,r,p){const n=h("render-demo-0"),i=h("demo");return v(),g("div",null,[E,D,F,k(i,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-avatar></f-avatar>
|
||||
</template>
|
||||
`},{highlight:_(()=>[B]),default:_(()=>[k(n)]),_:1}),b])}const N=f(x,[["render",y]]);export{V as __pageData,N as default};
|
||||
304
packages/ui-vue/docs/.vitepress/dist/assets/components_button-edit_index.md.f122165a.js
vendored
Normal file
304
packages/ui-vue/docs/.vitepress/dist/assets/components_button-edit_index.md.f122165a.js
vendored
Normal file
File diff suppressed because one or more lines are too long
304
packages/ui-vue/docs/.vitepress/dist/assets/components_button-edit_index.md.f122165a.lean.js
vendored
Normal file
304
packages/ui-vue/docs/.vitepress/dist/assets/components_button-edit_index.md.f122165a.lean.js
vendored
Normal file
File diff suppressed because one or more lines are too long
87
packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.2f1ddf2f.js
vendored
Normal file
87
packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.2f1ddf2f.js
vendored
Normal 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.4d17d822.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;">'</span><span style="color:#C3E88D;">primary</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">warning</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">danger</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">success</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">link</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">secondary</span><span style="color:#89DDFF;">'</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;">'</span><span style="color:#C3E88D;">small</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">large</span><span style="color:#89DDFF;">'</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;">'primary'</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;">'small'</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<any></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};
|
||||
87
packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.2f1ddf2f.lean.js
vendored
Normal file
87
packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.2f1ddf2f.lean.js
vendored
Normal 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.4d17d822.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;">'</span><span style="color:#C3E88D;">primary</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">warning</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">danger</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">success</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">link</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">secondary</span><span style="color:#89DDFF;">'</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;">'</span><span style="color:#C3E88D;">small</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">large</span><span style="color:#89DDFF;">'</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;">'primary'</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;">'small'</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<any></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};
|
||||
13
packages/ui-vue/docs/.vitepress/dist/assets/components_combo-list_index.md.4b6651f3.js
vendored
Normal file
13
packages/ui-vue/docs/.vitepress/dist/assets/components_combo-list_index.md.4b6651f3.js
vendored
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
import{V as a,_ as f,c as g,a as m,w as k,b as t,d as e,e as C,r as _,o as E}from"./app.4d17d822.js";const b={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:o,createVNode:u,openBlock:c,createElementBlock:l}=a;function p(h,d){const n=o("f-combo-list");return c(),l("div",null,[u(n)])}const{defineComponent:i}=a,{ref:s}=a;return{render:p,...i({setup(h,{expose:d}){d();const n={ref:s};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}()}},A=JSON.parse('{"title":"Combo List \u9009\u62E9\u8F93\u5165\u6846","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/combo-list/index.md"}'),x=t("h1",{id:"combo-list-\u9009\u62E9\u8F93\u5165\u6846",tabindex:"-1"},[e("Combo List \u9009\u62E9\u8F93\u5165\u6846 "),t("a",{class:"header-anchor",href:"#combo-list-\u9009\u62E9\u8F93\u5165\u6846","aria-hidden":"true"},"#")],-1),F=t("p",null,"Combo List \u7EC4\u4EF6\u63D0\u4F9B\u4E0B\u62C9\u6846\u5F62\u5F0F\u9009\u62E9\u679A\u4E3E\u6570\u636E\u3002",-1),D=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),v=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-combo-list")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-combo-list")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),B=C('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function y(o,u,c,l,p,i){const s=_("render-demo-0"),r=_("demo");return E(),g("div",null,[x,F,D,m(r,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-combo-list></f-combo-list>
|
||||
</template>
|
||||
`},{highlight:k(()=>[v]),default:k(()=>[m(s)]),_:1}),B])}const N=f(b,[["render",y]]);export{A as __pageData,N as default};
|
||||
13
packages/ui-vue/docs/.vitepress/dist/assets/components_combo-list_index.md.4b6651f3.lean.js
vendored
Normal file
13
packages/ui-vue/docs/.vitepress/dist/assets/components_combo-list_index.md.4b6651f3.lean.js
vendored
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
import{V as a,_ as f,c as g,a as m,w as k,b as t,d as e,e as C,r as _,o as E}from"./app.4d17d822.js";const b={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:o,createVNode:u,openBlock:c,createElementBlock:l}=a;function p(h,d){const n=o("f-combo-list");return c(),l("div",null,[u(n)])}const{defineComponent:i}=a,{ref:s}=a;return{render:p,...i({setup(h,{expose:d}){d();const n={ref:s};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}()}},A=JSON.parse('{"title":"Combo List \u9009\u62E9\u8F93\u5165\u6846","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/combo-list/index.md"}'),x=t("h1",{id:"combo-list-\u9009\u62E9\u8F93\u5165\u6846",tabindex:"-1"},[e("Combo List \u9009\u62E9\u8F93\u5165\u6846 "),t("a",{class:"header-anchor",href:"#combo-list-\u9009\u62E9\u8F93\u5165\u6846","aria-hidden":"true"},"#")],-1),F=t("p",null,"Combo List \u7EC4\u4EF6\u63D0\u4F9B\u4E0B\u62C9\u6846\u5F62\u5F0F\u9009\u62E9\u679A\u4E3E\u6570\u636E\u3002",-1),D=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),v=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-combo-list")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-combo-list")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),B=C('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function y(o,u,c,l,p,i){const s=_("render-demo-0"),r=_("demo");return E(),g("div",null,[x,F,D,m(r,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-combo-list></f-combo-list>
|
||||
</template>
|
||||
`},{highlight:k(()=>[v]),default:k(()=>[m(s)]),_:1}),B])}const N=f(b,[["render",y]]);export{A as __pageData,N as default};
|
||||
1
packages/ui-vue/docs/.vitepress/dist/assets/components_icon_index.md.f3f50b9e.js
vendored
Normal file
1
packages/ui-vue/docs/.vitepress/dist/assets/components_icon_index.md.f3f50b9e.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
import{_ as t,c as n,o,b as e,d as a}from"./app.4d17d822.js";const x=JSON.parse('{"title":"Icon","description":"","frontmatter":{},"headers":[],"relativePath":"components/icon/index.md"}'),c={name:"components/icon/index.md"},s=e("h1",{id:"icon",tabindex:"-1"},[a("Icon "),e("a",{class:"header-anchor",href:"#icon","aria-hidden":"true"},"#")],-1),r=[s];function d(i,_,p,h,m,l){return o(),n("div",null,r)}const u=t(c,[["render",d]]);export{x as __pageData,u as default};
|
||||
1
packages/ui-vue/docs/.vitepress/dist/assets/components_icon_index.md.f3f50b9e.lean.js
vendored
Normal file
1
packages/ui-vue/docs/.vitepress/dist/assets/components_icon_index.md.f3f50b9e.lean.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
import{_ as t,c as n,o,b as e,d as a}from"./app.4d17d822.js";const x=JSON.parse('{"title":"Icon","description":"","frontmatter":{},"headers":[],"relativePath":"components/icon/index.md"}'),c={name:"components/icon/index.md"},s=e("h1",{id:"icon",tabindex:"-1"},[a("Icon "),e("a",{class:"header-anchor",href:"#icon","aria-hidden":"true"},"#")],-1),r=[s];function d(i,_,p,h,m,l){return o(),n("div",null,r)}const u=t(c,[["render",d]]);export{x as __pageData,u as default};
|
||||
|
|
@ -0,0 +1 @@
|
|||
import{_ as t,c as a,o as n,b as e,d as o}from"./app.4d17d822.js";const x=JSON.parse('{"title":"\u7EC4\u4EF6\u96C6\u5408","description":"","frontmatter":{},"headers":[],"relativePath":"components/index.md"}'),s={name:"components/index.md"},r=e("h1",{id:"\u7EC4\u4EF6\u96C6\u5408",tabindex:"-1"},[o("\u7EC4\u4EF6\u96C6\u5408 "),e("a",{class:"header-anchor",href:"#\u7EC4\u4EF6\u96C6\u5408","aria-hidden":"true"},"#")],-1),c=[r];function d(i,_,p,h,m,l){return n(),a("div",null,c)}const u=t(s,[["render",d]]);export{x as __pageData,u as default};
|
||||
1
packages/ui-vue/docs/.vitepress/dist/assets/components_index.md.83b45087.lean.js
vendored
Normal file
1
packages/ui-vue/docs/.vitepress/dist/assets/components_index.md.83b45087.lean.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
import{_ as t,c as a,o as n,b as e,d as o}from"./app.4d17d822.js";const x=JSON.parse('{"title":"\u7EC4\u4EF6\u96C6\u5408","description":"","frontmatter":{},"headers":[],"relativePath":"components/index.md"}'),s={name:"components/index.md"},r=e("h1",{id:"\u7EC4\u4EF6\u96C6\u5408",tabindex:"-1"},[o("\u7EC4\u4EF6\u96C6\u5408 "),e("a",{class:"header-anchor",href:"#\u7EC4\u4EF6\u96C6\u5408","aria-hidden":"true"},"#")],-1),c=[r];function d(i,_,p,h,m,l){return n(),a("div",null,c)}const u=t(s,[["render",d]]);export{x as __pageData,u as default};
|
||||
53
packages/ui-vue/docs/.vitepress/dist/assets/components_notify_index.md.5a91f4d6.js
vendored
Normal file
53
packages/ui-vue/docs/.vitepress/dist/assets/components_notify_index.md.5a91f4d6.js
vendored
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
import{V as p,_,c as b,a as y,w as h,b as t,d as s,e as C,r as g,o as v}from"./app.4d17d822.js";const E={name:"component-doc",components:{"render-demo-0":function(){const{createElementVNode:c,openBlock:l,createElementBlock:r}=p;function u(o,a){return l(),r("div",null,[c("button",{class:"btn btn-primary",onClick:a[0]||(a[0]=(...e)=>o.showMessage&&o.showMessage(...e))},"show notify")])}const{defineComponent:i}=p,{ref:k,inject:n}=p;return{render:u,...i({setup(o,{expose:a}){a();const e=n("NotifyService");function f(){e.show({limit:5,showCloseButton:!1,position:"top-center",timeout:3e3,theme:"bootstrap",left:0,right:0,top:0,bottom:0,id:"1",animate:"fadeIn",options:{type:"string",title:"This is a title",msg:"This is some message"},toasts:[{type:"string",title:"This is a title",msg:"This is some message"}]})}const m={NotifyService:e,showMessage:f,ref:k,inject:n};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}})}}()}},S=JSON.parse('{"title":"Notify \u901A\u77E5\u6D88\u606F","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/notify/index.md"}'),D=t("h1",{id:"notify-\u901A\u77E5\u6D88\u606F",tabindex:"-1"},[s("Notify \u901A\u77E5\u6D88\u606F "),t("a",{class:"header-anchor",href:"#notify-\u901A\u77E5\u6D88\u606F","aria-hidden":"true"},"#")],-1),w=t("p",null,"Notify \u7EC4\u4EF6\u7528\u6765\u663E\u793A\u5168\u5C40\u6D88\u606F\u3002",-1),x=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),F=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
|
||||
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref"),t("span",{class:"token punctuation"},","),s(" inject "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
|
||||
|
||||
`),t("span",{class:"token keyword"},"const"),s(" NotifyService "),t("span",{class:"token operator"},"="),s(),t("span",{class:"token function"},"inject"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'NotifyService'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
|
||||
|
||||
`),t("span",{class:"token keyword"},"function"),s(),t("span",{class:"token function"},"showMessage"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),s(),t("span",{class:"token punctuation"},"{"),s(`
|
||||
NotifyService`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"show"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),s(`
|
||||
`),t("span",{class:"token literal-property property"},"limit"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"5"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"showCloseButton"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token boolean"},"false"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"position"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'top-center'"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"timeout"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"3000"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"theme"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'bootstrap'"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"left"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"right"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"top"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"bottom"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'1'"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"animate"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'fadeIn'"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"options"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token punctuation"},"{"),s(),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'string'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is a title'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"msg"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is some message'"),s(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"toasts"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"{"),s(),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'string'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is a title'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"msg"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is some message'"),s(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},"]"),s(`
|
||||
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
|
||||
`),t("span",{class:"token punctuation"},"}"),s(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("button")]),s(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("btn btn-primary"),t("span",{class:"token punctuation"},'"')]),s(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("showMessage"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),s("show notify"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("button")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`)])])],-1),N=C('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function B(c,l,r,u,i,k){const n=g("render-demo-0"),d=g("demo");return v(),b("div",null,[D,w,x,y(d,{sourceCode:`<script setup lang="ts">
|
||||
import { ref, inject } from 'vue';
|
||||
|
||||
const NotifyService = inject('NotifyService');
|
||||
|
||||
function showMessage() {
|
||||
NotifyService.show({
|
||||
limit: 5,
|
||||
showCloseButton: false,
|
||||
position: 'top-center',
|
||||
timeout: 3000,
|
||||
theme: 'bootstrap',
|
||||
left: 0,
|
||||
right: 0,
|
||||
top: 0,
|
||||
bottom: 0,
|
||||
id: '1',
|
||||
animate: 'fadeIn',
|
||||
options: { type: 'string', title: 'This is a title', msg: 'This is some message' },
|
||||
toasts: [{ type: 'string', title: 'This is a title', msg: 'This is some message' }]
|
||||
});
|
||||
}
|
||||
<\/script>
|
||||
<template>
|
||||
<button class="btn btn-primary" @click="showMessage">show notify</button>
|
||||
</template>
|
||||
`},{highlight:h(()=>[F]),default:h(()=>[y(n)]),_:1}),N])}const A=_(E,[["render",B]]);export{S as __pageData,A as default};
|
||||
53
packages/ui-vue/docs/.vitepress/dist/assets/components_notify_index.md.5a91f4d6.lean.js
vendored
Normal file
53
packages/ui-vue/docs/.vitepress/dist/assets/components_notify_index.md.5a91f4d6.lean.js
vendored
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
import{V as p,_,c as b,a as y,w as h,b as t,d as s,e as C,r as g,o as v}from"./app.4d17d822.js";const E={name:"component-doc",components:{"render-demo-0":function(){const{createElementVNode:c,openBlock:l,createElementBlock:r}=p;function u(o,a){return l(),r("div",null,[c("button",{class:"btn btn-primary",onClick:a[0]||(a[0]=(...e)=>o.showMessage&&o.showMessage(...e))},"show notify")])}const{defineComponent:i}=p,{ref:k,inject:n}=p;return{render:u,...i({setup(o,{expose:a}){a();const e=n("NotifyService");function f(){e.show({limit:5,showCloseButton:!1,position:"top-center",timeout:3e3,theme:"bootstrap",left:0,right:0,top:0,bottom:0,id:"1",animate:"fadeIn",options:{type:"string",title:"This is a title",msg:"This is some message"},toasts:[{type:"string",title:"This is a title",msg:"This is some message"}]})}const m={NotifyService:e,showMessage:f,ref:k,inject:n};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}})}}()}},S=JSON.parse('{"title":"Notify \u901A\u77E5\u6D88\u606F","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/notify/index.md"}'),D=t("h1",{id:"notify-\u901A\u77E5\u6D88\u606F",tabindex:"-1"},[s("Notify \u901A\u77E5\u6D88\u606F "),t("a",{class:"header-anchor",href:"#notify-\u901A\u77E5\u6D88\u606F","aria-hidden":"true"},"#")],-1),w=t("p",null,"Notify \u7EC4\u4EF6\u7528\u6765\u663E\u793A\u5168\u5C40\u6D88\u606F\u3002",-1),x=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[s("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),F=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("script")]),s(),t("span",{class:"token attr-name"},"setup"),s(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[s(`
|
||||
`),t("span",{class:"token keyword"},"import"),s(),t("span",{class:"token punctuation"},"{"),s(" ref"),t("span",{class:"token punctuation"},","),s(" inject "),t("span",{class:"token punctuation"},"}"),s(),t("span",{class:"token keyword"},"from"),s(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),s(`
|
||||
|
||||
`),t("span",{class:"token keyword"},"const"),s(" NotifyService "),t("span",{class:"token operator"},"="),s(),t("span",{class:"token function"},"inject"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'NotifyService'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
|
||||
|
||||
`),t("span",{class:"token keyword"},"function"),s(),t("span",{class:"token function"},"showMessage"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),s(),t("span",{class:"token punctuation"},"{"),s(`
|
||||
NotifyService`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"show"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),s(`
|
||||
`),t("span",{class:"token literal-property property"},"limit"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"5"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"showCloseButton"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token boolean"},"false"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"position"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'top-center'"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"timeout"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"3000"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"theme"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'bootstrap'"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"left"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"right"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"top"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"bottom"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"id"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'1'"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"animate"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'fadeIn'"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"options"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token punctuation"},"{"),s(),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'string'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is a title'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"msg"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is some message'"),s(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),s(`
|
||||
`),t("span",{class:"token literal-property property"},"toasts"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"{"),s(),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'string'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is a title'"),t("span",{class:"token punctuation"},","),s(),t("span",{class:"token literal-property property"},"msg"),t("span",{class:"token operator"},":"),s(),t("span",{class:"token string"},"'This is some message'"),s(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},"]"),s(`
|
||||
`),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),s(`
|
||||
`),t("span",{class:"token punctuation"},"}"),s(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("script")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),s("button")]),s(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("btn btn-primary"),t("span",{class:"token punctuation"},'"')]),s(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),s("showMessage"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),s("show notify"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("button")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),s("template")]),t("span",{class:"token punctuation"},">")]),s(`
|
||||
`)])])],-1),N=C('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function B(c,l,r,u,i,k){const n=g("render-demo-0"),d=g("demo");return v(),b("div",null,[D,w,x,y(d,{sourceCode:`<script setup lang="ts">
|
||||
import { ref, inject } from 'vue';
|
||||
|
||||
const NotifyService = inject('NotifyService');
|
||||
|
||||
function showMessage() {
|
||||
NotifyService.show({
|
||||
limit: 5,
|
||||
showCloseButton: false,
|
||||
position: 'top-center',
|
||||
timeout: 3000,
|
||||
theme: 'bootstrap',
|
||||
left: 0,
|
||||
right: 0,
|
||||
top: 0,
|
||||
bottom: 0,
|
||||
id: '1',
|
||||
animate: 'fadeIn',
|
||||
options: { type: 'string', title: 'This is a title', msg: 'This is some message' },
|
||||
toasts: [{ type: 'string', title: 'This is a title', msg: 'This is some message' }]
|
||||
});
|
||||
}
|
||||
<\/script>
|
||||
<template>
|
||||
<button class="btn btn-primary" @click="showMessage">show notify</button>
|
||||
</template>
|
||||
`},{highlight:h(()=>[F]),default:h(()=>[y(n)]),_:1}),N])}const A=_(E,[["render",B]]);export{S as __pageData,A as default};
|
||||
1
packages/ui-vue/docs/.vitepress/dist/assets/components_popover_index.md.9aab2de6.js
vendored
Normal file
1
packages/ui-vue/docs/.vitepress/dist/assets/components_popover_index.md.9aab2de6.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
import{_ as o,c as t,o as a,b as e,d as r}from"./app.4d17d822.js";const v=JSON.parse('{"title":"Popover","description":"","frontmatter":{},"headers":[],"relativePath":"components/popover/index.md"}'),n={name:"components/popover/index.md"},s=e("h1",{id:"popover",tabindex:"-1"},[r("Popover "),e("a",{class:"header-anchor",href:"#popover","aria-hidden":"true"},"#")],-1),c=[s];function p(d,i,_,h,m,l){return a(),t("div",null,c)}const x=o(n,[["render",p]]);export{v as __pageData,x as default};
|
||||
1
packages/ui-vue/docs/.vitepress/dist/assets/components_popover_index.md.9aab2de6.lean.js
vendored
Normal file
1
packages/ui-vue/docs/.vitepress/dist/assets/components_popover_index.md.9aab2de6.lean.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
import{_ as o,c as t,o as a,b as e,d as r}from"./app.4d17d822.js";const v=JSON.parse('{"title":"Popover","description":"","frontmatter":{},"headers":[],"relativePath":"components/popover/index.md"}'),n={name:"components/popover/index.md"},s=e("h1",{id:"popover",tabindex:"-1"},[r("Popover "),e("a",{class:"header-anchor",href:"#popover","aria-hidden":"true"},"#")],-1),c=[s];function p(d,i,_,h,m,l){return a(),t("div",null,c)}const x=o(n,[["render",p]]);export{v as __pageData,x as default};
|
||||
135
packages/ui-vue/docs/.vitepress/dist/assets/components_radio-group_index.md.63b22dd8.js
vendored
Normal file
135
packages/ui-vue/docs/.vitepress/dist/assets/components_radio-group_index.md.63b22dd8.js
vendored
Normal file
|
|
@ -0,0 +1,135 @@
|
|||
import{V as r,_ as b,c as x,a as D,w as f,b as n,d as a,e as V,r as E,o as I}from"./app.4d17d822.js";const q={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:e,createVNode:y,toDisplayString:i,createElementVNode:k,openBlock:g,createElementBlock:C}=r,d={class:"my-2"};function u(s,o){const l=e("f-radio-group");return g(),C("div",null,[y(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=c=>s.value=c)},null,8,["enum-data","modelValue"]),k("div",d,[k("span",null,"\u5F53\u524D\u9009\u4E2D\u503C: "+i(s.value),1)])])}const{defineComponent:m}=r,{ref:p}=r;return{render:u,...m({setup(s,{expose:o}){o();const l=p([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),c=p("first"),t={radioEnumData:l,value:c,ref:p};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}})}}(),"render-demo-1":function(){const{createElementVNode:e,vModelCheckbox:y,withDirectives:i,resolveComponent:k,createVNode:g,toDisplayString:C,openBlock:d,createElementBlock:u}=r,m=e("label",{for:"radio_disabled",class:"mr-1"},"\u7981\u7528\u5355\u9009\u7EC4",-1),p=e("br",null,null,-1),_={class:"my-2"};function s(t,v){const h=k("f-radio-group");return d(),u("div",null,[m,i(e("input",{type:"checkbox",id:"radio_disabled","onUpdate:modelValue":v[0]||(v[0]=F=>t.disable=F)},null,512),[[y,t.disable]]),p,g(h,{disabled:t.disable,"enum-data":t.radioEnumData,modelValue:t.value,"onUpdate:modelValue":v[1]||(v[1]=F=>t.value=F)},null,8,["disabled","enum-data","modelValue"]),e("div",_,[e("span",null,"\u5F53\u524D\u9009\u4E2D\u503C: "+C(t.value),1)])])}const{defineComponent:o}=r,{ref:l}=r;return{render:s,...o({setup(t,{expose:v}){v();const h=l(!0),F=l([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),B=l("first"),A={disable:h,radioEnumData:F,value:B,ref:l};return Object.defineProperty(A,"__isScriptSetup",{enumerable:!1,value:!0}),A}})}}(),"render-demo-2":function(){const{createElementVNode:e,resolveComponent:y,createVNode:i,openBlock:k,createElementBlock:g}=r,C=e("div",{class:"my-2"},[e("span",null,"\u7EB5\u5411\u6392\u5217:")],-1),d=e("div",{class:"my-2"},[e("span",null,"\u6A2A\u5411\u6392\u5217")],-1);function u(s,o){const l=y("f-radio-group");return k(),g("div",null,[C,i(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=c=>s.value=c)},null,8,["enum-data","modelValue"]),d,i(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[1]||(o[1]=c=>s.value=c),horizontal:!0},null,8,["enum-data","modelValue"])])}const{defineComponent:m}=r,{ref:p}=r;return{render:u,...m({setup(s,{expose:o}){o();const l=p([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),c=p("first"),t={radioEnumData:l,value:c,ref:p};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}})}}()}},G=JSON.parse('{"title":"Radio Group \u5355\u9009\u7EC4","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u7981\u7528\u72B6\u6001","slug":"\u7981\u7528\u72B6\u6001"},{"level":2,"title":"\u6392\u5217\u65B9\u5F0F","slug":"\u6392\u5217\u65B9\u5F0F"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/radio-group/index.md"}'),S=n("h1",{id:"radio-group-\u5355\u9009\u7EC4",tabindex:"-1"},[a("Radio Group \u5355\u9009\u7EC4 "),n("a",{class:"header-anchor",href:"#radio-group-\u5355\u9009\u7EC4","aria-hidden":"true"},"#")],-1),w=n("p",null,"Radio Group \u662F\u4E00\u4E2A\u5355\u9009\u4E00\u7EC4\u679A\u4E3E\u503C\u7684\u8F93\u5165\u7EC4\u4EF6\u3002",-1),N=n("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[a("\u57FA\u672C\u7528\u6CD5 "),n("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),R=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
||||
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
|
||||
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),T=n("h2",{id:"\u7981\u7528\u72B6\u6001",tabindex:"-1"},[a("\u7981\u7528\u72B6\u6001 "),n("a",{class:"header-anchor",href:"#\u7981\u7528\u72B6\u6001","aria-hidden":"true"},"#")],-1),j=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
||||
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" disable "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
|
||||
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("label")]),a(),n("span",{class:"token attr-name"},"for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radio_disabled"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("mr-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u7981\u7528\u5355\u9009\u7EC4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("label")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("input")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checkbox"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radio_disabled"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disable"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disable"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),P=n("h2",{id:"\u6392\u5217\u65B9\u5F0F",tabindex:"-1"},[a("\u6392\u5217\u65B9\u5F0F "),n("a",{class:"header-anchor",href:"#\u6392\u5217\u65B9\u5F0F","aria-hidden":"true"},"#")],-1),U=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
||||
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
|
||||
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u7EB5\u5411\u6392\u5217:"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u6A2A\u5411\u6392\u5217"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":horizontal"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),$=V(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> * \u679A\u4E3E\u503C</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> */</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">value</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;"><</span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">>;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> * \u679A\u4E3E\u5C55\u793A\u6587\u672C</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> */</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">name</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;"><</span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">>;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ChangeRadio</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">enumData</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;"><</span><span style="color:#FFCB6B;">Array</span><span style="color:#89DDFF;"><</span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">>>;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> * \u83B7\u53D6\u679A\u4E3E\u503C</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> */</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">getValue</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">):</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> * \u83B7\u53D6\u679A\u4E3E\u6587\u672C</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> */</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">getText</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">):</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> * \u5207\u6362\u5355\u9009\u6309\u94AE\u4E8B\u4EF6</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> */</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">onClickRadio</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#A6ACCD;">$event</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Event</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">void</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr><tr><td style="text-align:left;">name</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u540D\u79F0</td></tr><tr><td style="text-align:left;">enumData</td><td style="text-align:left;"><code>object[] as Radio[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u5355\u9009\u7EC4\u6570\u636E\u6E90</td></tr><tr><td style="text-align:left;">textField</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">'name'</td><td style="text-align:left;">\u663E\u793A\u6587\u672C\u5B57\u6BB5</td></tr><tr><td style="text-align:left;">valueField</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">'value'</td><td style="text-align:left;">\u503C\u5B57\u6BB5</td></tr><tr><td style="text-align:left;">horizontal</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u6A2A\u5411\u663E\u793A\u679A\u4E3E\u9879</td></tr><tr><td style="text-align:left;">disabled</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u7981\u7528\u7EC4\u4EF6</td></tr><tr><td style="text-align:left;">tabIndex</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">Tab \u952E\u7D22\u5F15</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,6);function z(e,y,i,k,g,C){const d=E("render-demo-0"),u=E("demo"),m=E("render-demo-1"),p=E("render-demo-2");return I(),x("div",null,[S,w,N,D(u,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const radioEnumData = ref([
|
||||
{ value: 'first', name: 'Fist Item' },
|
||||
{ value: 'second', name: 'Second Item' },
|
||||
{ value: 'third', name: 'Third Item' }
|
||||
]);
|
||||
const value = ref('first');
|
||||
<\/script>
|
||||
<template>
|
||||
<f-radio-group :enum-data="radioEnumData" v-model="value"> </f-radio-group>
|
||||
<div class="my-2">
|
||||
<span>\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}</span>
|
||||
</div>
|
||||
</template>
|
||||
`},{highlight:f(()=>[R]),default:f(()=>[D(d)]),_:1}),T,D(u,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const disable = ref(true);
|
||||
const radioEnumData = ref([
|
||||
{ value: 'first', name: 'Fist Item' },
|
||||
{ value: 'second', name: 'Second Item' },
|
||||
{ value: 'third', name: 'Third Item' }
|
||||
]);
|
||||
const value = ref('first');
|
||||
<\/script>
|
||||
<template>
|
||||
<label for="radio_disabled" class="mr-1">\u7981\u7528\u5355\u9009\u7EC4</label>
|
||||
<input type="checkbox" id="radio_disabled" v-model="disable" />
|
||||
<br />
|
||||
<f-radio-group :disabled="disable" :enum-data="radioEnumData" v-model="value"> </f-radio-group>
|
||||
<div class="my-2">
|
||||
<span>\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}</span>
|
||||
</div>
|
||||
</template>
|
||||
`},{highlight:f(()=>[j]),default:f(()=>[D(m)]),_:1}),P,D(u,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const radioEnumData = ref([
|
||||
{ value: 'first', name: 'Fist Item' },
|
||||
{ value: 'second', name: 'Second Item' },
|
||||
{ value: 'third', name: 'Third Item' }
|
||||
]);
|
||||
const value = ref('first');
|
||||
<\/script>
|
||||
<template>
|
||||
<div class="my-2">
|
||||
<span>\u7EB5\u5411\u6392\u5217:</span>
|
||||
</div>
|
||||
<f-radio-group :enum-data="radioEnumData" v-model="value"> </f-radio-group>
|
||||
<div class="my-2">
|
||||
<span>\u6A2A\u5411\u6392\u5217</span>
|
||||
</div>
|
||||
<f-radio-group :enum-data="radioEnumData" v-model="value" :horizontal="true"> </f-radio-group>
|
||||
</template>
|
||||
`},{highlight:f(()=>[U]),default:f(()=>[D(p)]),_:1}),$])}const M=b(q,[["render",z]]);export{G as __pageData,M as default};
|
||||
135
packages/ui-vue/docs/.vitepress/dist/assets/components_radio-group_index.md.63b22dd8.lean.js
vendored
Normal file
135
packages/ui-vue/docs/.vitepress/dist/assets/components_radio-group_index.md.63b22dd8.lean.js
vendored
Normal file
|
|
@ -0,0 +1,135 @@
|
|||
import{V as r,_ as b,c as x,a as D,w as f,b as n,d as a,e as V,r as E,o as I}from"./app.4d17d822.js";const q={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:e,createVNode:y,toDisplayString:i,createElementVNode:k,openBlock:g,createElementBlock:C}=r,d={class:"my-2"};function u(s,o){const l=e("f-radio-group");return g(),C("div",null,[y(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=c=>s.value=c)},null,8,["enum-data","modelValue"]),k("div",d,[k("span",null,"\u5F53\u524D\u9009\u4E2D\u503C: "+i(s.value),1)])])}const{defineComponent:m}=r,{ref:p}=r;return{render:u,...m({setup(s,{expose:o}){o();const l=p([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),c=p("first"),t={radioEnumData:l,value:c,ref:p};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}})}}(),"render-demo-1":function(){const{createElementVNode:e,vModelCheckbox:y,withDirectives:i,resolveComponent:k,createVNode:g,toDisplayString:C,openBlock:d,createElementBlock:u}=r,m=e("label",{for:"radio_disabled",class:"mr-1"},"\u7981\u7528\u5355\u9009\u7EC4",-1),p=e("br",null,null,-1),_={class:"my-2"};function s(t,v){const h=k("f-radio-group");return d(),u("div",null,[m,i(e("input",{type:"checkbox",id:"radio_disabled","onUpdate:modelValue":v[0]||(v[0]=F=>t.disable=F)},null,512),[[y,t.disable]]),p,g(h,{disabled:t.disable,"enum-data":t.radioEnumData,modelValue:t.value,"onUpdate:modelValue":v[1]||(v[1]=F=>t.value=F)},null,8,["disabled","enum-data","modelValue"]),e("div",_,[e("span",null,"\u5F53\u524D\u9009\u4E2D\u503C: "+C(t.value),1)])])}const{defineComponent:o}=r,{ref:l}=r;return{render:s,...o({setup(t,{expose:v}){v();const h=l(!0),F=l([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),B=l("first"),A={disable:h,radioEnumData:F,value:B,ref:l};return Object.defineProperty(A,"__isScriptSetup",{enumerable:!1,value:!0}),A}})}}(),"render-demo-2":function(){const{createElementVNode:e,resolveComponent:y,createVNode:i,openBlock:k,createElementBlock:g}=r,C=e("div",{class:"my-2"},[e("span",null,"\u7EB5\u5411\u6392\u5217:")],-1),d=e("div",{class:"my-2"},[e("span",null,"\u6A2A\u5411\u6392\u5217")],-1);function u(s,o){const l=y("f-radio-group");return k(),g("div",null,[C,i(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=c=>s.value=c)},null,8,["enum-data","modelValue"]),d,i(l,{"enum-data":s.radioEnumData,modelValue:s.value,"onUpdate:modelValue":o[1]||(o[1]=c=>s.value=c),horizontal:!0},null,8,["enum-data","modelValue"])])}const{defineComponent:m}=r,{ref:p}=r;return{render:u,...m({setup(s,{expose:o}){o();const l=p([{value:"first",name:"Fist Item"},{value:"second",name:"Second Item"},{value:"third",name:"Third Item"}]),c=p("first"),t={radioEnumData:l,value:c,ref:p};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}})}}()}},G=JSON.parse('{"title":"Radio Group \u5355\u9009\u7EC4","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u7981\u7528\u72B6\u6001","slug":"\u7981\u7528\u72B6\u6001"},{"level":2,"title":"\u6392\u5217\u65B9\u5F0F","slug":"\u6392\u5217\u65B9\u5F0F"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/radio-group/index.md"}'),S=n("h1",{id:"radio-group-\u5355\u9009\u7EC4",tabindex:"-1"},[a("Radio Group \u5355\u9009\u7EC4 "),n("a",{class:"header-anchor",href:"#radio-group-\u5355\u9009\u7EC4","aria-hidden":"true"},"#")],-1),w=n("p",null,"Radio Group \u662F\u4E00\u4E2A\u5355\u9009\u4E00\u7EC4\u679A\u4E3E\u503C\u7684\u8F93\u5165\u7EC4\u4EF6\u3002",-1),N=n("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[a("\u57FA\u672C\u7528\u6CD5 "),n("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),R=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
||||
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
|
||||
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),T=n("h2",{id:"\u7981\u7528\u72B6\u6001",tabindex:"-1"},[a("\u7981\u7528\u72B6\u6001 "),n("a",{class:"header-anchor",href:"#\u7981\u7528\u72B6\u6001","aria-hidden":"true"},"#")],-1),j=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
||||
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" disable "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
|
||||
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("label")]),a(),n("span",{class:"token attr-name"},"for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radio_disabled"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("mr-1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u7981\u7528\u5355\u9009\u7EC4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("label")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("input")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("checkbox"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radio_disabled"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disable"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disable"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),P=n("h2",{id:"\u6392\u5217\u65B9\u5F0F",tabindex:"-1"},[a("\u6392\u5217\u65B9\u5F0F "),n("a",{class:"header-anchor",href:"#\u6392\u5217\u65B9\u5F0F","aria-hidden":"true"},"#")],-1),U=n("div",{class:"language-vue"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
||||
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" radioEnumData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Fist Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second Item'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
||||
`),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'third'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third Item'"),a(),n("span",{class:"token punctuation"},"}"),a(`
|
||||
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u7EB5\u5411\u6392\u5217:"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("my-2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("\u6A2A\u5411\u6392\u5217"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("f-radio-group")]),a(),n("span",{class:"token attr-name"},":enum-data"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("radioEnumData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":horizontal"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("f-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),$=V(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> * \u679A\u4E3E\u503C</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> */</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">value</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;"><</span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">>;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> * \u679A\u4E3E\u5C55\u793A\u6587\u672C</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> */</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">name</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;"><</span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">>;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ChangeRadio</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">enumData</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ComputedRef</span><span style="color:#89DDFF;"><</span><span style="color:#FFCB6B;">Array</span><span style="color:#89DDFF;"><</span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">>>;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> * \u83B7\u53D6\u679A\u4E3E\u503C</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> */</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">getValue</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">):</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> * \u83B7\u53D6\u679A\u4E3E\u6587\u672C</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> */</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">getText</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">):</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/**</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> * \u5207\u6362\u5355\u9009\u6309\u94AE\u4E8B\u4EF6</span></span>
|
||||
<span class="line"><span style="color:#676E95;"> */</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">onClickRadio</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Radio</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#A6ACCD;">$event</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Event</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=></span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">void</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr><tr><td style="text-align:left;">name</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u540D\u79F0</td></tr><tr><td style="text-align:left;">enumData</td><td style="text-align:left;"><code>object[] as Radio[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u5355\u9009\u7EC4\u6570\u636E\u6E90</td></tr><tr><td style="text-align:left;">textField</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">'name'</td><td style="text-align:left;">\u663E\u793A\u6587\u672C\u5B57\u6BB5</td></tr><tr><td style="text-align:left;">valueField</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">'value'</td><td style="text-align:left;">\u503C\u5B57\u6BB5</td></tr><tr><td style="text-align:left;">horizontal</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u6A2A\u5411\u663E\u793A\u679A\u4E3E\u9879</td></tr><tr><td style="text-align:left;">disabled</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u7981\u7528\u7EC4\u4EF6</td></tr><tr><td style="text-align:left;">tabIndex</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">Tab \u952E\u7D22\u5F15</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,6);function z(e,y,i,k,g,C){const d=E("render-demo-0"),u=E("demo"),m=E("render-demo-1"),p=E("render-demo-2");return I(),x("div",null,[S,w,N,D(u,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const radioEnumData = ref([
|
||||
{ value: 'first', name: 'Fist Item' },
|
||||
{ value: 'second', name: 'Second Item' },
|
||||
{ value: 'third', name: 'Third Item' }
|
||||
]);
|
||||
const value = ref('first');
|
||||
<\/script>
|
||||
<template>
|
||||
<f-radio-group :enum-data="radioEnumData" v-model="value"> </f-radio-group>
|
||||
<div class="my-2">
|
||||
<span>\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}</span>
|
||||
</div>
|
||||
</template>
|
||||
`},{highlight:f(()=>[R]),default:f(()=>[D(d)]),_:1}),T,D(u,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const disable = ref(true);
|
||||
const radioEnumData = ref([
|
||||
{ value: 'first', name: 'Fist Item' },
|
||||
{ value: 'second', name: 'Second Item' },
|
||||
{ value: 'third', name: 'Third Item' }
|
||||
]);
|
||||
const value = ref('first');
|
||||
<\/script>
|
||||
<template>
|
||||
<label for="radio_disabled" class="mr-1">\u7981\u7528\u5355\u9009\u7EC4</label>
|
||||
<input type="checkbox" id="radio_disabled" v-model="disable" />
|
||||
<br />
|
||||
<f-radio-group :disabled="disable" :enum-data="radioEnumData" v-model="value"> </f-radio-group>
|
||||
<div class="my-2">
|
||||
<span>\u5F53\u524D\u9009\u4E2D\u503C: {{ value }}</span>
|
||||
</div>
|
||||
</template>
|
||||
`},{highlight:f(()=>[j]),default:f(()=>[D(m)]),_:1}),P,D(u,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const radioEnumData = ref([
|
||||
{ value: 'first', name: 'Fist Item' },
|
||||
{ value: 'second', name: 'Second Item' },
|
||||
{ value: 'third', name: 'Third Item' }
|
||||
]);
|
||||
const value = ref('first');
|
||||
<\/script>
|
||||
<template>
|
||||
<div class="my-2">
|
||||
<span>\u7EB5\u5411\u6392\u5217:</span>
|
||||
</div>
|
||||
<f-radio-group :enum-data="radioEnumData" v-model="value"> </f-radio-group>
|
||||
<div class="my-2">
|
||||
<span>\u6A2A\u5411\u6392\u5217</span>
|
||||
</div>
|
||||
<f-radio-group :enum-data="radioEnumData" v-model="value" :horizontal="true"> </f-radio-group>
|
||||
</template>
|
||||
`},{highlight:f(()=>[U]),default:f(()=>[D(p)]),_:1}),$])}const M=b(q,[["render",z]]);export{G as __pageData,M as default};
|
||||
34
packages/ui-vue/docs/.vitepress/dist/assets/components_section_index.md.91f1a1f0.js
vendored
Normal file
34
packages/ui-vue/docs/.vitepress/dist/assets/components_section_index.md.91f1a1f0.js
vendored
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
import{V as l,_ as x,c as A,a as y,w as F,b as t,d as e,e as B,r as C,o as h}from"./app.4d17d822.js";const k={name:"component-doc",components:{"render-demo-0":function(){const{createElementVNode:o,resolveComponent:p,withCtx:c,createVNode:u,openBlock:i,createElementBlock:d}=l,n=o("div",null,"This is section component.",-1);function a(D,r){const s=p("f-section");return i(),d("div",null,[u(s,{"main-title":"This is section title"},{default:c(()=>[n]),_:1})])}const{defineComponent:g}=l,{ref:f}=l;return{render:a,...g({setup(D,{expose:r}){r();const s={ref:f};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}})}}()}},S=JSON.parse('{"title":"Section \u9762\u677F","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/section/index.md"}'),m=t("h1",{id:"section-\u9762\u677F",tabindex:"-1"},[e("Section \u9762\u677F "),t("a",{class:"header-anchor",href:"#section-\u9762\u677F","aria-hidden":"true"},"#")],-1),E=t("p",null,"Section \u7EC4\u4EF6\u4E3A\u5F00\u53D1\u8005\u63D0\u4F9B\u4E86\u4E00\u4E2A\u5177\u6709\u6807\u9898\u7684\u7EC4\u4EF6\u5BB9\u5668\u3002",-1),_=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),b=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-section")]),e(),t("span",{class:"token attr-name"},"main-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("This is section title"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("div")]),t("span",{class:"token punctuation"},">")]),e("This is section component."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("div")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-section")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),v=B(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonAppearance</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">class</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonConfig</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">id</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">disable</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">boolean</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">title</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">click</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">appearance</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonAppearance</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">visible</span><span style="color:#89DDFF;">?:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">boolean</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ToolbarConfig</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">position</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">contents</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonConfig</span><span style="color:#A6ACCD;">[]</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">customClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr><tr><td style="text-align:left;">maxStatus</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u7EC4\u4EF6\u6700\u5927\u5316\u72B6\u6001</td></tr><tr><td style="text-align:left;">enableCollapse</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u6536\u6298</td></tr><tr><td style="text-align:left;">mainTitle</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u9762\u677F\u6807\u9898</td></tr><tr><td style="text-align:left;">subTitle</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u9762\u677F\u526F\u6807\u9898</td></tr><tr><td style="text-align:left;">showHeader</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u6807\u9898\u9762\u677F</td></tr><tr><td style="text-align:left;">enableMaximize</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u6700\u5927\u5316\u6309\u94AE</td></tr><tr><td style="text-align:left;">fill</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u586B\u5145\u663E\u793A</td></tr><tr><td style="text-align:left;">expandStatus</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u7EC4\u4EF6\u5C55\u5F00\u72B6\u6001</td></tr><tr><td style="text-align:left;">context</td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u4E0A\u4E0B\u6587</td></tr><tr><td style="text-align:left;">index</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7D22\u5F15\u53F7</td></tr><tr><td style="text-align:left;">toolbarPosition</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u5DE5\u5177\u680F\u4F4D\u7F6E</td></tr><tr><td style="text-align:left;">toolbarButtons</td><td style="text-align:left;"><code>object[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u5DE5\u5177\u680F\u6309\u94AE</td></tr><tr><td style="text-align:left;">toolbar</td><td style="text-align:left;"><code>object as ToolbarConfig</code></td><td style="text-align:left;">{}</td><td style="text-align:left;">\u5DE5\u5177\u680F\u914D\u7F6E\u5BF9\u8C61</td></tr><tr><td style="text-align:left;">showToolbarMoreButton</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u5DE5\u5177\u680F\u7684\u66F4\u591A\u6309\u94AE</td></tr><tr><td style="text-align:left;">clickThrottleTime</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">350</td><td style="text-align:left;">\u9F20\u6807\u91CD\u590D\u70B9\u51FB\u6309\u94AE\u89E6\u53D1\u4E8B\u4EF6\u7684\u9608\u503C</td></tr><tr><td style="text-align:left;">headerClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">''</td><td style="text-align:left;">\u6807\u9898\u9762\u677F\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,6);function T(o,p,c,u,i,d){const n=C("render-demo-0"),a=C("demo");return h(),A("div",null,[m,E,_,y(a,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-section main-title="This is section title">
|
||||
<div>This is section component.</div>
|
||||
</f-section>
|
||||
</template>
|
||||
`},{highlight:F(()=>[b]),default:F(()=>[y(n)]),_:1}),v])}const w=x(k,[["render",T]]);export{S as __pageData,w as default};
|
||||
34
packages/ui-vue/docs/.vitepress/dist/assets/components_section_index.md.91f1a1f0.lean.js
vendored
Normal file
34
packages/ui-vue/docs/.vitepress/dist/assets/components_section_index.md.91f1a1f0.lean.js
vendored
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
import{V as l,_ as x,c as A,a as y,w as F,b as t,d as e,e as B,r as C,o as h}from"./app.4d17d822.js";const k={name:"component-doc",components:{"render-demo-0":function(){const{createElementVNode:o,resolveComponent:p,withCtx:c,createVNode:u,openBlock:i,createElementBlock:d}=l,n=o("div",null,"This is section component.",-1);function a(D,r){const s=p("f-section");return i(),d("div",null,[u(s,{"main-title":"This is section title"},{default:c(()=>[n]),_:1})])}const{defineComponent:g}=l,{ref:f}=l;return{render:a,...g({setup(D,{expose:r}){r();const s={ref:f};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}})}}()}},S=JSON.parse('{"title":"Section \u9762\u677F","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/section/index.md"}'),m=t("h1",{id:"section-\u9762\u677F",tabindex:"-1"},[e("Section \u9762\u677F "),t("a",{class:"header-anchor",href:"#section-\u9762\u677F","aria-hidden":"true"},"#")],-1),E=t("p",null,"Section \u7EC4\u4EF6\u4E3A\u5F00\u53D1\u8005\u63D0\u4F9B\u4E86\u4E00\u4E2A\u5177\u6709\u6807\u9898\u7684\u7EC4\u4EF6\u5BB9\u5668\u3002",-1),_=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),b=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-section")]),e(),t("span",{class:"token attr-name"},"main-title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("This is section title"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("div")]),t("span",{class:"token punctuation"},">")]),e("This is section component."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("div")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-section")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),v=B(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonAppearance</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">class</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonConfig</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">id</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">disable</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">boolean</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">title</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">click</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">appearance</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonAppearance</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">visible</span><span style="color:#89DDFF;">?:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">boolean</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ToolbarConfig</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">position</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">contents</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ButtonConfig</span><span style="color:#A6ACCD;">[]</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">customClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr><tr><td style="text-align:left;">maxStatus</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u7EC4\u4EF6\u6700\u5927\u5316\u72B6\u6001</td></tr><tr><td style="text-align:left;">enableCollapse</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u6536\u6298</td></tr><tr><td style="text-align:left;">mainTitle</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u9762\u677F\u6807\u9898</td></tr><tr><td style="text-align:left;">subTitle</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u9762\u677F\u526F\u6807\u9898</td></tr><tr><td style="text-align:left;">showHeader</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u6807\u9898\u9762\u677F</td></tr><tr><td style="text-align:left;">enableMaximize</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u6700\u5927\u5316\u6309\u94AE</td></tr><tr><td style="text-align:left;">fill</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u586B\u5145\u663E\u793A</td></tr><tr><td style="text-align:left;">expandStatus</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u7EC4\u4EF6\u5C55\u5F00\u72B6\u6001</td></tr><tr><td style="text-align:left;">context</td><td style="text-align:left;"><code>object</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u4E0A\u4E0B\u6587</td></tr><tr><td style="text-align:left;">index</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7D22\u5F15\u53F7</td></tr><tr><td style="text-align:left;">toolbarPosition</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u5DE5\u5177\u680F\u4F4D\u7F6E</td></tr><tr><td style="text-align:left;">toolbarButtons</td><td style="text-align:left;"><code>object[]</code></td><td style="text-align:left;">[]</td><td style="text-align:left;">\u5DE5\u5177\u680F\u6309\u94AE</td></tr><tr><td style="text-align:left;">toolbar</td><td style="text-align:left;"><code>object as ToolbarConfig</code></td><td style="text-align:left;">{}</td><td style="text-align:left;">\u5DE5\u5177\u680F\u914D\u7F6E\u5BF9\u8C61</td></tr><tr><td style="text-align:left;">showToolbarMoreButton</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">true</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u5DE5\u5177\u680F\u7684\u66F4\u591A\u6309\u94AE</td></tr><tr><td style="text-align:left;">clickThrottleTime</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">350</td><td style="text-align:left;">\u9F20\u6807\u91CD\u590D\u70B9\u51FB\u6309\u94AE\u89E6\u53D1\u4E8B\u4EF6\u7684\u9608\u503C</td></tr><tr><td style="text-align:left;">headerClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">''</td><td style="text-align:left;">\u6807\u9898\u9762\u677F\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,6);function T(o,p,c,u,i,d){const n=C("render-demo-0"),a=C("demo");return h(),A("div",null,[m,E,_,y(a,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-section main-title="This is section title">
|
||||
<div>This is section component.</div>
|
||||
</f-section>
|
||||
</template>
|
||||
`},{highlight:F(()=>[b]),default:F(()=>[y(n)]),_:1}),v])}const w=x(k,[["render",T]]);export{S as __pageData,w as default};
|
||||
15
packages/ui-vue/docs/.vitepress/dist/assets/components_switch_index.md.7ec57d36.js
vendored
Normal file
15
packages/ui-vue/docs/.vitepress/dist/assets/components_switch_index.md.7ec57d36.js
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import{V as u,_ as g,c as C,a as m,w as _,b as t,d as e,e as v,r as f,o as x}from"./app.4d17d822.js";const E={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:c,createVNode:l,openBlock:p,createElementBlock:r}=u;function i(o,s){const h=c("f-switch");return p(),r("div",null,[l(h,{modelValue:o.status,"onUpdate:modelValue":s[0]||(s[0]=a=>o.status=a)},null,8,["modelValue"])])}const{defineComponent:d}=u,{ref:n}=u;return{render:i,...d({setup(o,{expose:s}){s();const a={status:n(!0),ref:n};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}})}}()}},N=JSON.parse('{"title":"Switch \u5F00\u5173","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/switch/index.md"}'),D=t("h1",{id:"switch-\u5F00\u5173",tabindex:"-1"},[e("Switch \u5F00\u5173 "),t("a",{class:"header-anchor",href:"#switch-\u5F00\u5173","aria-hidden":"true"},"#")],-1),w=t("p",null,"Switch \u7EC4\u4EF6\u7528\u6765\u5207\u6362\u6570\u636E\u72B6\u6001\u3002",-1),F=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),B=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`),t("span",{class:"token keyword"},"const"),e(" status "),t("span",{class:"token operator"},"="),e(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-switch")]),e(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("status"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-switch")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),b=v('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function y(c,l,p,r,i,d){const n=f("render-demo-0"),k=f("demo");return x(),C("div",null,[D,w,F,m(k,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const status = ref(true);
|
||||
<\/script>
|
||||
<template>
|
||||
<f-switch v-model="status"></f-switch>
|
||||
</template>
|
||||
`},{highlight:_(()=>[B]),default:_(()=>[m(n)]),_:1}),b])}const S=g(E,[["render",y]]);export{N as __pageData,S as default};
|
||||
15
packages/ui-vue/docs/.vitepress/dist/assets/components_switch_index.md.7ec57d36.lean.js
vendored
Normal file
15
packages/ui-vue/docs/.vitepress/dist/assets/components_switch_index.md.7ec57d36.lean.js
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import{V as u,_ as g,c as C,a as m,w as _,b as t,d as e,e as v,r as f,o as x}from"./app.4d17d822.js";const E={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:c,createVNode:l,openBlock:p,createElementBlock:r}=u;function i(o,s){const h=c("f-switch");return p(),r("div",null,[l(h,{modelValue:o.status,"onUpdate:modelValue":s[0]||(s[0]=a=>o.status=a)},null,8,["modelValue"])])}const{defineComponent:d}=u,{ref:n}=u;return{render:i,...d({setup(o,{expose:s}){s();const a={status:n(!0),ref:n};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}})}}()}},N=JSON.parse('{"title":"Switch \u5F00\u5173","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/switch/index.md"}'),D=t("h1",{id:"switch-\u5F00\u5173",tabindex:"-1"},[e("Switch \u5F00\u5173 "),t("a",{class:"header-anchor",href:"#switch-\u5F00\u5173","aria-hidden":"true"},"#")],-1),w=t("p",null,"Switch \u7EC4\u4EF6\u7528\u6765\u5207\u6362\u6570\u636E\u72B6\u6001\u3002",-1),F=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),B=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`),t("span",{class:"token keyword"},"const"),e(" status "),t("span",{class:"token operator"},"="),e(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-switch")]),e(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("status"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-switch")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),b=v('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function y(c,l,p,r,i,d){const n=f("render-demo-0"),k=f("demo");return x(),C("div",null,[D,w,F,m(k,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const status = ref(true);
|
||||
<\/script>
|
||||
<template>
|
||||
<f-switch v-model="status"></f-switch>
|
||||
</template>
|
||||
`},{highlight:_(()=>[B]),default:_(()=>[m(n)]),_:1}),b])}const S=g(E,[["render",y]]);export{N as __pageData,S as default};
|
||||
83
packages/ui-vue/docs/.vitepress/dist/assets/components_tabs_index.md.2a9876c7.js
vendored
Normal file
83
packages/ui-vue/docs/.vitepress/dist/assets/components_tabs_index.md.2a9876c7.js
vendored
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
import{V as c,_ as x,c as T,a as b,w as _,b as t,d as a,e as v,r as h,o as F}from"./app.4d17d822.js";const E={name:"component-doc",components:{"render-demo-0":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Tab Page 1"),p=o("Content of Tab Page 2"),r=o("Content of Tab Page 3");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1"},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Tab Page 2"},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 3"},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-1":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Tab Page 1."),p=o("Content of Tab Page Disabled."),r=o("Content of Tab Page 2.");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1"},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Disabled Tab Page",disabled:!0},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 2"},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-2":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Hidden Tab Page. "),p=o("Content of Tab Page 2. Tab Page 1 is hidden, see example code to get more."),r=o("Content of Tab Page 3.");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1",show:!1},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Tab Page 2"},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 3"},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-3":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Tab Page 1."),p=o("Content of Tab Page 2."),r=o("Content of Tab Page 3.");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1",removeable:!0},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Tab Page 2",removeable:!0},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 3",removeable:!0},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}()}},W=JSON.parse('{"title":"Tabs \u6807\u7B7E\u9875","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u7981\u7528","slug":"\u7981\u7528"},{"level":2,"title":"\u9690\u85CF","slug":"\u9690\u85CF"},{"level":2,"title":"\u5173\u95ED\u6309\u94AE","slug":"\u5173\u95ED\u6309\u94AE"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/tabs/index.md"}'),P=t("h1",{id:"tabs-\u6807\u7B7E\u9875",tabindex:"-1"},[a("Tabs \u6807\u7B7E\u9875 "),t("a",{class:"header-anchor",href:"#tabs-\u6807\u7B7E\u9875","aria-hidden":"true"},"#")],-1),A=t("p",null,"Tabs \u7EC4\u4EF6\u4E3A\u5F00\u53D1\u8005\u63D0\u4F9B\u5177\u6709\u9875\u7B7E\u5BFC\u822A\u7684\u5E03\u5C40\u5BB9\u5668\u3002",-1),B=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[a("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),q=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("script")]),a(),t("span",{class:"token attr-name"},"setup"),a(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[a(`
|
||||
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 1"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 3"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 3"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),w=t("h2",{id:"\u7981\u7528",tabindex:"-1"},[a("\u7981\u7528 "),t("a",{class:"header-anchor",href:"#\u7981\u7528","aria-hidden":"true"},"#")],-1),V=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("script")]),a(),t("span",{class:"token attr-name"},"setup"),a(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[a(`
|
||||
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 1."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Disabled Tab Page"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":disabled"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page Disabled."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),N=t("h2",{id:"\u9690\u85CF",tabindex:"-1"},[a("\u9690\u85CF "),t("a",{class:"header-anchor",href:"#\u9690\u85CF","aria-hidden":"true"},"#")],-1),S=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("script")]),a(),t("span",{class:"token attr-name"},"setup"),a(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[a(`
|
||||
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":show"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("false"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Hidden Tab Page. "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2. Tab Page 1 is hidden, see example code to get more."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 3"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 3."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),j=t("h2",{id:"\u5173\u95ED\u6309\u94AE",tabindex:"-1"},[a("\u5173\u95ED\u6309\u94AE "),t("a",{class:"header-anchor",href:"#\u5173\u95ED\u6309\u94AE","aria-hidden":"true"},"#")],-1),O=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("script")]),a(),t("span",{class:"token attr-name"},"setup"),a(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[a(`
|
||||
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":removeable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 1."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":removeable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":removeable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 3."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),$=v(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">TabType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">fill</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">pills</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">default</span><span style="color:#89DDFF;">'</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;">'</span><span style="color:#C3E88D;">left</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">right</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">top</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">bottom</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">tabType</td><td style="text-align:left;"><code>string as TabType</code></td><td style="text-align:left;">'default'</td><td style="text-align:left;">\u6807\u7B7E\u9875\u663E\u793A\u6837\u5F0F</td></tr><tr><td style="text-align:left;">autoTitleWidth</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u81EA\u52A8\u8C03\u6574\u6807\u9898\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">titleLength</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">7</td><td style="text-align:left;">\u6807\u9898\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">position</td><td style="text-align:left;"><code>string as TabPosition</code></td><td style="text-align:left;">'top'</td><td style="text-align:left;">\u663E\u793A\u9875\u7B7E\u7684\u4F4D\u7F6E</td></tr><tr><td style="text-align:left;">showDropDwon</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u9875\u7B7E\u5BFC\u822A\u4E0B\u62C9\u6309\u94AE</td></tr><tr><td style="text-align:left;">showTooltips</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u6807\u9898\u63D0\u793A\u4FE1\u606F</td></tr><tr><td style="text-align:left;">scrollStep</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">1</td><td style="text-align:left;">\u6EDA\u52A8\u9F20\u6807\u5207\u6362\u9875\u7B7E\u7684\u6B65\u957F</td></tr><tr><td style="text-align:left;">autoResize</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u81EA\u52A8\u8C03\u6574\u9875\u7B7E\u9AD8\u5EA6</td></tr><tr><td style="text-align:left;">selectedTab</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6307\u5B9A\u9009\u4E2D\u7684\u9875\u7B7E</td></tr><tr><td style="text-align:left;">width</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">height</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u9AD8\u5EA6</td></tr><tr><td style="text-align:left;">searchBoxVisible</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u9875\u7B7E\u641C\u7D22\u6846</td></tr><tr><td style="text-align:left;">titleWidth</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u9898\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">customClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u7B7E\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr><tr><td style="text-align:left;">activeId</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u88AB\u6FC0\u6D3B\u7684\u9875\u7B7E\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,6);function H(o,l,s,e,g,f){const i=h("render-demo-0"),p=h("demo"),r=h("render-demo-1"),d=h("render-demo-2"),k=h("render-demo-3");return F(),T("div",null,[P,A,B,b(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-tabs>
|
||||
<f-tab-page id="tab1" title="Tab Page 1">Content of Tab Page 1</f-tab-page>
|
||||
<f-tab-page id="tab2" title="Tab Page 2">Content of Tab Page 2</f-tab-page>
|
||||
<f-tab-page id="tab3" title="Tab Page 3">Content of Tab Page 3</f-tab-page>
|
||||
</f-tabs>
|
||||
</template>
|
||||
`},{highlight:_(()=>[q]),default:_(()=>[b(i)]),_:1}),w,b(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-tabs>
|
||||
<f-tab-page id="tab1" title="Tab Page 1">Content of Tab Page 1.</f-tab-page>
|
||||
<f-tab-page id="tab2" title="Disabled Tab Page" :disabled="true">Content of Tab Page Disabled.</f-tab-page>
|
||||
<f-tab-page id="tab3" title="Tab Page 2">Content of Tab Page 2.</f-tab-page>
|
||||
</f-tabs>
|
||||
</template>
|
||||
`},{highlight:_(()=>[V]),default:_(()=>[b(r)]),_:1}),N,b(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-tabs>
|
||||
<f-tab-page id="tab1" title="Tab Page 1" :show="false">Content of Hidden Tab Page. </f-tab-page>
|
||||
<f-tab-page id="tab2" title="Tab Page 2">Content of Tab Page 2. Tab Page 1 is hidden, see example code to get more.</f-tab-page>
|
||||
<f-tab-page id="tab3" title="Tab Page 3">Content of Tab Page 3.</f-tab-page>
|
||||
</f-tabs>
|
||||
</template>
|
||||
`},{highlight:_(()=>[S]),default:_(()=>[b(d)]),_:1}),j,b(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-tabs>
|
||||
<f-tab-page id="tab1" title="Tab Page 1" :removeable="true">Content of Tab Page 1.</f-tab-page>
|
||||
<f-tab-page id="tab2" title="Tab Page 2" :removeable="true">Content of Tab Page 2.</f-tab-page>
|
||||
<f-tab-page id="tab3" title="Tab Page 3" :removeable="true">Content of Tab Page 3.</f-tab-page>
|
||||
</f-tabs>
|
||||
</template>
|
||||
`},{highlight:_(()=>[O]),default:_(()=>[b(k)]),_:1}),$])}const z=x(E,[["render",H]]);export{W as __pageData,z as default};
|
||||
83
packages/ui-vue/docs/.vitepress/dist/assets/components_tabs_index.md.2a9876c7.lean.js
vendored
Normal file
83
packages/ui-vue/docs/.vitepress/dist/assets/components_tabs_index.md.2a9876c7.lean.js
vendored
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
import{V as c,_ as x,c as T,a as b,w as _,b as t,d as a,e as v,r as h,o as F}from"./app.4d17d822.js";const E={name:"component-doc",components:{"render-demo-0":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Tab Page 1"),p=o("Content of Tab Page 2"),r=o("Content of Tab Page 3");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1"},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Tab Page 2"},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 3"},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-1":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Tab Page 1."),p=o("Content of Tab Page Disabled."),r=o("Content of Tab Page 2.");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1"},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Disabled Tab Page",disabled:!0},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 2"},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-2":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Hidden Tab Page. "),p=o("Content of Tab Page 2. Tab Page 1 is hidden, see example code to get more."),r=o("Content of Tab Page 3.");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1",show:!1},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Tab Page 2"},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 3"},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}(),"render-demo-3":function(){const{createTextVNode:o,resolveComponent:l,withCtx:s,createVNode:e,openBlock:g,createElementBlock:f}=c,i=o("Content of Tab Page 1."),p=o("Content of Tab Page 2."),r=o("Content of Tab Page 3.");function d(C,u){const n=l("f-tab-page"),y=l("f-tabs");return g(),f("div",null,[e(y,null,{default:s(()=>[e(n,{id:"tab1",title:"Tab Page 1",removeable:!0},{default:s(()=>[i]),_:1}),e(n,{id:"tab2",title:"Tab Page 2",removeable:!0},{default:s(()=>[p]),_:1}),e(n,{id:"tab3",title:"Tab Page 3",removeable:!0},{default:s(()=>[r]),_:1})]),_:1})])}const{defineComponent:k}=c,{ref:m}=c;return{render:d,...k({setup(C,{expose:u}){u();const n={ref:m};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}})}}()}},W=JSON.parse('{"title":"Tabs \u6807\u7B7E\u9875","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u7981\u7528","slug":"\u7981\u7528"},{"level":2,"title":"\u9690\u85CF","slug":"\u9690\u85CF"},{"level":2,"title":"\u5173\u95ED\u6309\u94AE","slug":"\u5173\u95ED\u6309\u94AE"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/tabs/index.md"}'),P=t("h1",{id:"tabs-\u6807\u7B7E\u9875",tabindex:"-1"},[a("Tabs \u6807\u7B7E\u9875 "),t("a",{class:"header-anchor",href:"#tabs-\u6807\u7B7E\u9875","aria-hidden":"true"},"#")],-1),A=t("p",null,"Tabs \u7EC4\u4EF6\u4E3A\u5F00\u53D1\u8005\u63D0\u4F9B\u5177\u6709\u9875\u7B7E\u5BFC\u822A\u7684\u5E03\u5C40\u5BB9\u5668\u3002",-1),B=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[a("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),q=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("script")]),a(),t("span",{class:"token attr-name"},"setup"),a(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[a(`
|
||||
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 1"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 3"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 3"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),w=t("h2",{id:"\u7981\u7528",tabindex:"-1"},[a("\u7981\u7528 "),t("a",{class:"header-anchor",href:"#\u7981\u7528","aria-hidden":"true"},"#")],-1),V=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("script")]),a(),t("span",{class:"token attr-name"},"setup"),a(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[a(`
|
||||
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 1."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Disabled Tab Page"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":disabled"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page Disabled."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),N=t("h2",{id:"\u9690\u85CF",tabindex:"-1"},[a("\u9690\u85CF "),t("a",{class:"header-anchor",href:"#\u9690\u85CF","aria-hidden":"true"},"#")],-1),S=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("script")]),a(),t("span",{class:"token attr-name"},"setup"),a(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[a(`
|
||||
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":show"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("false"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Hidden Tab Page. "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2. Tab Page 1 is hidden, see example code to get more."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 3"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 3."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),j=t("h2",{id:"\u5173\u95ED\u6309\u94AE",tabindex:"-1"},[a("\u5173\u95ED\u6309\u94AE "),t("a",{class:"header-anchor",href:"#\u5173\u95ED\u6309\u94AE","aria-hidden":"true"},"#")],-1),O=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("script")]),a(),t("span",{class:"token attr-name"},"setup"),a(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[a(`
|
||||
`),t("span",{class:"token keyword"},"import"),a(),t("span",{class:"token punctuation"},"{"),a(" ref "),t("span",{class:"token punctuation"},"}"),a(),t("span",{class:"token keyword"},"from"),a(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),a(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("script")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 1"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":removeable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 1."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 2"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":removeable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 2."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),a("f-tab-page")]),a(),t("span",{class:"token attr-name"},"id"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("tab3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},"title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("Tab Page 3"),t("span",{class:"token punctuation"},'"')]),a(),t("span",{class:"token attr-name"},":removeable"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),a("true"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),a("Content of Tab Page 3."),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tab-page")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("f-tabs")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),a("template")]),t("span",{class:"token punctuation"},">")]),a(`
|
||||
`)])])],-1),$=v(`<h2 id="\u7C7B\u578B" tabindex="-1">\u7C7B\u578B <a class="header-anchor" href="#\u7C7B\u578B" aria-hidden="true">#</a></h2><div class="language-typescript"><button class="copy"></button><span class="lang">typescript</span><pre><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">type</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">TabType</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">fill</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">pills</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">default</span><span style="color:#89DDFF;">'</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;">'</span><span style="color:#C3E88D;">left</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">right</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">top</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">|</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">bottom</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span></code></pre></div><h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">tabType</td><td style="text-align:left;"><code>string as TabType</code></td><td style="text-align:left;">'default'</td><td style="text-align:left;">\u6807\u7B7E\u9875\u663E\u793A\u6837\u5F0F</td></tr><tr><td style="text-align:left;">autoTitleWidth</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u81EA\u52A8\u8C03\u6574\u6807\u9898\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">titleLength</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">7</td><td style="text-align:left;">\u6807\u9898\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">position</td><td style="text-align:left;"><code>string as TabPosition</code></td><td style="text-align:left;">'top'</td><td style="text-align:left;">\u663E\u793A\u9875\u7B7E\u7684\u4F4D\u7F6E</td></tr><tr><td style="text-align:left;">showDropDwon</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u9875\u7B7E\u5BFC\u822A\u4E0B\u62C9\u6309\u94AE</td></tr><tr><td style="text-align:left;">showTooltips</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u6807\u9898\u63D0\u793A\u4FE1\u606F</td></tr><tr><td style="text-align:left;">scrollStep</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">1</td><td style="text-align:left;">\u6EDA\u52A8\u9F20\u6807\u5207\u6362\u9875\u7B7E\u7684\u6B65\u957F</td></tr><tr><td style="text-align:left;">autoResize</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u5141\u8BB8\u81EA\u52A8\u8C03\u6574\u9875\u7B7E\u9AD8\u5EA6</td></tr><tr><td style="text-align:left;">selectedTab</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6307\u5B9A\u9009\u4E2D\u7684\u9875\u7B7E</td></tr><tr><td style="text-align:left;">width</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">height</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u9AD8\u5EA6</td></tr><tr><td style="text-align:left;">searchBoxVisible</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;">false</td><td style="text-align:left;">\u662F\u5426\u663E\u793A\u9875\u7B7E\u641C\u7D22\u6846</td></tr><tr><td style="text-align:left;">titleWidth</td><td style="text-align:left;"><code>number</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u9898\u5BBD\u5EA6</td></tr><tr><td style="text-align:left;">customClass</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u6807\u7B7E\u81EA\u5B9A\u4E49\u6837\u5F0F</td></tr><tr><td style="text-align:left;">activeId</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u88AB\u6FC0\u6D3B\u7684\u9875\u7B7E\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>`,6);function H(o,l,s,e,g,f){const i=h("render-demo-0"),p=h("demo"),r=h("render-demo-1"),d=h("render-demo-2"),k=h("render-demo-3");return F(),T("div",null,[P,A,B,b(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-tabs>
|
||||
<f-tab-page id="tab1" title="Tab Page 1">Content of Tab Page 1</f-tab-page>
|
||||
<f-tab-page id="tab2" title="Tab Page 2">Content of Tab Page 2</f-tab-page>
|
||||
<f-tab-page id="tab3" title="Tab Page 3">Content of Tab Page 3</f-tab-page>
|
||||
</f-tabs>
|
||||
</template>
|
||||
`},{highlight:_(()=>[q]),default:_(()=>[b(i)]),_:1}),w,b(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-tabs>
|
||||
<f-tab-page id="tab1" title="Tab Page 1">Content of Tab Page 1.</f-tab-page>
|
||||
<f-tab-page id="tab2" title="Disabled Tab Page" :disabled="true">Content of Tab Page Disabled.</f-tab-page>
|
||||
<f-tab-page id="tab3" title="Tab Page 2">Content of Tab Page 2.</f-tab-page>
|
||||
</f-tabs>
|
||||
</template>
|
||||
`},{highlight:_(()=>[V]),default:_(()=>[b(r)]),_:1}),N,b(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-tabs>
|
||||
<f-tab-page id="tab1" title="Tab Page 1" :show="false">Content of Hidden Tab Page. </f-tab-page>
|
||||
<f-tab-page id="tab2" title="Tab Page 2">Content of Tab Page 2. Tab Page 1 is hidden, see example code to get more.</f-tab-page>
|
||||
<f-tab-page id="tab3" title="Tab Page 3">Content of Tab Page 3.</f-tab-page>
|
||||
</f-tabs>
|
||||
</template>
|
||||
`},{highlight:_(()=>[S]),default:_(()=>[b(d)]),_:1}),j,b(p,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
<\/script>
|
||||
<template>
|
||||
<f-tabs>
|
||||
<f-tab-page id="tab1" title="Tab Page 1" :removeable="true">Content of Tab Page 1.</f-tab-page>
|
||||
<f-tab-page id="tab2" title="Tab Page 2" :removeable="true">Content of Tab Page 2.</f-tab-page>
|
||||
<f-tab-page id="tab3" title="Tab Page 3" :removeable="true">Content of Tab Page 3.</f-tab-page>
|
||||
</f-tabs>
|
||||
</template>
|
||||
`},{highlight:_(()=>[O]),default:_(()=>[b(k)]),_:1}),$])}const z=x(E,[["render",H]]);export{W as __pageData,z as default};
|
||||
15
packages/ui-vue/docs/.vitepress/dist/assets/components_text_index.md.e0a6f1be.js
vendored
Normal file
15
packages/ui-vue/docs/.vitepress/dist/assets/components_text_index.md.e0a6f1be.js
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import{V as o,_ as x,c as C,a as h,w as _,b as t,d as e,e as g,r as f,o as E}from"./app.4d17d822.js";const B={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:c,createVNode:l,openBlock:p,createElementBlock:r}=o;function i(u,a){const m=c("f-text");return p(),r("div",null,[l(m,{modelValue:u.text,"onUpdate:modelValue":a[0]||(a[0]=s=>u.text=s)},null,8,["modelValue"])])}const{defineComponent:d}=o,{ref:n}=o;return{render:i,...d({setup(u,{expose:a}){a();const s={text:n("\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C"),ref:n};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}})}}()}},N=JSON.parse('{"title":"Text \u9759\u6001\u6587\u672C","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/text/index.md"}'),v=t("h1",{id:"text-\u9759\u6001\u6587\u672C",tabindex:"-1"},[e("Text \u9759\u6001\u6587\u672C "),t("a",{class:"header-anchor",href:"#text-\u9759\u6001\u6587\u672C","aria-hidden":"true"},"#")],-1),D=t("p",null,"Text \u7EC4\u4EF6\u7528\u6765\u5C55\u793A\u53EA\u8BFB\u6001\u7684\u9875\u9762\u6570\u636E\u3002",-1),y=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),F=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`),t("span",{class:"token keyword"},"const"),e(" text "),t("span",{class:"token operator"},"="),e(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-text")]),e(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("text"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),e(),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-text")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),b=g('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function A(c,l,p,r,i,d){const n=f("render-demo-0"),k=f("demo");return E(),C("div",null,[v,D,y,h(k,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const text = ref('\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C');
|
||||
<\/script>
|
||||
<template>
|
||||
<f-text v-model="text"> </f-text>
|
||||
</template>
|
||||
`},{highlight:_(()=>[F]),default:_(()=>[h(n)]),_:1}),b])}const w=x(B,[["render",A]]);export{N as __pageData,w as default};
|
||||
15
packages/ui-vue/docs/.vitepress/dist/assets/components_text_index.md.e0a6f1be.lean.js
vendored
Normal file
15
packages/ui-vue/docs/.vitepress/dist/assets/components_text_index.md.e0a6f1be.lean.js
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import{V as o,_ as x,c as C,a as h,w as _,b as t,d as e,e as g,r as f,o as E}from"./app.4d17d822.js";const B={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:c,createVNode:l,openBlock:p,createElementBlock:r}=o;function i(u,a){const m=c("f-text");return p(),r("div",null,[l(m,{modelValue:u.text,"onUpdate:modelValue":a[0]||(a[0]=s=>u.text=s)},null,8,["modelValue"])])}const{defineComponent:d}=o,{ref:n}=o;return{render:i,...d({setup(u,{expose:a}){a();const s={text:n("\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C"),ref:n};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}})}}()}},N=JSON.parse('{"title":"Text \u9759\u6001\u6587\u672C","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/text/index.md"}'),v=t("h1",{id:"text-\u9759\u6001\u6587\u672C",tabindex:"-1"},[e("Text \u9759\u6001\u6587\u672C "),t("a",{class:"header-anchor",href:"#text-\u9759\u6001\u6587\u672C","aria-hidden":"true"},"#")],-1),D=t("p",null,"Text \u7EC4\u4EF6\u7528\u6765\u5C55\u793A\u53EA\u8BFB\u6001\u7684\u9875\u9762\u6570\u636E\u3002",-1),y=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),F=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
||||
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`),t("span",{class:"token keyword"},"const"),e(" text "),t("span",{class:"token operator"},"="),e(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),e(`
|
||||
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-text")]),e(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("text"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),e(),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-text")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
||||
`)])])],-1),b=g('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function A(c,l,p,r,i,d){const n=f("render-demo-0"),k=f("demo");return E(),C("div",null,[v,D,y,h(k,{sourceCode:`<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
const text = ref('\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C');
|
||||
<\/script>
|
||||
<template>
|
||||
<f-text v-model="text"> </f-text>
|
||||
</template>
|
||||
`},{highlight:_(()=>[F]),default:_(()=>[h(n)]),_:1}),b])}const w=x(B,[["render",A]]);export{N as __pageData,w as default};
|
||||
1
packages/ui-vue/docs/.vitepress/dist/assets/components_tooltip_index.md.d93b912d.js
vendored
Normal file
1
packages/ui-vue/docs/.vitepress/dist/assets/components_tooltip_index.md.d93b912d.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
import{_ as t,c as o,o as a,b as e,d as n}from"./app.4d17d822.js";const x=JSON.parse('{"title":"Tooltip","description":"","frontmatter":{},"headers":[],"relativePath":"components/tooltip/index.md"}'),s={name:"components/tooltip/index.md"},r=e("h1",{id:"tooltip",tabindex:"-1"},[n("Tooltip "),e("a",{class:"header-anchor",href:"#tooltip","aria-hidden":"true"},"#")],-1),i=[r];function c(d,p,l,_,h,m){return a(),o("div",null,i)}const u=t(s,[["render",c]]);export{x as __pageData,u as default};
|
||||
1
packages/ui-vue/docs/.vitepress/dist/assets/components_tooltip_index.md.d93b912d.lean.js
vendored
Normal file
1
packages/ui-vue/docs/.vitepress/dist/assets/components_tooltip_index.md.d93b912d.lean.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
import{_ as t,c as o,o as a,b as e,d as n}from"./app.4d17d822.js";const x=JSON.parse('{"title":"Tooltip","description":"","frontmatter":{},"headers":[],"relativePath":"components/tooltip/index.md"}'),s={name:"components/tooltip/index.md"},r=e("h1",{id:"tooltip",tabindex:"-1"},[n("Tooltip "),e("a",{class:"header-anchor",href:"#tooltip","aria-hidden":"true"},"#")],-1),i=[r];function c(d,p,l,_,h,m){return a(),o("div",null,i)}const u=t(s,[["render",c]]);export{x as __pageData,u as default};
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
Binary file not shown.
11
packages/ui-vue/docs/.vitepress/dist/assets/guide_quick-start_index.md.68652a7c.js
vendored
Normal file
11
packages/ui-vue/docs/.vitepress/dist/assets/guide_quick-start_index.md.68652a7c.js
vendored
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
import{_ as s,c as a,o as n,e}from"./app.4d17d822.js";const y=JSON.parse('{"title":"\u5FEB\u901F\u5F00\u59CB","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5F00\u59CB\u4F7F\u7528 Farris UI Vue","slug":"\u5F00\u59CB\u4F7F\u7528-farris-ui-vue"},{"level":3,"title":"1. \u5B89\u88C5@farris/ui-vue","slug":"_1-\u5B89\u88C5-farris-ui-vue"},{"level":3,"title":"2. \u5728\u5E94\u7528\u4E2D\u5F15\u5165 Farris UI Vue","slug":"_2-\u5728\u5E94\u7528\u4E2D\u5F15\u5165-farris-ui-vue"},{"level":3,"title":"3. \u5728\u5E94\u7528\u4E2D\u4F7F\u7528 Farris UI Vue","slug":"_3-\u5728\u5E94\u7528\u4E2D\u4F7F\u7528-farris-ui-vue"}],"relativePath":"guide/quick-start/index.md"}'),p={name:"guide/quick-start/index.md"},l=e(`<h1 id="\u5FEB\u901F\u5F00\u59CB" tabindex="-1">\u5FEB\u901F\u5F00\u59CB <a class="header-anchor" href="#\u5FEB\u901F\u5F00\u59CB" aria-hidden="true">#</a></h1><h2 id="\u5F00\u59CB\u4F7F\u7528-farris-ui-vue" tabindex="-1">\u5F00\u59CB\u4F7F\u7528 Farris UI Vue <a class="header-anchor" href="#\u5F00\u59CB\u4F7F\u7528-farris-ui-vue" aria-hidden="true">#</a></h2><h3 id="_1-\u5B89\u88C5-farris-ui-vue" tabindex="-1">1. \u5B89\u88C5@farris/ui-vue <a class="header-anchor" href="#_1-\u5B89\u88C5-farris-ui-vue" aria-hidden="true">#</a></h3><div class="language-"><button class="copy"></button><span class="lang"></span><pre><code><span class="line"><span style="color:#A6ACCD;">npm install @farris/ui-vue</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"></span></span></code></pre></div><div class="language-"><button class="copy"></button><span class="lang"></span><pre><code><span class="line"><span style="color:#A6ACCD;">yarn add @farris/ui-vue</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"></span></span></code></pre></div><h3 id="_2-\u5728\u5E94\u7528\u4E2D\u5F15\u5165-farris-ui-vue" tabindex="-1">2. \u5728\u5E94\u7528\u4E2D\u5F15\u5165 Farris UI Vue <a class="header-anchor" href="#_2-\u5728\u5E94\u7528\u4E2D\u5F15\u5165-farris-ui-vue" aria-hidden="true">#</a></h3><p>\u5728<code>main.ts</code>\u6587\u4EF6\u4E2D\u5F15\u5165<code>@farris/ui-vue</code>\u3002</p><div class="language-ts"><button class="copy"></button><span class="lang">ts</span><pre><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">createApp</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> App </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">./App.vue</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> Farris </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">@farris/ui-vue</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#82AAFF;">createApp</span><span style="color:#A6ACCD;">(App)</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">use</span><span style="color:#A6ACCD;">(Farris)</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">mount</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">#app</span><span style="color:#89DDFF;">'</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"></span></code></pre></div><h3 id="_3-\u5728\u5E94\u7528\u4E2D\u4F7F\u7528-farris-ui-vue" tabindex="-1">3. \u5728\u5E94\u7528\u4E2D\u4F7F\u7528 Farris UI Vue <a class="header-anchor" href="#_3-\u5728\u5E94\u7528\u4E2D\u4F7F\u7528-farris-ui-vue" aria-hidden="true">#</a></h3><p>\u5728<code>App.vue</code>\u6587\u4EF6\u4E2D\u4F7F\u7528 Farris UI Vue \u7EC4\u4EF6\u3002</p><div class="language-vue"><button class="copy"></button><span class="lang">vue</span><pre><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;"><</span><span style="color:#F07178;">f-input-group</span><span style="color:#89DDFF;">></</span><span style="color:#F07178;">f-input-group</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"></span></code></pre></div>`,11),o=[l];function r(t,c,i,u,D,F){return n(),a("div",null,o)}const A=s(p,[["render",r]]);export{y as __pageData,A as default};
|
||||
1
packages/ui-vue/docs/.vitepress/dist/assets/guide_quick-start_index.md.68652a7c.lean.js
vendored
Normal file
1
packages/ui-vue/docs/.vitepress/dist/assets/guide_quick-start_index.md.68652a7c.lean.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
import{_ as s,c as a,o as n,e}from"./app.4d17d822.js";const y=JSON.parse('{"title":"\u5FEB\u901F\u5F00\u59CB","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5F00\u59CB\u4F7F\u7528 Farris UI Vue","slug":"\u5F00\u59CB\u4F7F\u7528-farris-ui-vue"},{"level":3,"title":"1. \u5B89\u88C5@farris/ui-vue","slug":"_1-\u5B89\u88C5-farris-ui-vue"},{"level":3,"title":"2. \u5728\u5E94\u7528\u4E2D\u5F15\u5165 Farris UI Vue","slug":"_2-\u5728\u5E94\u7528\u4E2D\u5F15\u5165-farris-ui-vue"},{"level":3,"title":"3. \u5728\u5E94\u7528\u4E2D\u4F7F\u7528 Farris UI Vue","slug":"_3-\u5728\u5E94\u7528\u4E2D\u4F7F\u7528-farris-ui-vue"}],"relativePath":"guide/quick-start/index.md"}'),p={name:"guide/quick-start/index.md"},l=e("",11),o=[l];function r(t,c,i,u,D,F){return n(),a("div",null,o)}const A=s(p,[["render",r]]);export{y as __pageData,A as default};
|
||||
|
|
@ -0,0 +1 @@
|
|||
import{_ as e,c as t,o as a}from"./app.4d17d822.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Farris UI Vue","text":"\u524D\u7AEF\u7EC4\u4EF6\u5E93","tagline":"\u57FA\u4E8E Farris Design \u5177\u6709 Fast Reliable Responsive Intuitive Smart \u4E94\u5927\u7279\u6027\u3002","actions":[{"theme":"brand","text":"\u5FEB\u901F\u5F00\u59CB","link":"/guide/quick-start/"},{"theme":"Gitee","text":"View on Gitee","link":"https://gitee.com/ubml/farris-vue"}]}},"headers":[],"relativePath":"index.md"}'),i={name:"index.md"};function n(r,s,o,c,m,d){return a(),t("div")}const u=e(i,[["render",n]]);export{p as __pageData,u as default};
|
||||
|
|
@ -0,0 +1 @@
|
|||
import{_ as e,c as t,o as a}from"./app.4d17d822.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Farris UI Vue","text":"\u524D\u7AEF\u7EC4\u4EF6\u5E93","tagline":"\u57FA\u4E8E Farris Design \u5177\u6709 Fast Reliable Responsive Intuitive Smart \u4E94\u5927\u7279\u6027\u3002","actions":[{"theme":"brand","text":"\u5FEB\u901F\u5F00\u59CB","link":"/guide/quick-start/"},{"theme":"Gitee","text":"View on Gitee","link":"https://gitee.com/ubml/farris-vue"}]}},"headers":[],"relativePath":"index.md"}'),i={name:"index.md"};function n(r,s,o,c,m,d){return a(),t("div")}const u=e(i,[["render",n]]);export{p as __pageData,u as default};
|
||||
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-cyrillic-ext.0877b0d9.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-cyrillic-ext.0877b0d9.woff2
vendored
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-cyrillic-ext.33bd5a8e.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-cyrillic-ext.33bd5a8e.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-cyrillic.ea42a392.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-cyrillic.ea42a392.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-greek-ext.4fbe9427.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-greek-ext.4fbe9427.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-greek.8f4463c4.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-greek.8f4463c4.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-latin-ext.bd8920cc.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-latin-ext.bd8920cc.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-latin.bd3b6f56.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-latin.bd3b6f56.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-vietnamese.6ce511fb.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-italic-vietnamese.6ce511fb.woff2
vendored
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-cyrillic-ext.e75737ce.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-cyrillic-ext.e75737ce.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-cyrillic.5f2c6c8c.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-cyrillic.5f2c6c8c.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-greek-ext.ab0619bc.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-greek-ext.ab0619bc.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-greek.d5a6d92a.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-greek.d5a6d92a.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-latin-ext.0030eebd.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-latin-ext.0030eebd.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-latin.2ed14f66.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-latin.2ed14f66.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-vietnamese.14ce25a6.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-roman-vietnamese.14ce25a6.woff2
vendored
Normal file
Binary file not shown.
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-vietnamese.2c644a25.woff2
vendored
Normal file
BIN
packages/ui-vue/docs/.vitepress/dist/assets/inter-vietnamese.2c644a25.woff2
vendored
Normal file
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue