@mureka-fe/ui 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/ui-B50B6qET.css +1 -0
- package/dist/internal/docs/schema.d.ts +107 -0
- package/dist/internal/docs/schema.d.ts.map +1 -0
- package/dist/internal/guides/custom/colors-overview.d.ts +4 -0
- package/dist/internal/guides/custom/colors-overview.d.ts.map +1 -0
- package/dist/internal/guides/custom/icons.d.ts +4 -0
- package/dist/internal/guides/custom/icons.d.ts.map +1 -0
- package/dist/internal/icons/manifest.d.ts +3 -0
- package/dist/internal/icons/manifest.d.ts.map +1 -0
- package/dist/internal/icons/types.d.ts +21 -0
- package/dist/internal/icons/types.d.ts.map +1 -0
- package/dist/llms.txt +358 -0
- package/dist/src/components/button/Button.vue.d.ts +32 -0
- package/dist/src/components/button/Button.vue.d.ts.map +1 -0
- package/dist/src/components/button/__docs__/demos/basic.demo.vue.d.ts +3 -0
- package/dist/src/components/button/__docs__/demos/basic.demo.vue.d.ts.map +1 -0
- package/dist/src/components/button/__docs__/demos/danger.demo.vue.d.ts +3 -0
- package/dist/src/components/button/__docs__/demos/danger.demo.vue.d.ts.map +1 -0
- package/dist/src/components/button/__docs__/demos/icon.demo.vue.d.ts +3 -0
- package/dist/src/components/button/__docs__/demos/icon.demo.vue.d.ts.map +1 -0
- package/dist/src/components/button/__docs__/demos/loading.demo.vue.d.ts +3 -0
- package/dist/src/components/button/__docs__/demos/loading.demo.vue.d.ts.map +1 -0
- package/dist/src/components/button/__docs__/demos/shape.demo.vue.d.ts +3 -0
- package/dist/src/components/button/__docs__/demos/shape.demo.vue.d.ts.map +1 -0
- package/dist/src/components/button/__docs__/demos/size.demo.vue.d.ts +3 -0
- package/dist/src/components/button/__docs__/demos/size.demo.vue.d.ts.map +1 -0
- package/dist/src/components/button/__docs__/meta.d.ts +4 -0
- package/dist/src/components/button/__docs__/meta.d.ts.map +1 -0
- package/dist/src/components/button/button.spec.d.ts +2 -0
- package/dist/src/components/button/button.spec.d.ts.map +1 -0
- package/dist/src/components/button/button.types.d.ts +51 -0
- package/dist/src/components/button/button.types.d.ts.map +1 -0
- package/dist/src/components/button/index.d.ts +2 -0
- package/dist/src/components/button/index.d.ts.map +1 -0
- package/dist/src/components/message/MessageList.vue.d.ts +3 -0
- package/dist/src/components/message/MessageList.vue.d.ts.map +1 -0
- package/dist/src/components/message/__docs__/demos/basic.demo.vue.d.ts +3 -0
- package/dist/src/components/message/__docs__/demos/basic.demo.vue.d.ts.map +1 -0
- package/dist/src/components/message/__docs__/demos/closable.demo.vue.d.ts +3 -0
- package/dist/src/components/message/__docs__/demos/closable.demo.vue.d.ts.map +1 -0
- package/dist/src/components/message/__docs__/demos/icon.demo.vue.d.ts +3 -0
- package/dist/src/components/message/__docs__/demos/icon.demo.vue.d.ts.map +1 -0
- package/dist/src/components/message/__docs__/meta.d.ts +4 -0
- package/dist/src/components/message/__docs__/meta.d.ts.map +1 -0
- package/dist/src/components/message/index.d.ts +3 -0
- package/dist/src/components/message/index.d.ts.map +1 -0
- package/dist/src/components/message/message.d.ts +39 -0
- package/dist/src/components/message/message.d.ts.map +1 -0
- package/dist/src/components/message/message.spec.d.ts +2 -0
- package/dist/src/components/message/message.spec.d.ts.map +1 -0
- package/dist/src/components/modal/Modal.vue.d.ts +42 -0
- package/dist/src/components/modal/Modal.vue.d.ts.map +1 -0
- package/dist/src/components/modal/__docs__/demos/basic.demo.vue.d.ts +3 -0
- package/dist/src/components/modal/__docs__/demos/basic.demo.vue.d.ts.map +1 -0
- package/dist/src/components/modal/__docs__/demos/danger.demo.vue.d.ts +3 -0
- package/dist/src/components/modal/__docs__/demos/danger.demo.vue.d.ts.map +1 -0
- package/dist/src/components/modal/__docs__/demos/feedback-dual.demo.vue.d.ts +3 -0
- package/dist/src/components/modal/__docs__/demos/feedback-dual.demo.vue.d.ts.map +1 -0
- package/dist/src/components/modal/__docs__/demos/feedback.demo.vue.d.ts +3 -0
- package/dist/src/components/modal/__docs__/demos/feedback.demo.vue.d.ts.map +1 -0
- package/dist/src/components/modal/__docs__/demos/imperative.demo.vue.d.ts +3 -0
- package/dist/src/components/modal/__docs__/demos/imperative.demo.vue.d.ts.map +1 -0
- package/dist/src/components/modal/__docs__/demos/matrix.demo.vue.d.ts +3 -0
- package/dist/src/components/modal/__docs__/demos/matrix.demo.vue.d.ts.map +1 -0
- package/dist/src/components/modal/__docs__/demos/size.demo.vue.d.ts +3 -0
- package/dist/src/components/modal/__docs__/demos/size.demo.vue.d.ts.map +1 -0
- package/dist/src/components/modal/__docs__/meta.d.ts +4 -0
- package/dist/src/components/modal/__docs__/meta.d.ts.map +1 -0
- package/dist/src/components/modal/index.d.ts +4 -0
- package/dist/src/components/modal/index.d.ts.map +1 -0
- package/dist/src/components/modal/modal.imperative.d.ts +19 -0
- package/dist/src/components/modal/modal.imperative.d.ts.map +1 -0
- package/dist/src/components/modal/modal.imperative.spec.d.ts +2 -0
- package/dist/src/components/modal/modal.imperative.spec.d.ts.map +1 -0
- package/dist/src/components/modal/modal.spec.d.ts +2 -0
- package/dist/src/components/modal/modal.spec.d.ts.map +1 -0
- package/dist/src/components/modal/modal.types.d.ts +41 -0
- package/dist/src/components/modal/modal.types.d.ts.map +1 -0
- package/dist/src/components/radio/Radio.vue.d.ts +30 -0
- package/dist/src/components/radio/Radio.vue.d.ts.map +1 -0
- package/dist/src/components/radio/RadioGroup.vue.d.ts +26 -0
- package/dist/src/components/radio/RadioGroup.vue.d.ts.map +1 -0
- package/dist/src/components/radio/__docs__/demos/basic.demo.vue.d.ts +3 -0
- package/dist/src/components/radio/__docs__/demos/basic.demo.vue.d.ts.map +1 -0
- package/dist/src/components/radio/__docs__/demos/direction.demo.vue.d.ts +3 -0
- package/dist/src/components/radio/__docs__/demos/direction.demo.vue.d.ts.map +1 -0
- package/dist/src/components/radio/__docs__/demos/disabled.demo.vue.d.ts +3 -0
- package/dist/src/components/radio/__docs__/demos/disabled.demo.vue.d.ts.map +1 -0
- package/dist/src/components/radio/__docs__/demos/standalone.demo.vue.d.ts +3 -0
- package/dist/src/components/radio/__docs__/demos/standalone.demo.vue.d.ts.map +1 -0
- package/dist/src/components/radio/__docs__/meta.d.ts +4 -0
- package/dist/src/components/radio/__docs__/meta.d.ts.map +1 -0
- package/dist/src/components/radio/index.d.ts +4 -0
- package/dist/src/components/radio/index.d.ts.map +1 -0
- package/dist/src/components/radio/radio.context.d.ts +10 -0
- package/dist/src/components/radio/radio.context.d.ts.map +1 -0
- package/dist/src/components/radio/radio.spec.d.ts +2 -0
- package/dist/src/components/radio/radio.spec.d.ts.map +1 -0
- package/dist/src/components/radio/radio.types.d.ts +42 -0
- package/dist/src/components/radio/radio.types.d.ts.map +1 -0
- package/dist/src/components/switch/Switch.vue.d.ts +39 -0
- package/dist/src/components/switch/Switch.vue.d.ts.map +1 -0
- package/dist/src/components/switch/__docs__/demos/async-change.demo.vue.d.ts +3 -0
- package/dist/src/components/switch/__docs__/demos/async-change.demo.vue.d.ts.map +1 -0
- package/dist/src/components/switch/__docs__/demos/basic.demo.vue.d.ts +3 -0
- package/dist/src/components/switch/__docs__/demos/basic.demo.vue.d.ts.map +1 -0
- package/dist/src/components/switch/__docs__/demos/custom-icon.demo.vue.d.ts +3 -0
- package/dist/src/components/switch/__docs__/demos/custom-icon.demo.vue.d.ts.map +1 -0
- package/dist/src/components/switch/__docs__/demos/custom-text.demo.vue.d.ts +3 -0
- package/dist/src/components/switch/__docs__/demos/custom-text.demo.vue.d.ts.map +1 -0
- package/dist/src/components/switch/__docs__/demos/disabled-loading.demo.vue.d.ts +3 -0
- package/dist/src/components/switch/__docs__/demos/disabled-loading.demo.vue.d.ts.map +1 -0
- package/dist/src/components/switch/__docs__/demos/size.demo.vue.d.ts +3 -0
- package/dist/src/components/switch/__docs__/demos/size.demo.vue.d.ts.map +1 -0
- package/dist/src/components/switch/__docs__/demos/type.demo.vue.d.ts +3 -0
- package/dist/src/components/switch/__docs__/demos/type.demo.vue.d.ts.map +1 -0
- package/dist/src/components/switch/__docs__/meta.d.ts +4 -0
- package/dist/src/components/switch/__docs__/meta.d.ts.map +1 -0
- package/dist/src/components/switch/index.d.ts +3 -0
- package/dist/src/components/switch/index.d.ts.map +1 -0
- package/dist/src/components/switch/switch.spec.d.ts +2 -0
- package/dist/src/components/switch/switch.spec.d.ts.map +1 -0
- package/dist/src/components/switch/switch.types.d.ts +45 -0
- package/dist/src/components/switch/switch.types.d.ts.map +1 -0
- package/dist/src/components/tabs/Tab.vue.d.ts +22 -0
- package/dist/src/components/tabs/Tab.vue.d.ts.map +1 -0
- package/dist/src/components/tabs/Tabs.vue.d.ts +32 -0
- package/dist/src/components/tabs/Tabs.vue.d.ts.map +1 -0
- package/dist/src/components/tabs/__docs__/demos/disabled.demo.vue.d.ts +3 -0
- package/dist/src/components/tabs/__docs__/demos/disabled.demo.vue.d.ts.map +1 -0
- package/dist/src/components/tabs/__docs__/demos/layout.demo.vue.d.ts +3 -0
- package/dist/src/components/tabs/__docs__/demos/layout.demo.vue.d.ts.map +1 -0
- package/dist/src/components/tabs/__docs__/demos/line.demo.vue.d.ts +3 -0
- package/dist/src/components/tabs/__docs__/demos/line.demo.vue.d.ts.map +1 -0
- package/dist/src/components/tabs/__docs__/demos/segment-ghost.demo.vue.d.ts +3 -0
- package/dist/src/components/tabs/__docs__/demos/segment-ghost.demo.vue.d.ts.map +1 -0
- package/dist/src/components/tabs/__docs__/demos/segment-white.demo.vue.d.ts +3 -0
- package/dist/src/components/tabs/__docs__/demos/segment-white.demo.vue.d.ts.map +1 -0
- package/dist/src/components/tabs/__docs__/demos/size.demo.vue.d.ts +3 -0
- package/dist/src/components/tabs/__docs__/demos/size.demo.vue.d.ts.map +1 -0
- package/dist/src/components/tabs/__docs__/meta.d.ts +4 -0
- package/dist/src/components/tabs/__docs__/meta.d.ts.map +1 -0
- package/dist/src/components/tabs/index.d.ts +4 -0
- package/dist/src/components/tabs/index.d.ts.map +1 -0
- package/dist/src/components/tabs/tabs.context.d.ts +15 -0
- package/dist/src/components/tabs/tabs.context.d.ts.map +1 -0
- package/dist/src/components/tabs/tabs.spec.d.ts +2 -0
- package/dist/src/components/tabs/tabs.spec.d.ts.map +1 -0
- package/dist/src/components/tabs/tabs.types.d.ts +47 -0
- package/dist/src/components/tabs/tabs.types.d.ts.map +1 -0
- package/dist/src/components/tag/Tag.vue.d.ts +35 -0
- package/dist/src/components/tag/Tag.vue.d.ts.map +1 -0
- package/dist/src/components/tag/__docs__/demos/basic.demo.vue.d.ts +3 -0
- package/dist/src/components/tag/__docs__/demos/basic.demo.vue.d.ts.map +1 -0
- package/dist/src/components/tag/__docs__/demos/icon.demo.vue.d.ts +3 -0
- package/dist/src/components/tag/__docs__/demos/icon.demo.vue.d.ts.map +1 -0
- package/dist/src/components/tag/__docs__/demos/preset.demo.vue.d.ts +3 -0
- package/dist/src/components/tag/__docs__/demos/preset.demo.vue.d.ts.map +1 -0
- package/dist/src/components/tag/__docs__/demos/size.demo.vue.d.ts +3 -0
- package/dist/src/components/tag/__docs__/demos/size.demo.vue.d.ts.map +1 -0
- package/dist/src/components/tag/__docs__/demos/variant.demo.vue.d.ts +3 -0
- package/dist/src/components/tag/__docs__/demos/variant.demo.vue.d.ts.map +1 -0
- package/dist/src/components/tag/__docs__/meta.d.ts +4 -0
- package/dist/src/components/tag/__docs__/meta.d.ts.map +1 -0
- package/dist/src/components/tag/index.d.ts +3 -0
- package/dist/src/components/tag/index.d.ts.map +1 -0
- package/dist/src/components/tag/tag.spec.d.ts +2 -0
- package/dist/src/components/tag/tag.spec.d.ts.map +1 -0
- package/dist/src/components/tag/tag.types.d.ts +40 -0
- package/dist/src/components/tag/tag.types.d.ts.map +1 -0
- package/dist/src/index.d.ts +13 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/styles/index.spec.d.ts +2 -0
- package/dist/src/styles/index.spec.d.ts.map +1 -0
- package/dist/ui.js +1288 -0
- package/dist/ui.umd.cjs +1 -0
- package/package.json +38 -0
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
export type ComponentStatus = 'stable' | 'beta' | 'deprecated';
|
|
2
|
+
export interface ChangelogEntry {
|
|
3
|
+
version: string;
|
|
4
|
+
date: string;
|
|
5
|
+
changes: string[];
|
|
6
|
+
}
|
|
7
|
+
export interface ComponentSectionMeta {
|
|
8
|
+
title: string;
|
|
9
|
+
description: string;
|
|
10
|
+
demoId: string;
|
|
11
|
+
}
|
|
12
|
+
export interface ApiItem {
|
|
13
|
+
name: string;
|
|
14
|
+
signature?: string;
|
|
15
|
+
type?: string;
|
|
16
|
+
default?: string;
|
|
17
|
+
description: string;
|
|
18
|
+
}
|
|
19
|
+
export interface ApiGroup {
|
|
20
|
+
type: 'props' | 'events' | 'slots' | 'exposes' | 'methods';
|
|
21
|
+
items: ApiItem[];
|
|
22
|
+
}
|
|
23
|
+
export type GuideKind = 'markdown' | 'custom';
|
|
24
|
+
export interface ComponentDocMeta {
|
|
25
|
+
id: string;
|
|
26
|
+
title: {
|
|
27
|
+
zh: string;
|
|
28
|
+
en: string;
|
|
29
|
+
};
|
|
30
|
+
category: string;
|
|
31
|
+
order: number;
|
|
32
|
+
status: ComponentStatus;
|
|
33
|
+
since: string;
|
|
34
|
+
summary: string;
|
|
35
|
+
sections: ComponentSectionMeta[];
|
|
36
|
+
apis: ApiGroup[];
|
|
37
|
+
changelog: ChangelogEntry[];
|
|
38
|
+
}
|
|
39
|
+
export interface GuideItem {
|
|
40
|
+
id: string;
|
|
41
|
+
title: string;
|
|
42
|
+
order: number;
|
|
43
|
+
kind: GuideKind;
|
|
44
|
+
}
|
|
45
|
+
export interface MarkdownGuideDoc extends GuideItem {
|
|
46
|
+
kind: 'markdown';
|
|
47
|
+
content: string;
|
|
48
|
+
}
|
|
49
|
+
export interface ColorOverviewSwatch {
|
|
50
|
+
name: string;
|
|
51
|
+
token: string;
|
|
52
|
+
cssVar: string;
|
|
53
|
+
hex: string;
|
|
54
|
+
displayValue?: string;
|
|
55
|
+
usage: string;
|
|
56
|
+
figmaNodeId?: string;
|
|
57
|
+
}
|
|
58
|
+
export interface ColorOverviewSection {
|
|
59
|
+
title: string;
|
|
60
|
+
description: string;
|
|
61
|
+
layout?: 'line' | 'cards';
|
|
62
|
+
figmaNodeId?: string;
|
|
63
|
+
swatches: ColorOverviewSwatch[];
|
|
64
|
+
}
|
|
65
|
+
export interface ColorOverviewGuideDoc extends GuideItem {
|
|
66
|
+
kind: 'custom';
|
|
67
|
+
template: 'color-overview';
|
|
68
|
+
summary: string;
|
|
69
|
+
sections: ColorOverviewSection[];
|
|
70
|
+
}
|
|
71
|
+
export interface IconGalleryGuideDoc extends GuideItem {
|
|
72
|
+
kind: 'custom';
|
|
73
|
+
template: 'icon-gallery';
|
|
74
|
+
summary: string;
|
|
75
|
+
}
|
|
76
|
+
export type GuideDoc = MarkdownGuideDoc | ColorOverviewGuideDoc | IconGalleryGuideDoc;
|
|
77
|
+
export interface ComponentSectionPage extends ComponentSectionMeta {
|
|
78
|
+
source: string;
|
|
79
|
+
sourceHtml: string;
|
|
80
|
+
sourceLanguage: string;
|
|
81
|
+
}
|
|
82
|
+
export interface ComponentDocPage extends Omit<ComponentDocMeta, 'sections'> {
|
|
83
|
+
sections: ComponentSectionPage[];
|
|
84
|
+
}
|
|
85
|
+
export interface ManifestCategoryComponent {
|
|
86
|
+
id: string;
|
|
87
|
+
title: string;
|
|
88
|
+
order: number;
|
|
89
|
+
status: ComponentStatus;
|
|
90
|
+
}
|
|
91
|
+
export interface ManifestCategory {
|
|
92
|
+
title: string;
|
|
93
|
+
order: number;
|
|
94
|
+
components: ManifestCategoryComponent[];
|
|
95
|
+
}
|
|
96
|
+
export interface Manifest {
|
|
97
|
+
version: string;
|
|
98
|
+
guides: GuideItem[];
|
|
99
|
+
categories: ManifestCategory[];
|
|
100
|
+
}
|
|
101
|
+
export interface SnapshotMeta {
|
|
102
|
+
version: string;
|
|
103
|
+
commit: string;
|
|
104
|
+
generatedAt: string;
|
|
105
|
+
schemaVersion: number;
|
|
106
|
+
}
|
|
107
|
+
//# sourceMappingURL=schema.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../internal/docs/schema.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors-overview.d.ts","sourceRoot":"","sources":["../../../../internal/guides/custom/colors-overview.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,QAAA,MAAM,KAAK,EAAE,qBA8PZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../internal/guides/custom/icons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,QAAA,MAAM,KAAK,EAAE,mBAQZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../../internal/icons/manifest.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,WAAW,EAAE,UAAU,EA27EnC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export type IconCategory = 'sys' | 'media' | 'instr' | 'social' | 'biz';
|
|
2
|
+
export type IconVariant = 'linear' | 'filled';
|
|
3
|
+
export interface IconRecord {
|
|
4
|
+
/** 仓库内实际文件名(已重命名为 kebab-case + 扩展名)。 */
|
|
5
|
+
fileName: string;
|
|
6
|
+
/** 建议在图标平台上传时使用的 name;与仓库内文件名同步。 */
|
|
7
|
+
suggestedName: string;
|
|
8
|
+
/** 一级分类:用于侧边筛选与上传时的分类前缀建议。 */
|
|
9
|
+
category: IconCategory;
|
|
10
|
+
/** 视觉风格:linear(默认)/ filled。 */
|
|
11
|
+
variant: IconVariant;
|
|
12
|
+
/** 原始文件来源(设计师交付物的相对路径)。 */
|
|
13
|
+
originalName: string;
|
|
14
|
+
/** 命名是否需要人工 review(中文 / 数字尾缀重复 / 拼写歧义等)。 */
|
|
15
|
+
needsReview: boolean;
|
|
16
|
+
/** review 原因,便于在 UI 上显示。 */
|
|
17
|
+
reviewReasons: string[];
|
|
18
|
+
/** 关键词,用于搜索过滤。 */
|
|
19
|
+
tags: string[];
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../internal/icons/types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,UAAU;IACzB,wCAAwC;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,QAAQ,EAAE,YAAY,CAAC;IACvB,+BAA+B;IAC/B,OAAO,EAAE,WAAW,CAAC;IACrB,2BAA2B;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,WAAW,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,kBAAkB;IAClB,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB"}
|
package/dist/llms.txt
ADDED
|
@@ -0,0 +1,358 @@
|
|
|
1
|
+
# @mureka-fe/ui v1.1.0
|
|
2
|
+
|
|
3
|
+
> AI/LLM-readable reference for the @mureka-fe/ui Vue 3 component library.
|
|
4
|
+
> Read this file before writing UI in a project that depends on this package.
|
|
5
|
+
|
|
6
|
+
## Setup
|
|
7
|
+
|
|
8
|
+
```ts
|
|
9
|
+
// Once at app entry:
|
|
10
|
+
import '@mureka-fe/ui/styles.css';
|
|
11
|
+
|
|
12
|
+
// Then import components as named exports:
|
|
13
|
+
import { MuButton, MuModal } from '@mureka-fe/ui';
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
## Available components
|
|
17
|
+
|
|
18
|
+
| Title | id | Summary |
|
|
19
|
+
| --- | --- | --- |
|
|
20
|
+
| Button 按钮 | `button` | 用于触发即时操作,支持主次层级、反色外观、危险状态、胶囊形状与图标模式。 |
|
|
21
|
+
| Message 消息提示 | `message` | 全局展示操作反馈信息,不打断用户操作。 |
|
|
22
|
+
| Dialog 弹窗 | `modal` | 用于承载需要中断当前流程的确认、编辑、危险操作以及结果反馈对话框。提供 form 与 feedback 两种排版形态。 |
|
|
23
|
+
| Tag 标签 | `tag` | 用于展示短文本、状态和设计强绑定标签;v1 为纯展示组件,不承担点击、选中或键盘交互。 |
|
|
24
|
+
| Switch 开关 | `switch` | 用于切换开/关状态,支持受控与非受控、自定义值、异步切换拦截、自定义文案和图标。 |
|
|
25
|
+
| Radio 单选 | `radio` | 用于在一组选项中选择单个值,支持受控与非受控、横向/纵向排列、禁用态和独立使用。 |
|
|
26
|
+
| Tabs 标签页 | `tabs` | 用于在同级内容或模式之间切换,支持 line 与 segment 两种视觉形态、三档尺寸、图标插槽和等宽布局。 |
|
|
27
|
+
|
|
28
|
+
## Full export list
|
|
29
|
+
|
|
30
|
+
```ts
|
|
31
|
+
import './styles/index.css';
|
|
32
|
+
|
|
33
|
+
export { MuButton } from './components/button';
|
|
34
|
+
export { MessageList, message } from './components/message';
|
|
35
|
+
export { MuModal, muModal, openMuModal } from './components/modal';
|
|
36
|
+
export type { ImperativeModalProps } from './components/modal';
|
|
37
|
+
export { MuRadio, MuRadioGroup } from './components/radio';
|
|
38
|
+
export type {
|
|
39
|
+
RadioGroupDirection,
|
|
40
|
+
RadioGroupProps,
|
|
41
|
+
RadioProps,
|
|
42
|
+
RadioValue,
|
|
43
|
+
} from './components/radio';
|
|
44
|
+
export { MuSwitch } from './components/switch';
|
|
45
|
+
export type {
|
|
46
|
+
SwitchBeforeChange,
|
|
47
|
+
SwitchProps,
|
|
48
|
+
SwitchSize,
|
|
49
|
+
SwitchType,
|
|
50
|
+
SwitchValue,
|
|
51
|
+
} from './components/switch';
|
|
52
|
+
export { MuTab, MuTabs } from './components/tabs';
|
|
53
|
+
export type {
|
|
54
|
+
TabProps,
|
|
55
|
+
TabValue,
|
|
56
|
+
TabsAppearance,
|
|
57
|
+
TabsLayout,
|
|
58
|
+
TabsProps,
|
|
59
|
+
TabsSize,
|
|
60
|
+
TabsVariant,
|
|
61
|
+
} from './components/tabs';
|
|
62
|
+
export { MuTag } from './components/tag';
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
## Components
|
|
66
|
+
|
|
67
|
+
### Button 按钮 `button`
|
|
68
|
+
|
|
69
|
+
Status: stable · Since 1.0.0 · Category: 通用
|
|
70
|
+
|
|
71
|
+
用于触发即时操作,支持主次层级、反色外观、危险状态、胶囊形状与图标模式。
|
|
72
|
+
|
|
73
|
+
#### Usage notes
|
|
74
|
+
|
|
75
|
+
- **基础类型** — 展示 6 种基础视觉类型:primary、tonal、secondary、ghost,以及 primary inverse、secondary inverse。ghost 如需提升内容层级,可额外使用 ghostTextTone。
|
|
76
|
+
- **危险按钮** — 用于删除、清空等高风险操作,首版提供 fill 与 outline 两种危险表达。
|
|
77
|
+
- **按钮尺寸** — 提供 32 / 40 / 48 三档高度,对应 small、medium、large。
|
|
78
|
+
- **按钮形状** — 通过 shape 切换圆角矩形与胶囊形;shape="pill" 搭配 iconOnly 即为圆形图标按钮。
|
|
79
|
+
- **图标组合** — 支持 prefix、suffix、prefix+suffix 以及 iconOnly;纯图标按钮必须提供 aria-label。ghost 如需 icon 与文本都提升为白色,可使用 ghostTextTone="primary"。
|
|
80
|
+
- **加载状态** — loading 会替换 prefix 区域为内置 SVG 加载图标,同时保持文本宽度稳定。
|
|
81
|
+
|
|
82
|
+
#### Props
|
|
83
|
+
|
|
84
|
+
| name | type | default | description |
|
|
85
|
+
| --- | --- | --- | --- |
|
|
86
|
+
| type | 'primary' \| 'secondary' \| 'tonal' \| 'ghost' | 'primary' | 定义按钮层级。primary 主操作,secondary 次操作,tonal 弱强调,ghost 轻操作。 |
|
|
87
|
+
| status | 'danger' | -- | 附加危险语义。与 type 组合后会覆盖为危险色表现。 |
|
|
88
|
+
| appearance | 'default' \| 'inverse' | 'default' | 定义按钮外观。inverse 用于反色展示。 |
|
|
89
|
+
| ghostTextTone | 'secondary' \| 'primary' | 'secondary' | 仅对 ghost 生效,其他类型会忽略该属性。控制 ghost 按钮内 icon 与文本的层级;primary 会提升为白色内容。 |
|
|
90
|
+
| size | 'small' \| 'medium' \| 'large' | 'medium' | 定义按钮高度、内边距和图标尺寸。 |
|
|
91
|
+
| shape | 'rectangular' \| 'pill' | 'rectangular' | 定义按钮外形。pill 为胶囊形,与 iconOnly 组合时表现为圆形图标按钮。 |
|
|
92
|
+
| disabled | boolean | false | 禁用态下按钮不可点击,并显示对应的禁用视觉。 |
|
|
93
|
+
| loading | boolean | false | 加载态不可点击,prefix 区域切换为内置 SVG 加载图标,文本保持不变。 |
|
|
94
|
+
| iconOnly | boolean | false | 声明为纯图标按钮。必须提供 aria-label,且不能与 prefix / suffix 同时使用。 |
|
|
95
|
+
| nativeType | 'button' \| 'submit' \| 'reset' | 'button' | 透传给原生 button 的 type 属性。 |
|
|
96
|
+
|
|
97
|
+
#### Slots
|
|
98
|
+
|
|
99
|
+
| name | type | default | description |
|
|
100
|
+
| --- | --- | --- | --- |
|
|
101
|
+
| default | VNode | -- | 按钮主体内容。文本按钮承载文案,iconOnly 场景承载图标节点。 |
|
|
102
|
+
| prefix | VNode | -- | 前置图标或补充内容。loading 时会被内置加载图标替换。 |
|
|
103
|
+
| suffix | VNode | -- | 后置图标或补充内容。iconOnly 模式下不可使用。 |
|
|
104
|
+
|
|
105
|
+
#### Events
|
|
106
|
+
|
|
107
|
+
| name | signature | description |
|
|
108
|
+
| --- | --- | --- |
|
|
109
|
+
| click | (event: MouseEvent) => void | 点击按钮时触发;disabled 或 loading 状态下不会触发。 |
|
|
110
|
+
|
|
111
|
+
### Message 消息提示 `message`
|
|
112
|
+
|
|
113
|
+
Status: stable · Since 1.0.0 · Category: 反馈
|
|
114
|
+
|
|
115
|
+
全局展示操作反馈信息,不打断用户操作。
|
|
116
|
+
|
|
117
|
+
#### Usage notes
|
|
118
|
+
|
|
119
|
+
- **基本用法** — 支持 success / warning / loading / error / danger 五种通知状态,新消息会加入顶部消息队列。
|
|
120
|
+
- **自定义图标** — 通过 icon 自定义提示图标,支持内联 SVG 字符串或 Vue 组件。
|
|
121
|
+
- **可关闭** — 设置 closable 显示关闭按钮;配合 duration: 0 可保持常驻,直到用户手动关闭。
|
|
122
|
+
|
|
123
|
+
#### Methods
|
|
124
|
+
|
|
125
|
+
| name | signature | description |
|
|
126
|
+
| --- | --- | --- |
|
|
127
|
+
| message.success | (text: string \| { title: string; description?: string; duration?: number; closable?: boolean; resetOnHover?: boolean; icon?: string \| Component }) => { close: () => void } | 展示成功提示,对应 Export Complete 的青色通知卡片。 |
|
|
128
|
+
| message.warning | (text: string \| { title: string; description?: string; duration?: number; closable?: boolean; resetOnHover?: boolean; icon?: string \| Component }) => { close: () => void } | 展示警告提示。 |
|
|
129
|
+
| message.loading | (text: string \| { title: string; description?: string; duration?: number; closable?: boolean; resetOnHover?: boolean; icon?: string \| Component }) => { close: () => void } | 展示加载中提示。 |
|
|
130
|
+
| message.error | (text: string \| { title: string; description?: string; duration?: number; closable?: boolean; resetOnHover?: boolean; icon?: string \| Component }) => { close: () => void } | 展示业务错误提示,可恢复。 |
|
|
131
|
+
| message.danger | (text: string \| { title: string; description?: string; duration?: number; closable?: boolean; resetOnHover?: boolean; icon?: string \| Component }) => { close: () => void } | 展示系统级危险错误提示,不可恢复。 |
|
|
132
|
+
|
|
133
|
+
### Dialog 弹窗 `modal`
|
|
134
|
+
|
|
135
|
+
Status: stable · Since 1.0.0 · Category: 反馈
|
|
136
|
+
|
|
137
|
+
用于承载需要中断当前流程的确认、编辑、危险操作以及结果反馈对话框。提供 form 与 feedback 两种排版形态。
|
|
138
|
+
|
|
139
|
+
#### Usage notes
|
|
140
|
+
|
|
141
|
+
- **何时用 form / 何时用 feedback** — form 用于"用户主动发起的操作弹窗"(创建、编辑、确认动作):标题保持中性白色,CTA 是要被强调的下一步动作(cyan 实色或 danger 描边)。feedback 用于"系统/动作产生的状态反馈"(操作完成、错误提示、信息说明):标题本身是状态语义,按 status 染色;CTA 退化为退出/继续,使用描边形态减轻视觉权重。判断口径:标题是动词短语用 form,标题是状态/结果短语用 feedback。下面表格列出 6 种典型组合。
|
|
142
|
+
- **基础用法(form + default)** — 声明式控制 Dialog 显隐,默认提供标题、内容区和双按钮 footer。
|
|
143
|
+
- **危险操作(form + danger)** — form 形态下的 danger 适用于表单内的删除/移除等不可逆动作。标题保持白色,仅 OK 按钮切换为红色描边。
|
|
144
|
+
- **反馈形态(feedback)** — feedback 形态用于操作结果反馈。标题按 status 染色(success 绿 / danger 红 / default 白),OK 按钮统一为对应颜色的描边。默认隐藏 Cancel。
|
|
145
|
+
- **反馈形态保留 Cancel(双按钮)** — 需要在反馈弹窗里给用户撤销/继续的选择时,显式传 hideCancel=false 即可恢复双按钮排版。
|
|
146
|
+
- **函数式调用** — 通过 muModal.confirm / muModal.success / muModal.danger / openMuModal 直接弹出对话框,返回 Promise<boolean>:OK 解析为 true,Cancel/Close/Esc/Mask 解析为 false。
|
|
147
|
+
- **尺寸** — 提供 medium 与 large 两档尺寸,large 适用于需要更大内容承载区的 Dialog。
|
|
148
|
+
|
|
149
|
+
#### Props
|
|
150
|
+
|
|
151
|
+
| name | type | default | description |
|
|
152
|
+
| --- | --- | --- | --- |
|
|
153
|
+
| visible | boolean | false | 控制弹窗显隐,支持 `v-model:visible` 双向绑定。 |
|
|
154
|
+
| title | string | '' | 弹窗标题文案。 |
|
|
155
|
+
| width | string | size preset | 覆盖默认尺寸预设的面板宽度。 |
|
|
156
|
+
| variant | 'form' \| 'feedback' | 'form' | form 用于操作弹窗(CTA 强调);feedback 用于状态反馈(标题按 status 染色 + OK 描边 + 默认隐藏 Cancel)。详见"何时用"章节。 |
|
|
157
|
+
| status | 'default' \| 'success' \| 'danger' | 'default' | feedback 形态下决定标题颜色与 OK 描边色;form 形态下仅 danger 影响 OK 按钮(保持现有行为)。 |
|
|
158
|
+
| size | 'medium' \| 'large' | 'medium' | 定义弹窗面板尺寸。 |
|
|
159
|
+
| maskClosable | boolean | true | 点击遮罩层时是否关闭弹窗。 |
|
|
160
|
+
| escToClose | boolean | true | 按下 `Escape` 时是否关闭弹窗。 |
|
|
161
|
+
| closable | boolean | true | 是否展示右上角关闭按钮。 |
|
|
162
|
+
| okText | string | 'Confirm' | 确认按钮文案。 |
|
|
163
|
+
| cancelText | string | 'Cancel' | 取消按钮文案。 |
|
|
164
|
+
| okLoading | boolean | false | 确认按钮加载态。 |
|
|
165
|
+
| hideOk | boolean | false | 隐藏默认确认按钮。 |
|
|
166
|
+
| hideCancel | boolean | form: false / feedback: true | 隐藏取消按钮。form 形态默认 false(双按钮),feedback 形态默认 true(单 CTA)。显式传值仍优先。 |
|
|
167
|
+
|
|
168
|
+
#### Slots
|
|
169
|
+
|
|
170
|
+
| name | type | default | description |
|
|
171
|
+
| --- | --- | --- | --- |
|
|
172
|
+
| default | VNode | -- | 弹窗主体内容区域。 |
|
|
173
|
+
| title | VNode | -- | 覆盖默认标题区域。 |
|
|
174
|
+
| footer | VNode | -- | 完全接管底部操作区。 |
|
|
175
|
+
|
|
176
|
+
#### Events
|
|
177
|
+
|
|
178
|
+
| name | signature | description |
|
|
179
|
+
| --- | --- | --- |
|
|
180
|
+
| update:visible | (value: boolean) => void | 显隐状态变化时触发。 |
|
|
181
|
+
| ok | (event: MouseEvent) => void | 点击确认按钮时触发。函数式调用会自动 resolve(true)。 |
|
|
182
|
+
| cancel | (event: MouseEvent) => void | 点击取消按钮或遮罩层关闭时触发。函数式调用会自动 resolve(false)。 |
|
|
183
|
+
| close | () => void | 点击右上角关闭按钮或按下 `Escape` 关闭时触发。函数式调用会自动 resolve(false)。 |
|
|
184
|
+
|
|
185
|
+
#### Methods
|
|
186
|
+
|
|
187
|
+
| name | signature | description |
|
|
188
|
+
| --- | --- | --- |
|
|
189
|
+
| openMuModal | (props: ImperativeModalProps) => Promise<boolean> | 通用函数式入口,透传所有 ModalProps(除 visible)。OK→true,Cancel/Close/Mask/Esc→false。 |
|
|
190
|
+
| muModal.show | (props) => Promise<boolean> | 等价于 openMuModal。 |
|
|
191
|
+
| muModal.confirm | (props) => Promise<boolean> | 透传所有 props,默认 form 形态;常用于操作前确认。 |
|
|
192
|
+
| muModal.success | (props) => Promise<boolean> | 强制 variant=feedback, status=success,常用于操作完成反馈。 |
|
|
193
|
+
| muModal.danger | (props) => Promise<boolean> | 强制 variant=feedback, status=danger,常用于错误/失败反馈。 |
|
|
194
|
+
|
|
195
|
+
### Tag 标签 `tag`
|
|
196
|
+
|
|
197
|
+
Status: stable · Since 1.0.0 · Category: 通用
|
|
198
|
+
|
|
199
|
+
用于展示短文本、状态和设计强绑定标签;v1 为纯展示组件,不承担点击、选中或键盘交互。
|
|
200
|
+
|
|
201
|
+
#### Usage notes
|
|
202
|
+
|
|
203
|
+
- **基础组合** — 通过 tone 与 variant 组合表达常规标签语义,组合范围与设计稿保持收敛。
|
|
204
|
+
- **尺寸与形状** — size 只描述几何规格,shape 控制圆角矩形或胶囊形。
|
|
205
|
+
- **图标插槽** — 基础标签支持 prefix 与 suffix 插槽,用于在文本前后放置 14px 图标。
|
|
206
|
+
- **强绑定样式** — preset 固化 New、Soon、Beta、1 Free 与 Details 等设计强绑定样式。
|
|
207
|
+
- **Variant 对照** — tonal 表示半透明底加弱描边,避免将 soft 与 outline 作为可叠加语义。
|
|
208
|
+
|
|
209
|
+
#### Props
|
|
210
|
+
|
|
211
|
+
| name | type | default | description |
|
|
212
|
+
| --- | --- | --- | --- |
|
|
213
|
+
| preset | 'new' \| 'new-mini' \| 'soon' \| 'beta' \| 'free' \| 'details' | -- | 使用固定设计样式。提供 preset 后会在类型层禁止 tone、variant、size 和 shape。 |
|
|
214
|
+
| tone | 'neutral' \| 'cyan' \| 'yellow' | 'neutral' | 基础标签的色彩语义。不同 tone 只开放设计稿支持的 variant。 |
|
|
215
|
+
| variant | 'soft' \| 'outline' \| 'tonal' \| 'solid' | tone default | 基础标签的视觉强度。neutral 支持 soft/outline/tonal,cyan 支持 solid/outline/tonal,yellow 仅支持 outline。 |
|
|
216
|
+
| size | 'mini' \| 'small' \| 'medium' \| 'large' | 'small' | 定义标签高度、字号和水平内边距,不承载使用场景语义。 |
|
|
217
|
+
| shape | 'rounded' \| 'pill' | 'rounded' | 定义标签外形。pill 用于计数、音乐风格等胶囊标签。 |
|
|
218
|
+
|
|
219
|
+
#### Slots
|
|
220
|
+
|
|
221
|
+
| name | type | default | description |
|
|
222
|
+
| --- | --- | --- | --- |
|
|
223
|
+
| default | VNode | -- | 基础标签内容。preset 标签内容固定,不读取默认插槽。 |
|
|
224
|
+
| prefix | VNode | -- | 基础标签前置图标插槽,建议使用 14px 图标并继承 currentColor。 |
|
|
225
|
+
| suffix | VNode | -- | 基础标签后置图标插槽,建议使用 14px 图标并继承 currentColor。 |
|
|
226
|
+
|
|
227
|
+
### Switch 开关 `switch`
|
|
228
|
+
|
|
229
|
+
Status: stable · Since 1.0.0 · Category: 通用
|
|
230
|
+
|
|
231
|
+
用于切换开/关状态,支持受控与非受控、自定义值、异步切换拦截、自定义文案和图标。
|
|
232
|
+
|
|
233
|
+
#### Usage notes
|
|
234
|
+
|
|
235
|
+
- **基础用法** — 通过 v-model 绑定开关状态,默认视觉对齐设计稿的圆形开关。
|
|
236
|
+
- **开关类型** — 提供 circle、round、line 三种类型;line 只保留轨道和滑块,不显示文案。
|
|
237
|
+
- **尺寸** — 提供 medium 与 small 两档尺寸,small 不显示状态文案。
|
|
238
|
+
- **禁用与加载** — disabled 使用整体透明度表达不可用;loading 阻止交互并展示加载图标。
|
|
239
|
+
- **自定义文案** — 通过 checked / unchecked 插槽或 checkedText / uncheckedText 自定义状态文案。
|
|
240
|
+
- **自定义图标** — 通过 checked-icon / unchecked-icon 插槽定制滑块上的状态图标。
|
|
241
|
+
- **异步切换** — beforeChange 可返回 false 或 Promise 阻止切换,适合二次确认和远程校验。
|
|
242
|
+
|
|
243
|
+
#### Props
|
|
244
|
+
|
|
245
|
+
| name | type | default | description |
|
|
246
|
+
| --- | --- | --- | --- |
|
|
247
|
+
| model-value (v-model) | string \| number \| boolean | -- | 绑定值。传入非 undefined 值时组件进入受控模式。 |
|
|
248
|
+
| default-checked | boolean | false | 非受控模式下的默认选中状态。 |
|
|
249
|
+
| disabled | boolean | false | 是否禁用。禁用后不可交互,并使用 0.4 透明度。 |
|
|
250
|
+
| loading | boolean | false | 是否为加载中状态。加载中不可交互,并在滑块中显示加载图标。 |
|
|
251
|
+
| type | 'circle' \| 'round' \| 'line' | 'circle' | 开关类型。circle 为默认胶囊形,round 为圆角矩形,line 为线形。 |
|
|
252
|
+
| size | 'small' \| 'medium' | 'medium' | 开关尺寸。small 不显示 checked / unchecked 文案。 |
|
|
253
|
+
| checked-value | string \| number \| boolean | true | 选中时发出的值。 |
|
|
254
|
+
| unchecked-value | string \| number \| boolean | false | 未选中时发出的值。 |
|
|
255
|
+
| checked-color | string | -- | 选中时的开关颜色,同步影响轨道、描边、滑块和发光。 |
|
|
256
|
+
| unchecked-color | string | -- | 未选中时的轨道颜色。 |
|
|
257
|
+
| before-change | (newValue: string \| number \| boolean) => Promise<boolean \| void> \| boolean \| void | -- | 状态改变前的钩子。返回 false、Promise resolve false 或 Promise reject 时取消切换。 |
|
|
258
|
+
| checked-text | string | -- | 打开状态文案。type='line' 和 size='small' 时不生效。 |
|
|
259
|
+
| unchecked-text | string | -- | 关闭状态文案。type='line' 和 size='small' 时不生效。 |
|
|
260
|
+
|
|
261
|
+
#### Events
|
|
262
|
+
|
|
263
|
+
| name | signature | description |
|
|
264
|
+
| --- | --- | --- |
|
|
265
|
+
| change | (value: boolean \| string \| number, originalEvent: Event \| null) => void | 值改变时触发。异步 beforeChange 通过后仍透传触发切换时的 originalEvent,但该事件可能已经不在当前 frame。 |
|
|
266
|
+
| focus | (event: FocusEvent) => void | 组件获得焦点时触发。 |
|
|
267
|
+
| blur | (event: FocusEvent) => void | 组件失去焦点时触发。 |
|
|
268
|
+
|
|
269
|
+
#### Slots
|
|
270
|
+
|
|
271
|
+
| name | type | default | description |
|
|
272
|
+
| --- | --- | --- | --- |
|
|
273
|
+
| checked-icon | VNode | -- | 打开状态时,滑块上的图标。loading 时会被加载图标替换。 |
|
|
274
|
+
| unchecked-icon | VNode | -- | 关闭状态时,滑块上的图标。loading 时会被加载图标替换。 |
|
|
275
|
+
| checked | VNode | -- | 打开状态时的文案。type='line' 和 size='small' 时不生效。 |
|
|
276
|
+
| unchecked | VNode | -- | 关闭状态时的文案。type='line' 和 size='small' 时不生效。 |
|
|
277
|
+
|
|
278
|
+
### Radio 单选 `radio`
|
|
279
|
+
|
|
280
|
+
Status: stable · Since 1.0.0 · Category: 通用
|
|
281
|
+
|
|
282
|
+
用于在一组选项中选择单个值,支持受控与非受控、横向/纵向排列、禁用态和独立使用。
|
|
283
|
+
|
|
284
|
+
#### Usage notes
|
|
285
|
+
|
|
286
|
+
- **基础用法** — 通过 MuRadioGroup 与 v-model 管理单选值,默认样式对齐 Figma 48px 输入场景。
|
|
287
|
+
- **排列方向** — direction 支持 horizontal 与 vertical;横向组间距为 16px。
|
|
288
|
+
- **禁用状态** — Group disabled 会禁用整组;单个 Radio 也可以独立 disabled。
|
|
289
|
+
- **独立使用** — 不包裹 Group 时,多个 Radio 可以共享同一个 v-model 与 name 自行组成选择关系。
|
|
290
|
+
|
|
291
|
+
#### Props
|
|
292
|
+
|
|
293
|
+
| name | type | default | description |
|
|
294
|
+
| --- | --- | --- | --- |
|
|
295
|
+
| model-value (v-model) | string \| number \| boolean | -- | Radio 的绑定值。传入非 undefined 值时进入受控模式。 |
|
|
296
|
+
| value | string \| number \| boolean | true | 当前 Radio 被选中时发出的值。 |
|
|
297
|
+
| default-checked | boolean | false | 非受控模式下的默认选中状态,仅对独立 Radio 生效。 |
|
|
298
|
+
| disabled | boolean | false | 禁用当前 Radio。Group disabled 会同时禁用组内所有 Radio。 |
|
|
299
|
+
| name | string | -- | 透传给原生 radio input 的 name。Group name 会优先透传给子项。 |
|
|
300
|
+
| default-value | string \| number \| boolean | -- | Group 非受控模式下的默认选中值。 |
|
|
301
|
+
| direction | 'horizontal' \| 'vertical' | 'horizontal' | Group 排列方向。 |
|
|
302
|
+
|
|
303
|
+
#### Events
|
|
304
|
+
|
|
305
|
+
| name | signature | description |
|
|
306
|
+
| --- | --- | --- |
|
|
307
|
+
| change | (value: string \| number \| boolean, originalEvent: Event) => void | 值改变时触发。Group 内选择由 Group 触发,独立 Radio 由自身触发。 |
|
|
308
|
+
| focus | (event: FocusEvent) => void | Radio 原生 input 获得焦点时触发。 |
|
|
309
|
+
| blur | (event: FocusEvent) => void | Radio 原生 input 失去焦点时触发。 |
|
|
310
|
+
|
|
311
|
+
#### Slots
|
|
312
|
+
|
|
313
|
+
| name | type | default | description |
|
|
314
|
+
| --- | --- | --- | --- |
|
|
315
|
+
| default | VNode | -- | Radio 标签内容。 |
|
|
316
|
+
|
|
317
|
+
### Tabs 标签页 `tabs`
|
|
318
|
+
|
|
319
|
+
Status: stable · Since 1.0.0 · Category: 通用
|
|
320
|
+
|
|
321
|
+
用于在同级内容或模式之间切换,支持 line 与 segment 两种视觉形态、三档尺寸、图标插槽和等宽布局。
|
|
322
|
+
|
|
323
|
+
#### Usage notes
|
|
324
|
+
|
|
325
|
+
- **Line 标签** — line 固定使用 cyan 激活色,不支持 appearance;第一版仅实现 tab header。
|
|
326
|
+
- **Segment White** — segment 的 white appearance 使用浅色激活填充,适合无图标的基础切换。
|
|
327
|
+
- **Segment Ghost** — ghost appearance 使用半透明填充,并支持每个 MuTab 的 prefix 与 suffix 插槽。
|
|
328
|
+
- **尺寸** — small / medium / large 对应 32 / 40 / 48 三档高度。
|
|
329
|
+
- **等宽布局** — layout="equal" 让 segment item 平分容器;两个 tab 只是 item 数量变化,不是新分类。
|
|
330
|
+
- **禁用状态** — Tabs disabled 会禁用整组;单个 MuTab 也可以独立 disabled。
|
|
331
|
+
|
|
332
|
+
#### Props
|
|
333
|
+
|
|
334
|
+
| name | type | default | description |
|
|
335
|
+
| --- | --- | --- | --- |
|
|
336
|
+
| model-value (v-model) | string \| number | -- | 当前激活值。传入非 undefined 值时进入受控模式。 |
|
|
337
|
+
| default-value | string \| number | -- | 非受控模式下的默认激活值。 |
|
|
338
|
+
| variant | 'line' \| 'segment' | 'line' | 视觉形态。line 为文字加下划线;segment 为容器内填充选项。 |
|
|
339
|
+
| appearance | 'white' \| 'ghost' | 'white' | 仅在 variant="segment" 时可用,表示 segment 的填充风格;不是 Tag 的 tone 色调体系。 |
|
|
340
|
+
| size | 'small' \| 'medium' \| 'large' | 'medium' | 定义 Tabs 高度、字号、圆角、内边距和图标尺寸。 |
|
|
341
|
+
| layout | 'content' \| 'equal' | 'content' | content 按内容宽度撑开;equal 让 item 等宽平分容器。 |
|
|
342
|
+
| disabled | boolean | false | 禁用整组 Tabs,组内 MuTab 不可选择。 |
|
|
343
|
+
| value | string \| number | -- | MuTab 的唯一值,用于匹配当前激活项。 |
|
|
344
|
+
|
|
345
|
+
#### Events
|
|
346
|
+
|
|
347
|
+
| name | signature | description |
|
|
348
|
+
| --- | --- | --- |
|
|
349
|
+
| change | (value: string \| number, originalEvent: Event) => void | 激活值变化时触发。 |
|
|
350
|
+
| click | (event: MouseEvent) => void | MuTab 按钮点击时触发;disabled 状态不会触发。 |
|
|
351
|
+
|
|
352
|
+
#### Slots
|
|
353
|
+
|
|
354
|
+
| name | type | default | description |
|
|
355
|
+
| --- | --- | --- | --- |
|
|
356
|
+
| default | VNode | -- | MuTabs 默认插槽承载 MuTab;MuTab 默认插槽承载标签文本。 |
|
|
357
|
+
| prefix | VNode | -- | MuTab 前置图标插槽,图标尺寸随 Tabs size 变化。 |
|
|
358
|
+
| suffix | VNode | -- | MuTab 后置图标插槽,图标尺寸随 Tabs size 变化。 |
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { ButtonProps } from './button.types';
|
|
2
|
+
declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
prefix?: (props: typeof __VLS_1) => any;
|
|
5
|
+
} & {
|
|
6
|
+
default?: (props: typeof __VLS_3) => any;
|
|
7
|
+
} & {
|
|
8
|
+
suffix?: (props: typeof __VLS_5) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_component: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
|
+
click: (event: MouseEvent) => any;
|
|
12
|
+
}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{
|
|
13
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
14
|
+
}>, {
|
|
15
|
+
type: import("./button.types").ButtonType;
|
|
16
|
+
appearance: import("./button.types").ButtonAppearance;
|
|
17
|
+
ghostTextTone: import("./button.types").ButtonGhostTextTone;
|
|
18
|
+
size: import("./button.types").ButtonSize;
|
|
19
|
+
shape: import("./button.types").ButtonShape;
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
loading: boolean;
|
|
22
|
+
iconOnly: boolean;
|
|
23
|
+
nativeType: import("./button.types").ButtonNativeType;
|
|
24
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=Button.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.vue"],"names":[],"mappings":"AAsaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiPlD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B9C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
3
|
+
//# sourceMappingURL=basic.demo.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"basic.demo.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/__docs__/demos/basic.demo.vue"],"names":[],"mappings":";AA4IA,wBAKG"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
3
|
+
//# sourceMappingURL=danger.demo.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"danger.demo.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/__docs__/demos/danger.demo.vue"],"names":[],"mappings":";AAmIA,wBAKG"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
3
|
+
//# sourceMappingURL=icon.demo.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.demo.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/__docs__/demos/icon.demo.vue"],"names":[],"mappings":";AA0QA,wBAKG"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
3
|
+
//# sourceMappingURL=loading.demo.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loading.demo.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/__docs__/demos/loading.demo.vue"],"names":[],"mappings":";AA6IA,wBAKG"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
3
|
+
//# sourceMappingURL=shape.demo.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shape.demo.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/__docs__/demos/shape.demo.vue"],"names":[],"mappings":";AA0NA,wBAKG"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
3
|
+
//# sourceMappingURL=size.demo.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"size.demo.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/__docs__/demos/size.demo.vue"],"names":[],"mappings":";AAqJA,wBAKG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/__docs__/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEzE,QAAA,MAAM,IAAI,EAAE,gBA8IX,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.spec.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.spec.ts"],"names":[],"mappings":""}
|