vft 0.0.69 → 0.0.70
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/index.css +1 -1
- package/es/components/avatar/avatar.vue.d.ts +2 -2
- package/es/components/avatar/index.d.ts +2 -2
- package/es/components/button/button.vue.d.ts +1 -1
- package/es/components/button/index.d.ts +1 -1
- package/es/components/button/use-button.d.ts +1 -1
- package/es/components/checkbox/checkbox-button.vue.d.ts +2 -2
- package/es/components/checkbox/checkbox-group.vue.d.ts +2 -2
- package/es/components/checkbox/checkbox.vue.d.ts +2 -2
- package/es/components/checkbox/composables/use-checkbox-status.d.ts +2 -2
- package/es/components/checkbox/composables/use-checkbox.d.ts +2 -2
- package/es/components/checkbox/index.d.ts +10 -10
- package/es/components/color-picker/color-picker.vue.d.ts +2 -2
- package/es/components/color-picker/index.d.ts +2 -2
- package/es/components/dropdown/dropdown.vue.d.ts +1 -1
- package/es/components/dropdown/index.d.ts +1 -1
- package/es/components/form/form-item.vue.d.ts +3 -3
- package/es/components/form/form.vue.d.ts +2 -2
- package/es/components/form/hooks/use-form-common-props.d.ts +2 -2
- package/es/components/form/index.d.ts +8 -8
- package/es/components/input/index.d.ts +2 -2
- package/es/components/input/input.vue.d.ts +2 -2
- package/es/components/radio/index.d.ts +10 -10
- package/es/components/radio/radio-button.vue.d.ts +2 -2
- package/es/components/radio/radio-group.vue.d.ts +2 -2
- package/es/components/radio/radio.vue.d.ts +2 -2
- package/es/components/radio/use-radio.d.ts +1 -1
- package/es/components/select-v2/defaults.d.ts +1 -1
- package/es/components/select-v2/index.d.ts +8 -8
- package/es/components/select-v2/select.vue.d.ts +4 -4
- package/es/components/select-v2/useSelect.d.ts +2 -2
- package/es/components/switch/index.d.ts +2 -2
- package/es/components/switch/switch.vue.d.ts +2 -2
- package/es/components/tabs/tabs.vue2.js +22 -19
- package/es/components/tabs/types.d.ts +22 -21
- package/es/hooks/use-size/index.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/lib/components/avatar/avatar.vue.d.ts +2 -2
- package/lib/components/avatar/index.d.ts +2 -2
- package/lib/components/button/button.vue.d.ts +1 -1
- package/lib/components/button/index.d.ts +1 -1
- package/lib/components/button/use-button.d.ts +1 -1
- package/lib/components/checkbox/checkbox-button.vue.d.ts +2 -2
- package/lib/components/checkbox/checkbox-group.vue.d.ts +2 -2
- package/lib/components/checkbox/checkbox.vue.d.ts +2 -2
- package/lib/components/checkbox/composables/use-checkbox-status.d.ts +2 -2
- package/lib/components/checkbox/composables/use-checkbox.d.ts +2 -2
- package/lib/components/checkbox/index.d.ts +10 -10
- package/lib/components/color-picker/color-picker.vue.d.ts +2 -2
- package/lib/components/color-picker/index.d.ts +2 -2
- package/lib/components/dropdown/dropdown.vue.d.ts +1 -1
- package/lib/components/dropdown/index.d.ts +1 -1
- package/lib/components/form/form-item.vue.d.ts +3 -3
- package/lib/components/form/form.vue.d.ts +2 -2
- package/lib/components/form/hooks/use-form-common-props.d.ts +2 -2
- package/lib/components/form/index.d.ts +8 -8
- package/lib/components/input/index.d.ts +2 -2
- package/lib/components/input/input.vue.d.ts +2 -2
- package/lib/components/radio/index.d.ts +10 -10
- package/lib/components/radio/radio-button.vue.d.ts +2 -2
- package/lib/components/radio/radio-group.vue.d.ts +2 -2
- package/lib/components/radio/radio.vue.d.ts +2 -2
- package/lib/components/radio/use-radio.d.ts +1 -1
- package/lib/components/select-v2/defaults.d.ts +1 -1
- package/lib/components/select-v2/index.d.ts +8 -8
- package/lib/components/select-v2/select.vue.d.ts +4 -4
- package/lib/components/select-v2/useSelect.d.ts +2 -2
- package/lib/components/switch/index.d.ts +2 -2
- package/lib/components/switch/switch.vue.d.ts +2 -2
- package/lib/components/tabs/tabs.vue2.cjs +1 -1
- package/lib/components/tabs/types.d.ts +22 -21
- package/lib/hooks/use-size/index.d.ts +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +5 -5
- package/theme-style/index.css +1 -1
- package/theme-style/src/tabs.scss +15 -13
- package/theme-style/vft-tabs.css +1 -1
- package/web-types.json +1 -1
|
@@ -79,7 +79,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
79
79
|
};
|
|
80
80
|
remote: BooleanConstructor;
|
|
81
81
|
size: {
|
|
82
|
-
type: import("vue").PropType<"" | "
|
|
82
|
+
type: import("vue").PropType<"" | "large" | "small" | "default">;
|
|
83
83
|
};
|
|
84
84
|
valueKey: {
|
|
85
85
|
type: StringConstructor;
|
|
@@ -100,7 +100,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
100
100
|
};
|
|
101
101
|
}, {
|
|
102
102
|
modelValue: import("vue").ComputedRef<any>;
|
|
103
|
-
collapseTagSize: import("vue").ComputedRef<"
|
|
103
|
+
collapseTagSize: import("vue").ComputedRef<"small" | "default">;
|
|
104
104
|
currentPlaceholder: import("vue").ComputedRef<any>;
|
|
105
105
|
expanded: import("vue").Ref<boolean>;
|
|
106
106
|
emptyText: import("vue").ComputedRef<any>;
|
|
@@ -115,7 +115,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
115
115
|
hasModelValue: import("vue").ComputedRef<boolean>;
|
|
116
116
|
shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
|
|
117
117
|
selectDisabled: import("vue").ComputedRef<boolean | undefined>;
|
|
118
|
-
selectSize: import("vue").ComputedRef<"" | "
|
|
118
|
+
selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
119
119
|
showClearBtn: import("vue").ComputedRef<boolean>;
|
|
120
120
|
states: {
|
|
121
121
|
inputValue: string;
|
|
@@ -955,7 +955,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
955
955
|
};
|
|
956
956
|
remote: BooleanConstructor;
|
|
957
957
|
size: {
|
|
958
|
-
type: import("vue").PropType<"" | "
|
|
958
|
+
type: import("vue").PropType<"" | "large" | "small" | "default">;
|
|
959
959
|
};
|
|
960
960
|
valueKey: {
|
|
961
961
|
type: StringConstructor;
|
|
@@ -1091,7 +1091,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
1091
1091
|
};
|
|
1092
1092
|
remote: BooleanConstructor;
|
|
1093
1093
|
size: {
|
|
1094
|
-
type: import("vue").PropType<"" | "
|
|
1094
|
+
type: import("vue").PropType<"" | "large" | "small" | "default">;
|
|
1095
1095
|
};
|
|
1096
1096
|
valueKey: {
|
|
1097
1097
|
type: StringConstructor;
|
|
@@ -1112,7 +1112,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
1112
1112
|
};
|
|
1113
1113
|
}, {
|
|
1114
1114
|
modelValue: import("vue").ComputedRef<any>;
|
|
1115
|
-
collapseTagSize: import("vue").ComputedRef<"
|
|
1115
|
+
collapseTagSize: import("vue").ComputedRef<"small" | "default">;
|
|
1116
1116
|
currentPlaceholder: import("vue").ComputedRef<any>;
|
|
1117
1117
|
expanded: import("vue").Ref<boolean>;
|
|
1118
1118
|
emptyText: import("vue").ComputedRef<any>;
|
|
@@ -1127,7 +1127,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
1127
1127
|
hasModelValue: import("vue").ComputedRef<boolean>;
|
|
1128
1128
|
shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
|
|
1129
1129
|
selectDisabled: import("vue").ComputedRef<boolean | undefined>;
|
|
1130
|
-
selectSize: import("vue").ComputedRef<"" | "
|
|
1130
|
+
selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
1131
1131
|
showClearBtn: import("vue").ComputedRef<boolean>;
|
|
1132
1132
|
states: {
|
|
1133
1133
|
inputValue: string;
|
|
@@ -1967,7 +1967,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
1967
1967
|
};
|
|
1968
1968
|
remote: BooleanConstructor;
|
|
1969
1969
|
size: {
|
|
1970
|
-
type: import("vue").PropType<"" | "
|
|
1970
|
+
type: import("vue").PropType<"" | "large" | "small" | "default">;
|
|
1971
1971
|
};
|
|
1972
1972
|
valueKey: {
|
|
1973
1973
|
type: StringConstructor;
|
|
@@ -78,7 +78,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
78
78
|
};
|
|
79
79
|
remote: BooleanConstructor;
|
|
80
80
|
size: {
|
|
81
|
-
type: import("vue").PropType<"" | "
|
|
81
|
+
type: import("vue").PropType<"" | "large" | "small" | "default">;
|
|
82
82
|
};
|
|
83
83
|
valueKey: {
|
|
84
84
|
type: StringConstructor;
|
|
@@ -99,7 +99,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
99
99
|
};
|
|
100
100
|
}, {
|
|
101
101
|
modelValue: import("vue").ComputedRef<any>;
|
|
102
|
-
collapseTagSize: import("vue").ComputedRef<"
|
|
102
|
+
collapseTagSize: import("vue").ComputedRef<"small" | "default">;
|
|
103
103
|
currentPlaceholder: import("vue").ComputedRef<any>;
|
|
104
104
|
expanded: import("vue").Ref<boolean>;
|
|
105
105
|
emptyText: import("vue").ComputedRef<any>;
|
|
@@ -114,7 +114,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
114
114
|
hasModelValue: import("vue").ComputedRef<boolean>;
|
|
115
115
|
shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
|
|
116
116
|
selectDisabled: import("vue").ComputedRef<boolean | undefined>;
|
|
117
|
-
selectSize: import("vue").ComputedRef<"" | "
|
|
117
|
+
selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
118
118
|
showClearBtn: import("vue").ComputedRef<boolean>;
|
|
119
119
|
states: {
|
|
120
120
|
inputValue: string;
|
|
@@ -954,7 +954,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
954
954
|
};
|
|
955
955
|
remote: BooleanConstructor;
|
|
956
956
|
size: {
|
|
957
|
-
type: import("vue").PropType<"" | "
|
|
957
|
+
type: import("vue").PropType<"" | "large" | "small" | "default">;
|
|
958
958
|
};
|
|
959
959
|
valueKey: {
|
|
960
960
|
type: StringConstructor;
|
|
@@ -3,7 +3,7 @@ import type { SelectProps } from './defaults';
|
|
|
3
3
|
import type { CSSProperties, ExtractPropTypes } from 'vue';
|
|
4
4
|
import type { Option } from './select.types';
|
|
5
5
|
declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any) => {
|
|
6
|
-
collapseTagSize: import("vue").ComputedRef<"
|
|
6
|
+
collapseTagSize: import("vue").ComputedRef<"small" | "default">;
|
|
7
7
|
currentPlaceholder: import("vue").ComputedRef<any>;
|
|
8
8
|
expanded: import("vue").Ref<boolean>;
|
|
9
9
|
emptyText: import("vue").ComputedRef<any>;
|
|
@@ -18,7 +18,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
|
|
|
18
18
|
hasModelValue: import("vue").ComputedRef<boolean>;
|
|
19
19
|
shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
|
|
20
20
|
selectDisabled: import("vue").ComputedRef<boolean | undefined>;
|
|
21
|
-
selectSize: import("vue").ComputedRef<"" | "
|
|
21
|
+
selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
22
22
|
showClearBtn: import("vue").ComputedRef<boolean>;
|
|
23
23
|
states: {
|
|
24
24
|
inputValue: string;
|
|
@@ -84,7 +84,7 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
|
|
|
84
84
|
required: false;
|
|
85
85
|
};
|
|
86
86
|
size: {
|
|
87
|
-
type: import("vue").PropType<"" | "
|
|
87
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
88
88
|
required: false;
|
|
89
89
|
};
|
|
90
90
|
tabindex: {
|
|
@@ -180,7 +180,7 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
|
|
|
180
180
|
required: false;
|
|
181
181
|
};
|
|
182
182
|
size: {
|
|
183
|
-
type: import("vue").PropType<"" | "
|
|
183
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
184
184
|
required: false;
|
|
185
185
|
};
|
|
186
186
|
tabindex: {
|
|
@@ -110,7 +110,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
110
110
|
required: false;
|
|
111
111
|
};
|
|
112
112
|
size: {
|
|
113
|
-
type: __PropType<"" | "
|
|
113
|
+
type: __PropType<"" | "large" | "small" | "default" | undefined>;
|
|
114
114
|
required: false;
|
|
115
115
|
};
|
|
116
116
|
tabindex: {
|
|
@@ -212,7 +212,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
212
212
|
required: false;
|
|
213
213
|
};
|
|
214
214
|
size: {
|
|
215
|
-
type: __PropType<"" | "
|
|
215
|
+
type: __PropType<"" | "large" | "small" | "default" | undefined>;
|
|
216
216
|
required: false;
|
|
217
217
|
};
|
|
218
218
|
tabindex: {
|
|
@@ -20,7 +20,6 @@ const d = (
|
|
|
20
20
|
}), re = /* @__PURE__ */ w({
|
|
21
21
|
...j,
|
|
22
22
|
props: {
|
|
23
|
-
type: null,
|
|
24
23
|
closable: {
|
|
25
24
|
type: Boolean
|
|
26
25
|
},
|
|
@@ -41,6 +40,10 @@ const d = (
|
|
|
41
40
|
stretch: {
|
|
42
41
|
type: Boolean
|
|
43
42
|
},
|
|
43
|
+
showBar: {
|
|
44
|
+
type: Boolean,
|
|
45
|
+
default: !1
|
|
46
|
+
},
|
|
44
47
|
closeIconCfg: null,
|
|
45
48
|
addIconCfg: null,
|
|
46
49
|
arrowLeftIconCfg: null,
|
|
@@ -51,7 +54,7 @@ const d = (
|
|
|
51
54
|
/** 点击 */
|
|
52
55
|
tabClick: (t, c) => c instanceof Event,
|
|
53
56
|
/** 右键点击 */
|
|
54
|
-
tabContextMenu: (t, c,
|
|
57
|
+
tabContextMenu: (t, c, a) => a instanceof Event,
|
|
55
58
|
tabChange: (t) => f(t),
|
|
56
59
|
edit: (t, c) => ["remove", "add"].includes(c),
|
|
57
60
|
/** 移除 */
|
|
@@ -61,45 +64,45 @@ const d = (
|
|
|
61
64
|
},
|
|
62
65
|
setup(t, {
|
|
63
66
|
expose: c,
|
|
64
|
-
emit:
|
|
67
|
+
emit: a
|
|
65
68
|
}) {
|
|
66
69
|
const T = g(), i = M(), u = h(), r = h(t.modelValue ?? "0"), y = (e) => {
|
|
67
|
-
r.value = e,
|
|
70
|
+
r.value = e, a("update:modelValue", e), a("tabChange", e);
|
|
68
71
|
}, m = async (e) => {
|
|
69
|
-
var
|
|
72
|
+
var n, o, v;
|
|
70
73
|
if (!(r.value === e || I(e)))
|
|
71
74
|
try {
|
|
72
|
-
await ((
|
|
75
|
+
await ((n = t.beforeLeave) == null ? void 0 : n.call(t, e, r.value)) !== !1 && (y(e), (v = (o = u.value) == null ? void 0 : o.removeFocus) == null || v.call(o));
|
|
73
76
|
} catch {
|
|
74
77
|
}
|
|
75
|
-
}, R = (e,
|
|
76
|
-
e.props.disabled || (m(
|
|
77
|
-
}, L = (e,
|
|
78
|
-
e.props.disabled || I(e.props.name) || (
|
|
78
|
+
}, R = (e, n, o) => {
|
|
79
|
+
e.props.disabled || (m(n), a("tabClick", e, o));
|
|
80
|
+
}, L = (e, n) => {
|
|
81
|
+
e.props.disabled || I(e.props.name) || (n.stopPropagation(), a("edit", e.props.name, "remove"), a("tabRemove", e.props.name));
|
|
79
82
|
};
|
|
80
83
|
p(() => t.modelValue, (e) => m(e)), p(r, async () => {
|
|
81
84
|
var e;
|
|
82
85
|
await D(), (e = u.value) == null || e.scrollToActiveTab();
|
|
83
86
|
});
|
|
84
87
|
const N = () => {
|
|
85
|
-
|
|
86
|
-
}, x = (e,
|
|
87
|
-
|
|
88
|
+
a("edit", void 0, "add"), a("tabAdd");
|
|
89
|
+
}, x = (e, n, o) => {
|
|
90
|
+
a("tabContextMenu", e, n, o);
|
|
88
91
|
}, b = l(() => {
|
|
89
92
|
var e;
|
|
90
93
|
return s("div", {
|
|
91
94
|
class: d.e("content")
|
|
92
95
|
}, [(e = i.default) == null ? void 0 : e.call(i)]);
|
|
93
96
|
}), {
|
|
94
|
-
children:
|
|
95
|
-
addChild:
|
|
96
|
-
removeChild:
|
|
97
|
+
children: B,
|
|
98
|
+
addChild: P,
|
|
99
|
+
removeChild: A
|
|
97
100
|
} = U(g(), "vft-tab-pane");
|
|
98
101
|
F(S, {
|
|
99
102
|
props: T.props,
|
|
100
103
|
currentName: r,
|
|
101
|
-
registerPane:
|
|
102
|
-
unregisterPane:
|
|
104
|
+
registerPane: P,
|
|
105
|
+
unregisterPane: A
|
|
103
106
|
}), c({
|
|
104
107
|
currentName: r
|
|
105
108
|
});
|
|
@@ -126,7 +129,7 @@ const d = (
|
|
|
126
129
|
}, [s(K, {
|
|
127
130
|
ref: u,
|
|
128
131
|
currentName: r.value,
|
|
129
|
-
panes:
|
|
132
|
+
panes: B.value,
|
|
130
133
|
stretch: t.stretch,
|
|
131
134
|
showBar: t.showBar,
|
|
132
135
|
closeIconCfg: V.value,
|
|
@@ -10,28 +10,7 @@ export type TabsPaneContext = UnwrapRef<{
|
|
|
10
10
|
isClosable: ComputedRef<boolean>;
|
|
11
11
|
attrs: Record<string, any>;
|
|
12
12
|
}>;
|
|
13
|
-
export type TabsType = 'card' | 'border-card' | '';
|
|
14
|
-
export interface TabsRootContext {
|
|
15
|
-
props: TabsProps;
|
|
16
|
-
currentName: Ref<string | number>;
|
|
17
|
-
registerPane: (pane: TabsPaneContext) => void;
|
|
18
|
-
unregisterPane: (uid: number) => void;
|
|
19
|
-
}
|
|
20
|
-
export interface TabPaneProps {
|
|
21
|
-
/** 选项卡标题 */
|
|
22
|
-
label: string;
|
|
23
|
-
/** 与选项卡绑定值 value 对应的标识符,表示选项卡别名 */
|
|
24
|
-
name: string | number;
|
|
25
|
-
/** 标签是否可关闭 */
|
|
26
|
-
closable: boolean;
|
|
27
|
-
/** 是否禁用 */
|
|
28
|
-
disabled: boolean;
|
|
29
|
-
/** 标签是否延迟渲染 */
|
|
30
|
-
lazy: boolean;
|
|
31
|
-
}
|
|
32
13
|
export interface TabsProps {
|
|
33
|
-
/** 风格类型 */
|
|
34
|
-
type?: TabsType;
|
|
35
14
|
/** 标签是否可关闭 */
|
|
36
15
|
closable?: boolean;
|
|
37
16
|
/** 标签是否可增加 */
|
|
@@ -44,12 +23,34 @@ export interface TabsProps {
|
|
|
44
23
|
tabPosition?: 'top' | 'right' | 'bottom' | 'left';
|
|
45
24
|
/** 切换标签之前的钩子函数, 若返回 false 或者返回被 reject 的 Promise,则阻止切换 */
|
|
46
25
|
beforeLeave?: Function;
|
|
26
|
+
/** 是否自动撑开宽度 */
|
|
47
27
|
stretch?: boolean;
|
|
28
|
+
showBar?: boolean;
|
|
29
|
+
/** icon 配置 */
|
|
48
30
|
closeIconCfg?: IconProps;
|
|
49
31
|
addIconCfg?: IconProps;
|
|
50
32
|
arrowLeftIconCfg?: IconProps;
|
|
51
33
|
arrowRightIconCfg?: IconProps;
|
|
52
34
|
}
|
|
35
|
+
export type TabsType = 'card' | 'border-card' | '';
|
|
36
|
+
export interface TabsRootContext {
|
|
37
|
+
props: TabsProps;
|
|
38
|
+
currentName: Ref<string | number>;
|
|
39
|
+
registerPane: (pane: TabsPaneContext) => void;
|
|
40
|
+
unregisterPane: (uid: number) => void;
|
|
41
|
+
}
|
|
42
|
+
export interface TabPaneProps {
|
|
43
|
+
/** 选项卡标题 */
|
|
44
|
+
label: string;
|
|
45
|
+
/** 与选项卡绑定值 value 对应的标识符,表示选项卡别名 */
|
|
46
|
+
name: string | number;
|
|
47
|
+
/** 标签是否可关闭 */
|
|
48
|
+
closable: boolean;
|
|
49
|
+
/** 是否禁用 */
|
|
50
|
+
disabled: boolean;
|
|
51
|
+
/** 标签是否延迟渲染 */
|
|
52
|
+
lazy: boolean;
|
|
53
|
+
}
|
|
53
54
|
export declare const TabsRootContextKey: InjectionKey<TabsRootContext>;
|
|
54
55
|
export interface Scrollable {
|
|
55
56
|
next?: boolean;
|
|
@@ -4,4 +4,4 @@ export interface SizeContext {
|
|
|
4
4
|
size: Ref<ComponentSize>;
|
|
5
5
|
}
|
|
6
6
|
export declare const SIZE_INJECTION_KEY: InjectionKey<SizeContext>;
|
|
7
|
-
export declare const useGlobalSize: () => import("vue").ComputedRef<"" | "
|
|
7
|
+
export declare const useGlobalSize: () => import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
package/es/package.json.js
CHANGED
|
@@ -2,7 +2,7 @@ import type { PropType as __PropType } from 'vue';
|
|
|
2
2
|
import { type IconProps } from 'vft/es/components/icon';
|
|
3
3
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
4
|
size: {
|
|
5
|
-
type: __PropType<number | "
|
|
5
|
+
type: __PropType<number | "large" | "small" | "default" | undefined>;
|
|
6
6
|
required: false;
|
|
7
7
|
};
|
|
8
8
|
shape: {
|
|
@@ -27,7 +27,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
27
27
|
};
|
|
28
28
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
29
29
|
size: {
|
|
30
|
-
type: __PropType<number | "
|
|
30
|
+
type: __PropType<number | "large" | "small" | "default" | undefined>;
|
|
31
31
|
required: false;
|
|
32
32
|
};
|
|
33
33
|
shape: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
2
2
|
size: {
|
|
3
|
-
type: import("vue").PropType<number | "
|
|
3
|
+
type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
|
|
4
4
|
required: false;
|
|
5
5
|
};
|
|
6
6
|
shape: {
|
|
@@ -25,7 +25,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
|
|
|
25
25
|
};
|
|
26
26
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
27
|
size: {
|
|
28
|
-
type: import("vue").PropType<number | "
|
|
28
|
+
type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
|
|
29
29
|
required: false;
|
|
30
30
|
};
|
|
31
31
|
shape: {
|
|
@@ -100,7 +100,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
100
100
|
/** @description button html element */
|
|
101
101
|
ref: import("vue").Ref<HTMLButtonElement | undefined>;
|
|
102
102
|
/** @description button size */
|
|
103
|
-
size: import("vue").ComputedRef<"" | "
|
|
103
|
+
size: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
104
104
|
/** @description button type */
|
|
105
105
|
type: import("vue").ComputedRef<"" | "default" | "success" | "primary" | "warning" | "info" | "danger" | "text">;
|
|
106
106
|
/** @description button disabled */
|
|
@@ -74,7 +74,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<import("vu
|
|
|
74
74
|
};
|
|
75
75
|
}, {
|
|
76
76
|
ref: import("vue").Ref<HTMLButtonElement | undefined>;
|
|
77
|
-
size: import("vue").ComputedRef<"" | "
|
|
77
|
+
size: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
78
78
|
type: import("vue").ComputedRef<"" | "default" | "success" | "primary" | "warning" | "info" | "danger" | "text">;
|
|
79
79
|
disabled: import("vue").ComputedRef<boolean>;
|
|
80
80
|
shouldAddSpace: import("vue").ComputedRef<boolean>;
|
|
@@ -2,7 +2,7 @@ import type { SetupContext } from 'vue';
|
|
|
2
2
|
import type { ButtonProps } from './button.vue';
|
|
3
3
|
export declare const useButton: (props: ButtonProps, emit: SetupContext['emit']) => {
|
|
4
4
|
_disabled: import("vue").ComputedRef<boolean>;
|
|
5
|
-
_size: import("vue").ComputedRef<"" | "
|
|
5
|
+
_size: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
6
6
|
_type: import("vue").ComputedRef<"" | "default" | "success" | "primary" | "warning" | "info" | "danger" | "text">;
|
|
7
7
|
_ref: import("vue").Ref<HTMLButtonElement | undefined>;
|
|
8
8
|
shouldAddSpace: import("vue").ComputedRef<boolean>;
|
|
@@ -62,7 +62,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
62
62
|
required: false;
|
|
63
63
|
};
|
|
64
64
|
size: {
|
|
65
|
-
type: __PropType<"" | "
|
|
65
|
+
type: __PropType<"" | "large" | "small" | "default" | undefined>;
|
|
66
66
|
required: false;
|
|
67
67
|
};
|
|
68
68
|
tabindex: {
|
|
@@ -119,7 +119,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
119
119
|
required: false;
|
|
120
120
|
};
|
|
121
121
|
size: {
|
|
122
|
-
type: __PropType<"" | "
|
|
122
|
+
type: __PropType<"" | "large" | "small" | "default" | undefined>;
|
|
123
123
|
required: false;
|
|
124
124
|
};
|
|
125
125
|
tabindex: {
|
|
@@ -32,7 +32,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
32
32
|
required: false;
|
|
33
33
|
};
|
|
34
34
|
size: {
|
|
35
|
-
type: __PropType<"" | "
|
|
35
|
+
type: __PropType<"" | "large" | "small" | "default" | undefined>;
|
|
36
36
|
required: false;
|
|
37
37
|
};
|
|
38
38
|
label: {
|
|
@@ -76,7 +76,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
76
76
|
required: false;
|
|
77
77
|
};
|
|
78
78
|
size: {
|
|
79
|
-
type: __PropType<"" | "
|
|
79
|
+
type: __PropType<"" | "large" | "small" | "default" | undefined>;
|
|
80
80
|
required: false;
|
|
81
81
|
};
|
|
82
82
|
label: {
|
|
@@ -62,7 +62,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
62
62
|
required: false;
|
|
63
63
|
};
|
|
64
64
|
size: {
|
|
65
|
-
type: __PropType<"" | "
|
|
65
|
+
type: __PropType<"" | "large" | "small" | "default" | undefined>;
|
|
66
66
|
required: false;
|
|
67
67
|
};
|
|
68
68
|
tabindex: {
|
|
@@ -120,7 +120,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
120
120
|
required: false;
|
|
121
121
|
};
|
|
122
122
|
size: {
|
|
123
|
-
type: __PropType<"" | "
|
|
123
|
+
type: __PropType<"" | "large" | "small" | "default" | undefined>;
|
|
124
124
|
required: false;
|
|
125
125
|
};
|
|
126
126
|
tabindex: {
|
|
@@ -2,10 +2,10 @@ import type { ComponentInternalInstance } from 'vue';
|
|
|
2
2
|
import type { CheckboxProps } from '../checkbox.vue';
|
|
3
3
|
import type { CheckboxModel } from '../composables';
|
|
4
4
|
export declare const useCheckboxStatus: (props: CheckboxProps, slots: ComponentInternalInstance['slots'], { model }: Pick<CheckboxModel, 'model'>) => {
|
|
5
|
-
checkboxButtonSize: import("vue").ComputedRef<"" | "
|
|
5
|
+
checkboxButtonSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
6
6
|
isChecked: import("vue").ComputedRef<boolean>;
|
|
7
7
|
isFocused: import("vue").Ref<boolean>;
|
|
8
|
-
checkboxSize: import("vue").ComputedRef<"" | "
|
|
8
|
+
checkboxSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
9
9
|
hasOwnLabel: import("vue").ComputedRef<boolean>;
|
|
10
10
|
};
|
|
11
11
|
export type CheckboxStatus = ReturnType<typeof useCheckboxStatus>;
|
|
@@ -6,8 +6,8 @@ export declare const useCheckbox: (props: CheckboxProps, slots: ComponentInterna
|
|
|
6
6
|
isChecked: import("vue").ComputedRef<boolean>;
|
|
7
7
|
isDisabled: import("vue").ComputedRef<boolean>;
|
|
8
8
|
isFocused: import("vue").Ref<boolean>;
|
|
9
|
-
checkboxButtonSize: import("vue").ComputedRef<"" | "
|
|
10
|
-
checkboxSize: import("vue").ComputedRef<"" | "
|
|
9
|
+
checkboxButtonSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
10
|
+
checkboxSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
11
11
|
hasOwnLabel: import("vue").ComputedRef<boolean>;
|
|
12
12
|
model: import("vue").WritableComputedRef<any>;
|
|
13
13
|
handleChange: (e: Event) => void;
|
|
@@ -44,7 +44,7 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<import("
|
|
|
44
44
|
required: false;
|
|
45
45
|
};
|
|
46
46
|
size: {
|
|
47
|
-
type: import("vue").PropType<"" | "
|
|
47
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
48
48
|
required: false;
|
|
49
49
|
};
|
|
50
50
|
tabindex: {
|
|
@@ -102,7 +102,7 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<import("
|
|
|
102
102
|
required: false;
|
|
103
103
|
};
|
|
104
104
|
size: {
|
|
105
|
-
type: import("vue").PropType<"" | "
|
|
105
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
106
106
|
required: false;
|
|
107
107
|
};
|
|
108
108
|
tabindex: {
|
|
@@ -166,7 +166,7 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<import("
|
|
|
166
166
|
required: false;
|
|
167
167
|
};
|
|
168
168
|
size: {
|
|
169
|
-
type: import("vue").PropType<"" | "
|
|
169
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
170
170
|
required: false;
|
|
171
171
|
};
|
|
172
172
|
tabindex: {
|
|
@@ -223,7 +223,7 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<import("
|
|
|
223
223
|
required: false;
|
|
224
224
|
};
|
|
225
225
|
size: {
|
|
226
|
-
type: import("vue").PropType<"" | "
|
|
226
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
227
227
|
required: false;
|
|
228
228
|
};
|
|
229
229
|
tabindex: {
|
|
@@ -257,7 +257,7 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<import("
|
|
|
257
257
|
required: false;
|
|
258
258
|
};
|
|
259
259
|
size: {
|
|
260
|
-
type: import("vue").PropType<"" | "
|
|
260
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
261
261
|
required: false;
|
|
262
262
|
};
|
|
263
263
|
label: {
|
|
@@ -301,7 +301,7 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<import("
|
|
|
301
301
|
required: false;
|
|
302
302
|
};
|
|
303
303
|
size: {
|
|
304
|
-
type: import("vue").PropType<"" | "
|
|
304
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
305
305
|
required: false;
|
|
306
306
|
};
|
|
307
307
|
label: {
|
|
@@ -382,7 +382,7 @@ export declare const VftCheckboxButton: import("vft/es/utils").SFCWithInstall<im
|
|
|
382
382
|
required: false;
|
|
383
383
|
};
|
|
384
384
|
size: {
|
|
385
|
-
type: import("vue").PropType<"" | "
|
|
385
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
386
386
|
required: false;
|
|
387
387
|
};
|
|
388
388
|
tabindex: {
|
|
@@ -439,7 +439,7 @@ export declare const VftCheckboxButton: import("vft/es/utils").SFCWithInstall<im
|
|
|
439
439
|
required: false;
|
|
440
440
|
};
|
|
441
441
|
size: {
|
|
442
|
-
type: import("vue").PropType<"" | "
|
|
442
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
443
443
|
required: false;
|
|
444
444
|
};
|
|
445
445
|
tabindex: {
|
|
@@ -473,7 +473,7 @@ export declare const VftCheckboxGroup: import("vft/es/utils").SFCWithInstall<imp
|
|
|
473
473
|
required: false;
|
|
474
474
|
};
|
|
475
475
|
size: {
|
|
476
|
-
type: import("vue").PropType<"" | "
|
|
476
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
477
477
|
required: false;
|
|
478
478
|
};
|
|
479
479
|
label: {
|
|
@@ -517,7 +517,7 @@ export declare const VftCheckboxGroup: import("vft/es/utils").SFCWithInstall<imp
|
|
|
517
517
|
required: false;
|
|
518
518
|
};
|
|
519
519
|
size: {
|
|
520
|
-
type: import("vue").PropType<"" | "
|
|
520
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
521
521
|
required: false;
|
|
522
522
|
};
|
|
523
523
|
label: {
|
|
@@ -36,7 +36,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
36
36
|
required: false;
|
|
37
37
|
};
|
|
38
38
|
size: {
|
|
39
|
-
type: __PropType<"" | "
|
|
39
|
+
type: __PropType<"" | "large" | "small" | "default" | undefined>;
|
|
40
40
|
required: false;
|
|
41
41
|
};
|
|
42
42
|
popperClass: {
|
|
@@ -89,7 +89,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
89
89
|
required: false;
|
|
90
90
|
};
|
|
91
91
|
size: {
|
|
92
|
-
type: __PropType<"" | "
|
|
92
|
+
type: __PropType<"" | "large" | "small" | "default" | undefined>;
|
|
93
93
|
required: false;
|
|
94
94
|
};
|
|
95
95
|
popperClass: {
|
|
@@ -20,7 +20,7 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
|
|
|
20
20
|
required: false;
|
|
21
21
|
};
|
|
22
22
|
size: {
|
|
23
|
-
type: import("vue").PropType<"" | "
|
|
23
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
24
24
|
required: false;
|
|
25
25
|
};
|
|
26
26
|
popperClass: {
|
|
@@ -70,7 +70,7 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
|
|
|
70
70
|
required: false;
|
|
71
71
|
};
|
|
72
72
|
size: {
|
|
73
|
-
type: import("vue").PropType<"" | "
|
|
73
|
+
type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
|
|
74
74
|
required: false;
|
|
75
75
|
};
|
|
76
76
|
popperClass: {
|
|
@@ -84,7 +84,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
84
84
|
scrollbar: import("vue").Ref<null>;
|
|
85
85
|
wrapStyle: import("vue").ComputedRef<CSSProperties>;
|
|
86
86
|
dropdownTriggerKls: import("vue").ComputedRef<string[]>;
|
|
87
|
-
dropdownSize: import("vue").ComputedRef<"" | "
|
|
87
|
+
dropdownSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
88
88
|
triggerId: import("vue").ComputedRef<string>;
|
|
89
89
|
triggerKeys: string[];
|
|
90
90
|
currentTabId: import("vue").Ref<string | null>;
|
|
@@ -84,7 +84,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
|
|
|
84
84
|
scrollbar: import("vue").Ref<null>;
|
|
85
85
|
wrapStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
|
|
86
86
|
dropdownTriggerKls: import("vue").ComputedRef<string[]>;
|
|
87
|
-
dropdownSize: import("vue").ComputedRef<"" | "
|
|
87
|
+
dropdownSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
|
|
88
88
|
triggerId: import("vue").ComputedRef<string>;
|
|
89
89
|
triggerKeys: string[];
|
|
90
90
|
currentTabId: import("vue").Ref<string | null>;
|