@gyyxds/zy-ui 0.0.4 → 0.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/CHANGELOG.md +1 -1
- package/CONTRIBUTING.md +44 -8
- package/README.md +55 -25
- package/dist/zy-ui/button/ZyButton.vue.d.ts +3 -0
- package/dist/zy-ui/button/index.d.ts +6 -0
- package/dist/zy-ui/cascader/ZyCascader.vue.d.ts +23 -0
- package/dist/zy-ui/cascader/index.d.ts +39 -0
- package/dist/zy-ui/index.d.ts +228 -13
- package/dist/zy-ui/input/ZyInput.vue.d.ts +3 -3
- package/dist/zy-ui/input/index.d.ts +6 -6
- package/dist/zy-ui/select/ZySelect.vue.d.ts +3 -3
- package/dist/zy-ui/select/index.d.ts +6 -6
- package/dist/zy-ui/side-menu/ZySideMenu.vue.d.ts +48 -0
- package/dist/zy-ui/side-menu/index.d.ts +2 -0
- package/dist/zy-ui/side-menu/types.d.ts +21 -0
- package/dist/zy-ui/switch/ZySwitch.vue.d.ts +8 -2
- package/dist/zy-ui/switch/index.d.ts +6 -0
- package/dist/zy-ui/tabs/ZyTabs.vue.d.ts +49 -0
- package/dist/zy-ui/tabs/index.d.ts +81 -0
- package/dist/zy-ui/tabs/types.d.ts +10 -0
- package/dist/zy-ui/themes/basic.css +124 -0
- package/dist/zy-ui/themes/material.css +2 -1
- package/dist/zy-ui/themes/solid.css +358 -0
- package/dist/zy-ui/zy-ui.css +1 -1
- package/dist/zy-ui/zy-ui.js +1227 -756
- package/package.json +4 -3
package/dist/zy-ui/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ import { ZyAlert } from './alert';
|
|
|
7
7
|
import { ZyBadge } from './badge';
|
|
8
8
|
import { ZyButton } from './button';
|
|
9
9
|
import { ZyCard } from './card';
|
|
10
|
+
import { ZyCascader } from './cascader';
|
|
10
11
|
import { ZyCheckbox, ZyCheckboxGroup } from './checkbox';
|
|
11
12
|
import { ZyCodeInput } from './code-input';
|
|
12
13
|
import { ZyDatePicker } from './date-picker';
|
|
@@ -21,15 +22,19 @@ import { ZyPanel } from './panel';
|
|
|
21
22
|
import { ZyProgress } from './progress';
|
|
22
23
|
import { ZyRadio, ZyRadioButton, ZyRadioGroup } from './radio';
|
|
23
24
|
import { ZySelect } from './select';
|
|
25
|
+
import { ZySideMenu } from './side-menu';
|
|
24
26
|
import { ZySlideVerify } from './slide-verify';
|
|
25
27
|
import { ZySpace } from './space';
|
|
26
28
|
import { ZySwitch } from './switch';
|
|
27
29
|
import { ZyTable } from './table';
|
|
30
|
+
import { ZyTabs } from './tabs';
|
|
28
31
|
import { ZyTag } from './tag';
|
|
29
32
|
import { ZyTimePicker } from './time-picker';
|
|
30
33
|
import { ZyTree } from './tree';
|
|
31
|
-
export { ZyAlert, ZyBadge, ZyButton, ZyCard, ZyCheckbox, ZyCheckboxGroup, ZyCodeInput, ZyDatePicker, ZyDialog, ZyDivider, ZyIcon, ZyInput, ZyLoading, ZyMegaMenu, ZyPagination, ZyPanel, ZyProgress, ZyRadio, ZyRadioButton, ZyRadioGroup, ZySelect, ZySlideVerify, ZySpace, ZySwitch, ZyTable, ZyTag, ZyTimePicker, ZyTree, };
|
|
34
|
+
export { ZyAlert, ZyBadge, ZyButton, ZyCard, ZyCascader, ZyCheckbox, ZyCheckboxGroup, ZyCodeInput, ZyDatePicker, ZyDialog, ZyDivider, ZyIcon, ZyInput, ZyLoading, ZyMegaMenu, ZyPagination, ZyPanel, ZyProgress, ZyRadio, ZyRadioButton, ZyRadioGroup, ZySelect, ZySideMenu, ZySlideVerify, ZySpace, ZySwitch, ZyTable, ZyTabs, ZyTag, ZyTimePicker, ZyTree, };
|
|
32
35
|
export type { ZyTreeNode, ZyTreeProps } from './select';
|
|
36
|
+
export type { ZyTabItem } from './tabs';
|
|
37
|
+
export type { SideMenuIcon, SideMenuItem, SideMenuNavigatePayload } from './side-menu';
|
|
33
38
|
/** 全部组件的具名集合(名称即注册名) */
|
|
34
39
|
export declare const components: {
|
|
35
40
|
ZyAlert: import("./utils/withInstall").SFCWithInstall<{
|
|
@@ -157,6 +162,7 @@ export declare const components: {
|
|
|
157
162
|
icon?: string | import("vue").Component;
|
|
158
163
|
size?: "large" | "default" | "small";
|
|
159
164
|
round?: boolean;
|
|
165
|
+
square?: boolean;
|
|
160
166
|
disabled?: boolean;
|
|
161
167
|
loading?: boolean;
|
|
162
168
|
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
@@ -165,6 +171,7 @@ export declare const components: {
|
|
|
165
171
|
effect: "press" | "sweep" | "fill";
|
|
166
172
|
icon: string | import("vue").Component;
|
|
167
173
|
round: boolean;
|
|
174
|
+
square: boolean;
|
|
168
175
|
disabled: boolean;
|
|
169
176
|
loading: boolean;
|
|
170
177
|
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
@@ -180,6 +187,7 @@ export declare const components: {
|
|
|
180
187
|
icon?: string | import("vue").Component;
|
|
181
188
|
size?: "large" | "default" | "small";
|
|
182
189
|
round?: boolean;
|
|
190
|
+
square?: boolean;
|
|
183
191
|
disabled?: boolean;
|
|
184
192
|
loading?: boolean;
|
|
185
193
|
}> & Readonly<{}>, {}, {}, {}, {}, {
|
|
@@ -188,6 +196,7 @@ export declare const components: {
|
|
|
188
196
|
effect: "press" | "sweep" | "fill";
|
|
189
197
|
icon: string | import("vue").Component;
|
|
190
198
|
round: boolean;
|
|
199
|
+
square: boolean;
|
|
191
200
|
disabled: boolean;
|
|
192
201
|
loading: boolean;
|
|
193
202
|
}>;
|
|
@@ -200,6 +209,7 @@ export declare const components: {
|
|
|
200
209
|
icon?: string | import("vue").Component;
|
|
201
210
|
size?: "large" | "default" | "small";
|
|
202
211
|
round?: boolean;
|
|
212
|
+
square?: boolean;
|
|
203
213
|
disabled?: boolean;
|
|
204
214
|
loading?: boolean;
|
|
205
215
|
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
@@ -208,6 +218,7 @@ export declare const components: {
|
|
|
208
218
|
effect: "press" | "sweep" | "fill";
|
|
209
219
|
icon: string | import("vue").Component;
|
|
210
220
|
round: boolean;
|
|
221
|
+
square: boolean;
|
|
211
222
|
disabled: boolean;
|
|
212
223
|
loading: boolean;
|
|
213
224
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -260,6 +271,44 @@ export declare const components: {
|
|
|
260
271
|
default?: (props: {}) => any;
|
|
261
272
|
};
|
|
262
273
|
})>;
|
|
274
|
+
ZyCascader: import("./utils/withInstall").SFCWithInstall<{
|
|
275
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
276
|
+
modelValue?: string | number | (string | number)[] | null | undefined;
|
|
277
|
+
}> & Readonly<{
|
|
278
|
+
onVisibleChange?: ((visible: boolean) => any) | undefined;
|
|
279
|
+
"onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null | undefined) => any) | undefined;
|
|
280
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
281
|
+
visibleChange: (visible: boolean) => any;
|
|
282
|
+
"update:modelValue": (value: string | number | (string | number)[] | null | undefined) => any;
|
|
283
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
284
|
+
P: {};
|
|
285
|
+
B: {};
|
|
286
|
+
D: {};
|
|
287
|
+
C: {};
|
|
288
|
+
M: {};
|
|
289
|
+
Defaults: {};
|
|
290
|
+
}, Readonly<{
|
|
291
|
+
modelValue?: string | number | (string | number)[] | null | undefined;
|
|
292
|
+
}> & Readonly<{
|
|
293
|
+
onVisibleChange?: ((visible: boolean) => any) | undefined;
|
|
294
|
+
"onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null | undefined) => any) | undefined;
|
|
295
|
+
}>, {}, {}, {}, {}, {}>;
|
|
296
|
+
__isFragment?: never;
|
|
297
|
+
__isTeleport?: never;
|
|
298
|
+
__isSuspense?: never;
|
|
299
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
300
|
+
modelValue?: string | number | (string | number)[] | null | undefined;
|
|
301
|
+
}> & Readonly<{
|
|
302
|
+
onVisibleChange?: ((visible: boolean) => any) | undefined;
|
|
303
|
+
"onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null | undefined) => any) | undefined;
|
|
304
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
305
|
+
visibleChange: (visible: boolean) => any;
|
|
306
|
+
"update:modelValue": (value: string | number | (string | number)[] | null | undefined) => any;
|
|
307
|
+
}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
308
|
+
$slots: {
|
|
309
|
+
[x: string]: ((props: any) => any) | undefined;
|
|
310
|
+
};
|
|
311
|
+
})>;
|
|
263
312
|
ZyCheckbox: import("./utils/withInstall").SFCWithInstall<{
|
|
264
313
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
265
314
|
effect?: "" | "checkmark" | "tick";
|
|
@@ -545,7 +594,7 @@ export declare const components: {
|
|
|
545
594
|
ZyInput: import("./utils/withInstall").SFCWithInstall<{
|
|
546
595
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
547
596
|
type?: string;
|
|
548
|
-
effect?: "focus" | "underline"
|
|
597
|
+
effect?: "focus" | "underline";
|
|
549
598
|
label?: string;
|
|
550
599
|
raised?: boolean;
|
|
551
600
|
size?: "large" | "default" | "small";
|
|
@@ -561,7 +610,7 @@ export declare const components: {
|
|
|
561
610
|
}, import("vue").PublicProps, {
|
|
562
611
|
size: "large" | "default" | "small";
|
|
563
612
|
type: string;
|
|
564
|
-
effect: "focus" | "underline"
|
|
613
|
+
effect: "focus" | "underline";
|
|
565
614
|
label: string;
|
|
566
615
|
disabled: boolean;
|
|
567
616
|
placeholder: string;
|
|
@@ -576,7 +625,7 @@ export declare const components: {
|
|
|
576
625
|
Defaults: {};
|
|
577
626
|
}, Readonly<{
|
|
578
627
|
type?: string;
|
|
579
|
-
effect?: "focus" | "underline"
|
|
628
|
+
effect?: "focus" | "underline";
|
|
580
629
|
label?: string;
|
|
581
630
|
raised?: boolean;
|
|
582
631
|
size?: "large" | "default" | "small";
|
|
@@ -590,7 +639,7 @@ export declare const components: {
|
|
|
590
639
|
}>, {}, {}, {}, {}, {
|
|
591
640
|
size: "large" | "default" | "small";
|
|
592
641
|
type: string;
|
|
593
|
-
effect: "focus" | "underline"
|
|
642
|
+
effect: "focus" | "underline";
|
|
594
643
|
label: string;
|
|
595
644
|
disabled: boolean;
|
|
596
645
|
placeholder: string;
|
|
@@ -602,7 +651,7 @@ export declare const components: {
|
|
|
602
651
|
__isSuspense?: never;
|
|
603
652
|
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
604
653
|
type?: string;
|
|
605
|
-
effect?: "focus" | "underline"
|
|
654
|
+
effect?: "focus" | "underline";
|
|
606
655
|
label?: string;
|
|
607
656
|
raised?: boolean;
|
|
608
657
|
size?: "large" | "default" | "small";
|
|
@@ -618,7 +667,7 @@ export declare const components: {
|
|
|
618
667
|
}, string, {
|
|
619
668
|
size: "large" | "default" | "small";
|
|
620
669
|
type: string;
|
|
621
|
-
effect: "focus" | "underline"
|
|
670
|
+
effect: "focus" | "underline";
|
|
622
671
|
label: string;
|
|
623
672
|
disabled: boolean;
|
|
624
673
|
placeholder: string;
|
|
@@ -1004,7 +1053,7 @@ export declare const components: {
|
|
|
1004
1053
|
})>;
|
|
1005
1054
|
ZySelect: import("./utils/withInstall").SFCWithInstall<{
|
|
1006
1055
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
1007
|
-
effect?: "focus" | "underline"
|
|
1056
|
+
effect?: "focus" | "underline";
|
|
1008
1057
|
raised?: boolean;
|
|
1009
1058
|
size?: "large" | "default" | "small";
|
|
1010
1059
|
placeholder?: string;
|
|
@@ -1026,7 +1075,7 @@ export declare const components: {
|
|
|
1026
1075
|
"update:modelValue": (value: string | number | (string | number)[] | undefined) => any;
|
|
1027
1076
|
}, import("vue").PublicProps, {
|
|
1028
1077
|
size: "large" | "default" | "small";
|
|
1029
|
-
effect: "focus" | "underline"
|
|
1078
|
+
effect: "focus" | "underline";
|
|
1030
1079
|
data: import("./select").ZyTreeNode[];
|
|
1031
1080
|
disabled: boolean;
|
|
1032
1081
|
placeholder: string;
|
|
@@ -1047,7 +1096,7 @@ export declare const components: {
|
|
|
1047
1096
|
M: {};
|
|
1048
1097
|
Defaults: {};
|
|
1049
1098
|
}, Readonly<{
|
|
1050
|
-
effect?: "focus" | "underline"
|
|
1099
|
+
effect?: "focus" | "underline";
|
|
1051
1100
|
raised?: boolean;
|
|
1052
1101
|
size?: "large" | "default" | "small";
|
|
1053
1102
|
placeholder?: string;
|
|
@@ -1067,7 +1116,7 @@ export declare const components: {
|
|
|
1067
1116
|
"onUpdate:modelValue"?: ((value: string | number | (string | number)[] | undefined) => any) | undefined;
|
|
1068
1117
|
}>, {}, {}, {}, {}, {
|
|
1069
1118
|
size: "large" | "default" | "small";
|
|
1070
|
-
effect: "focus" | "underline"
|
|
1119
|
+
effect: "focus" | "underline";
|
|
1071
1120
|
data: import("./select").ZyTreeNode[];
|
|
1072
1121
|
disabled: boolean;
|
|
1073
1122
|
placeholder: string;
|
|
@@ -1085,7 +1134,7 @@ export declare const components: {
|
|
|
1085
1134
|
__isTeleport?: never;
|
|
1086
1135
|
__isSuspense?: never;
|
|
1087
1136
|
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
1088
|
-
effect?: "focus" | "underline"
|
|
1137
|
+
effect?: "focus" | "underline";
|
|
1089
1138
|
raised?: boolean;
|
|
1090
1139
|
size?: "large" | "default" | "small";
|
|
1091
1140
|
placeholder?: string;
|
|
@@ -1107,7 +1156,7 @@ export declare const components: {
|
|
|
1107
1156
|
"update:modelValue": (value: string | number | (string | number)[] | undefined) => any;
|
|
1108
1157
|
}, string, {
|
|
1109
1158
|
size: "large" | "default" | "small";
|
|
1110
|
-
effect: "focus" | "underline"
|
|
1159
|
+
effect: "focus" | "underline";
|
|
1111
1160
|
data: import("./select").ZyTreeNode[];
|
|
1112
1161
|
disabled: boolean;
|
|
1113
1162
|
placeholder: string;
|
|
@@ -1129,6 +1178,87 @@ export declare const components: {
|
|
|
1129
1178
|
default?: (props: {}) => any;
|
|
1130
1179
|
};
|
|
1131
1180
|
})>;
|
|
1181
|
+
ZySideMenu: {
|
|
1182
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
1183
|
+
items?: import("./side-menu").SideMenuItem[];
|
|
1184
|
+
active?: string | null;
|
|
1185
|
+
open?: string[];
|
|
1186
|
+
surface?: "auto" | "brand" | "plain";
|
|
1187
|
+
background?: string;
|
|
1188
|
+
textColor?: string;
|
|
1189
|
+
activeBackground?: string;
|
|
1190
|
+
activeTextColor?: string;
|
|
1191
|
+
label?: string;
|
|
1192
|
+
}> & Readonly<{
|
|
1193
|
+
"onUpdate:open"?: ((value: string[]) => any) | undefined;
|
|
1194
|
+
"onUpdate:active"?: ((value: string) => any) | undefined;
|
|
1195
|
+
onNavigate?: ((payload: import("./side-menu").SideMenuNavigatePayload) => any) | undefined;
|
|
1196
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
1197
|
+
"update:open": (value: string[]) => any;
|
|
1198
|
+
"update:active": (value: string) => any;
|
|
1199
|
+
navigate: (payload: import("./side-menu").SideMenuNavigatePayload) => any;
|
|
1200
|
+
}, import("vue").PublicProps, {
|
|
1201
|
+
label: string;
|
|
1202
|
+
items: import("./side-menu").SideMenuItem[];
|
|
1203
|
+
surface: "auto" | "brand" | "plain";
|
|
1204
|
+
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
1205
|
+
P: {};
|
|
1206
|
+
B: {};
|
|
1207
|
+
D: {};
|
|
1208
|
+
C: {};
|
|
1209
|
+
M: {};
|
|
1210
|
+
Defaults: {};
|
|
1211
|
+
}, Readonly<{
|
|
1212
|
+
items?: import("./side-menu").SideMenuItem[];
|
|
1213
|
+
active?: string | null;
|
|
1214
|
+
open?: string[];
|
|
1215
|
+
surface?: "auto" | "brand" | "plain";
|
|
1216
|
+
background?: string;
|
|
1217
|
+
textColor?: string;
|
|
1218
|
+
activeBackground?: string;
|
|
1219
|
+
activeTextColor?: string;
|
|
1220
|
+
label?: string;
|
|
1221
|
+
}> & Readonly<{
|
|
1222
|
+
"onUpdate:open"?: ((value: string[]) => any) | undefined;
|
|
1223
|
+
"onUpdate:active"?: ((value: string) => any) | undefined;
|
|
1224
|
+
onNavigate?: ((payload: import("./side-menu").SideMenuNavigatePayload) => any) | undefined;
|
|
1225
|
+
}>, {}, {}, {}, {}, {
|
|
1226
|
+
label: string;
|
|
1227
|
+
items: import("./side-menu").SideMenuItem[];
|
|
1228
|
+
surface: "auto" | "brand" | "plain";
|
|
1229
|
+
}>;
|
|
1230
|
+
__isFragment?: never;
|
|
1231
|
+
__isTeleport?: never;
|
|
1232
|
+
__isSuspense?: never;
|
|
1233
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
1234
|
+
items?: import("./side-menu").SideMenuItem[];
|
|
1235
|
+
active?: string | null;
|
|
1236
|
+
open?: string[];
|
|
1237
|
+
surface?: "auto" | "brand" | "plain";
|
|
1238
|
+
background?: string;
|
|
1239
|
+
textColor?: string;
|
|
1240
|
+
activeBackground?: string;
|
|
1241
|
+
activeTextColor?: string;
|
|
1242
|
+
label?: string;
|
|
1243
|
+
}> & Readonly<{
|
|
1244
|
+
"onUpdate:open"?: ((value: string[]) => any) | undefined;
|
|
1245
|
+
"onUpdate:active"?: ((value: string) => any) | undefined;
|
|
1246
|
+
onNavigate?: ((payload: import("./side-menu").SideMenuNavigatePayload) => any) | undefined;
|
|
1247
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
1248
|
+
"update:open": (value: string[]) => any;
|
|
1249
|
+
"update:active": (value: string) => any;
|
|
1250
|
+
navigate: (payload: import("./side-menu").SideMenuNavigatePayload) => any;
|
|
1251
|
+
}, string, {
|
|
1252
|
+
label: string;
|
|
1253
|
+
items: import("./side-menu").SideMenuItem[];
|
|
1254
|
+
surface: "auto" | "brand" | "plain";
|
|
1255
|
+
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
1256
|
+
$slots: {
|
|
1257
|
+
brand?: (props: {}) => any;
|
|
1258
|
+
} & {
|
|
1259
|
+
footer?: (props: {}) => any;
|
|
1260
|
+
};
|
|
1261
|
+
});
|
|
1132
1262
|
ZySlideVerify: import("./utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{
|
|
1133
1263
|
gap?: number;
|
|
1134
1264
|
tolerance?: number;
|
|
@@ -1222,6 +1352,8 @@ export declare const components: {
|
|
|
1222
1352
|
};
|
|
1223
1353
|
})>;
|
|
1224
1354
|
ZySwitch: import("./utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{
|
|
1355
|
+
variant?: "default" | "holographic";
|
|
1356
|
+
size?: "small" | "default" | "large";
|
|
1225
1357
|
activeText?: string;
|
|
1226
1358
|
inactiveText?: string;
|
|
1227
1359
|
disabled?: boolean;
|
|
@@ -1231,6 +1363,8 @@ export declare const components: {
|
|
|
1231
1363
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
1232
1364
|
"update:modelValue": (value: boolean) => any;
|
|
1233
1365
|
}, string, import("vue").PublicProps, Readonly<{
|
|
1366
|
+
variant?: "default" | "holographic";
|
|
1367
|
+
size?: "small" | "default" | "large";
|
|
1234
1368
|
activeText?: string;
|
|
1235
1369
|
inactiveText?: string;
|
|
1236
1370
|
disabled?: boolean;
|
|
@@ -1240,8 +1374,10 @@ export declare const components: {
|
|
|
1240
1374
|
}> & Readonly<{
|
|
1241
1375
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1242
1376
|
}>, {
|
|
1377
|
+
size: "small" | "default" | "large";
|
|
1243
1378
|
label: string;
|
|
1244
1379
|
disabled: boolean;
|
|
1380
|
+
variant: "default" | "holographic";
|
|
1245
1381
|
activeText: string;
|
|
1246
1382
|
inactiveText: string;
|
|
1247
1383
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
|
|
@@ -1276,6 +1412,85 @@ export declare const components: {
|
|
|
1276
1412
|
default?: (props: {}) => any;
|
|
1277
1413
|
};
|
|
1278
1414
|
})>;
|
|
1415
|
+
ZyTabs: import("./utils/withInstall").SFCWithInstall<{
|
|
1416
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
1417
|
+
items: import("./tabs").ZyTabItem[];
|
|
1418
|
+
ariaLabel?: string;
|
|
1419
|
+
panels?: boolean;
|
|
1420
|
+
stretch?: boolean;
|
|
1421
|
+
} & {
|
|
1422
|
+
modelValue?: string | number;
|
|
1423
|
+
}> & Readonly<{
|
|
1424
|
+
onChange?: ((key: string | number) => any) | undefined;
|
|
1425
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
1426
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
1427
|
+
change: (key: string | number) => any;
|
|
1428
|
+
"update:modelValue": (value: string | number) => any;
|
|
1429
|
+
}, import("vue").PublicProps, {
|
|
1430
|
+
ariaLabel: string;
|
|
1431
|
+
stretch: boolean;
|
|
1432
|
+
panels: boolean;
|
|
1433
|
+
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
1434
|
+
P: {};
|
|
1435
|
+
B: {};
|
|
1436
|
+
D: {};
|
|
1437
|
+
C: {};
|
|
1438
|
+
M: {};
|
|
1439
|
+
Defaults: {};
|
|
1440
|
+
}, Readonly<{
|
|
1441
|
+
items: import("./tabs").ZyTabItem[];
|
|
1442
|
+
ariaLabel?: string;
|
|
1443
|
+
panels?: boolean;
|
|
1444
|
+
stretch?: boolean;
|
|
1445
|
+
} & {
|
|
1446
|
+
modelValue?: string | number;
|
|
1447
|
+
}> & Readonly<{
|
|
1448
|
+
onChange?: ((key: string | number) => any) | undefined;
|
|
1449
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
1450
|
+
}>, {}, {}, {}, {}, {
|
|
1451
|
+
ariaLabel: string;
|
|
1452
|
+
stretch: boolean;
|
|
1453
|
+
panels: boolean;
|
|
1454
|
+
}>;
|
|
1455
|
+
__isFragment?: never;
|
|
1456
|
+
__isTeleport?: never;
|
|
1457
|
+
__isSuspense?: never;
|
|
1458
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
1459
|
+
items: import("./tabs").ZyTabItem[];
|
|
1460
|
+
ariaLabel?: string;
|
|
1461
|
+
panels?: boolean;
|
|
1462
|
+
stretch?: boolean;
|
|
1463
|
+
} & {
|
|
1464
|
+
modelValue?: string | number;
|
|
1465
|
+
}> & Readonly<{
|
|
1466
|
+
onChange?: ((key: string | number) => any) | undefined;
|
|
1467
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
1468
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
1469
|
+
change: (key: string | number) => any;
|
|
1470
|
+
"update:modelValue": (value: string | number) => any;
|
|
1471
|
+
}, string, {
|
|
1472
|
+
ariaLabel: string;
|
|
1473
|
+
stretch: boolean;
|
|
1474
|
+
panels: boolean;
|
|
1475
|
+
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
1476
|
+
$slots: {
|
|
1477
|
+
[x: `panel-${string}`]: ((props: {
|
|
1478
|
+
item: import("./tabs").ZyTabItem | undefined;
|
|
1479
|
+
}) => any) | undefined;
|
|
1480
|
+
[x: `panel-${number}`]: ((props: {
|
|
1481
|
+
item: import("./tabs").ZyTabItem | undefined;
|
|
1482
|
+
}) => any) | undefined;
|
|
1483
|
+
} & {
|
|
1484
|
+
tab?: (props: {
|
|
1485
|
+
item: import("./tabs").ZyTabItem;
|
|
1486
|
+
active: boolean;
|
|
1487
|
+
}) => any;
|
|
1488
|
+
} & {
|
|
1489
|
+
panel?: (props: {
|
|
1490
|
+
item: import("./tabs").ZyTabItem | undefined;
|
|
1491
|
+
}) => any;
|
|
1492
|
+
};
|
|
1493
|
+
})>;
|
|
1279
1494
|
ZyTag: import("./utils/withInstall").SFCWithInstall<{
|
|
1280
1495
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
1281
1496
|
type?: "primary" | "success" | "warning" | "danger" | "info";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
2
|
type?: string;
|
|
3
|
-
/** 承载的动效:focus 聚焦光环 / underline 下划线扫过
|
|
4
|
-
effect?: 'focus' | 'underline'
|
|
3
|
+
/** 承载的动效:focus 聚焦光环 / underline 下划线扫过 */
|
|
4
|
+
effect?: 'focus' | 'underline';
|
|
5
5
|
/** 浮动标签(配 effect="underline"):逐字错峰上浮并换成强调色,聚焦或有值时留在上方;给了它占位符就交给标签 */
|
|
6
6
|
label?: string;
|
|
7
7
|
/** 实色主题下的键帽凸起形态;基础主题不改变外观 */
|
|
@@ -27,7 +27,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
27
27
|
}>, {
|
|
28
28
|
size: "large" | "default" | "small";
|
|
29
29
|
type: string;
|
|
30
|
-
effect: "focus" | "underline"
|
|
30
|
+
effect: "focus" | "underline";
|
|
31
31
|
label: string;
|
|
32
32
|
disabled: boolean;
|
|
33
33
|
placeholder: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const ZyInput: import("../utils/withInstall").SFCWithInstall<{
|
|
2
2
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
3
3
|
type?: string;
|
|
4
|
-
effect?: "focus" | "underline"
|
|
4
|
+
effect?: "focus" | "underline";
|
|
5
5
|
label?: string;
|
|
6
6
|
raised?: boolean;
|
|
7
7
|
size?: "large" | "default" | "small";
|
|
@@ -17,7 +17,7 @@ export declare const ZyInput: import("../utils/withInstall").SFCWithInstall<{
|
|
|
17
17
|
}, import("vue").PublicProps, {
|
|
18
18
|
size: "large" | "default" | "small";
|
|
19
19
|
type: string;
|
|
20
|
-
effect: "focus" | "underline"
|
|
20
|
+
effect: "focus" | "underline";
|
|
21
21
|
label: string;
|
|
22
22
|
disabled: boolean;
|
|
23
23
|
placeholder: string;
|
|
@@ -32,7 +32,7 @@ export declare const ZyInput: import("../utils/withInstall").SFCWithInstall<{
|
|
|
32
32
|
Defaults: {};
|
|
33
33
|
}, Readonly<{
|
|
34
34
|
type?: string;
|
|
35
|
-
effect?: "focus" | "underline"
|
|
35
|
+
effect?: "focus" | "underline";
|
|
36
36
|
label?: string;
|
|
37
37
|
raised?: boolean;
|
|
38
38
|
size?: "large" | "default" | "small";
|
|
@@ -46,7 +46,7 @@ export declare const ZyInput: import("../utils/withInstall").SFCWithInstall<{
|
|
|
46
46
|
}>, {}, {}, {}, {}, {
|
|
47
47
|
size: "large" | "default" | "small";
|
|
48
48
|
type: string;
|
|
49
|
-
effect: "focus" | "underline"
|
|
49
|
+
effect: "focus" | "underline";
|
|
50
50
|
label: string;
|
|
51
51
|
disabled: boolean;
|
|
52
52
|
placeholder: string;
|
|
@@ -58,7 +58,7 @@ export declare const ZyInput: import("../utils/withInstall").SFCWithInstall<{
|
|
|
58
58
|
__isSuspense?: never;
|
|
59
59
|
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
60
60
|
type?: string;
|
|
61
|
-
effect?: "focus" | "underline"
|
|
61
|
+
effect?: "focus" | "underline";
|
|
62
62
|
label?: string;
|
|
63
63
|
raised?: boolean;
|
|
64
64
|
size?: "large" | "default" | "small";
|
|
@@ -74,7 +74,7 @@ export declare const ZyInput: import("../utils/withInstall").SFCWithInstall<{
|
|
|
74
74
|
}, string, {
|
|
75
75
|
size: "large" | "default" | "small";
|
|
76
76
|
type: string;
|
|
77
|
-
effect: "focus" | "underline"
|
|
77
|
+
effect: "focus" | "underline";
|
|
78
78
|
label: string;
|
|
79
79
|
disabled: boolean;
|
|
80
80
|
placeholder: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ZyTreeNode, ZyTreeProps } from './types';
|
|
2
2
|
type __VLS_Props = {
|
|
3
|
-
/** 承载的聚焦动效:focus 聚焦光环 / underline 下划线扫过
|
|
4
|
-
effect?: 'focus' | 'underline'
|
|
3
|
+
/** 承载的聚焦动效:focus 聚焦光环 / underline 下划线扫过 */
|
|
4
|
+
effect?: 'focus' | 'underline';
|
|
5
5
|
/** 实色主题下的键帽凸起形态;基础主题不改变外观 */
|
|
6
6
|
raised?: boolean;
|
|
7
7
|
size?: 'large' | 'default' | 'small';
|
|
@@ -43,7 +43,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
43
43
|
"onUpdate:modelValue"?: ((value: string | number | (string | number)[] | undefined) => any) | undefined;
|
|
44
44
|
}>, {
|
|
45
45
|
size: "large" | "default" | "small";
|
|
46
|
-
effect: "focus" | "underline"
|
|
46
|
+
effect: "focus" | "underline";
|
|
47
47
|
data: ZyTreeNode[];
|
|
48
48
|
disabled: boolean;
|
|
49
49
|
placeholder: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
|
|
2
2
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
3
|
-
effect?: "focus" | "underline"
|
|
3
|
+
effect?: "focus" | "underline";
|
|
4
4
|
raised?: boolean;
|
|
5
5
|
size?: "large" | "default" | "small";
|
|
6
6
|
placeholder?: string;
|
|
@@ -22,7 +22,7 @@ export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
|
|
|
22
22
|
"update:modelValue": (value: string | number | (string | number)[] | undefined) => any;
|
|
23
23
|
}, import("vue").PublicProps, {
|
|
24
24
|
size: "large" | "default" | "small";
|
|
25
|
-
effect: "focus" | "underline"
|
|
25
|
+
effect: "focus" | "underline";
|
|
26
26
|
data: import("./types").ZyTreeNode[];
|
|
27
27
|
disabled: boolean;
|
|
28
28
|
placeholder: string;
|
|
@@ -43,7 +43,7 @@ export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
|
|
|
43
43
|
M: {};
|
|
44
44
|
Defaults: {};
|
|
45
45
|
}, Readonly<{
|
|
46
|
-
effect?: "focus" | "underline"
|
|
46
|
+
effect?: "focus" | "underline";
|
|
47
47
|
raised?: boolean;
|
|
48
48
|
size?: "large" | "default" | "small";
|
|
49
49
|
placeholder?: string;
|
|
@@ -63,7 +63,7 @@ export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
|
|
|
63
63
|
"onUpdate:modelValue"?: ((value: string | number | (string | number)[] | undefined) => any) | undefined;
|
|
64
64
|
}>, {}, {}, {}, {}, {
|
|
65
65
|
size: "large" | "default" | "small";
|
|
66
|
-
effect: "focus" | "underline"
|
|
66
|
+
effect: "focus" | "underline";
|
|
67
67
|
data: import("./types").ZyTreeNode[];
|
|
68
68
|
disabled: boolean;
|
|
69
69
|
placeholder: string;
|
|
@@ -81,7 +81,7 @@ export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
|
|
|
81
81
|
__isTeleport?: never;
|
|
82
82
|
__isSuspense?: never;
|
|
83
83
|
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
84
|
-
effect?: "focus" | "underline"
|
|
84
|
+
effect?: "focus" | "underline";
|
|
85
85
|
raised?: boolean;
|
|
86
86
|
size?: "large" | "default" | "small";
|
|
87
87
|
placeholder?: string;
|
|
@@ -103,7 +103,7 @@ export declare const ZySelect: import("../utils/withInstall").SFCWithInstall<{
|
|
|
103
103
|
"update:modelValue": (value: string | number | (string | number)[] | undefined) => any;
|
|
104
104
|
}, string, {
|
|
105
105
|
size: "large" | "default" | "small";
|
|
106
|
-
effect: "focus" | "underline"
|
|
106
|
+
effect: "focus" | "underline";
|
|
107
107
|
data: import("./types").ZyTreeNode[];
|
|
108
108
|
disabled: boolean;
|
|
109
109
|
placeholder: string;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { SideMenuItem, SideMenuNavigatePayload } from './types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
/** 菜单项;children 为二级菜单,当前支持一层 */
|
|
4
|
+
items?: SideMenuItem[];
|
|
5
|
+
/** 受控选中项(v-model:active);不传则点了自己记 */
|
|
6
|
+
active?: string | null;
|
|
7
|
+
/** 受控展开项(v-model:open);不传则自己管 */
|
|
8
|
+
open?: string[];
|
|
9
|
+
/** 背景:auto 跟随主题(basic 纸白 / solid 品牌蓝)/ brand 品牌浅纸或蓝渐变 / plain 强制白色纸面 */
|
|
10
|
+
surface?: 'auto' | 'brand' | 'plain';
|
|
11
|
+
/** 自定义容器背景色 */
|
|
12
|
+
background?: string;
|
|
13
|
+
/** 自定义一级 / 二级文字色 */
|
|
14
|
+
textColor?: string;
|
|
15
|
+
/** 自定义选中行背景色 */
|
|
16
|
+
activeBackground?: string;
|
|
17
|
+
/** 自定义选中行文字色 */
|
|
18
|
+
activeTextColor?: string;
|
|
19
|
+
/** 导航区的无障碍名称 */
|
|
20
|
+
label?: string;
|
|
21
|
+
};
|
|
22
|
+
declare var __VLS_1: {}, __VLS_29: {};
|
|
23
|
+
type __VLS_Slots = {} & {
|
|
24
|
+
brand?: (props: typeof __VLS_1) => any;
|
|
25
|
+
} & {
|
|
26
|
+
footer?: (props: typeof __VLS_29) => any;
|
|
27
|
+
};
|
|
28
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
29
|
+
"update:open": (value: string[]) => any;
|
|
30
|
+
"update:active": (value: string) => any;
|
|
31
|
+
navigate: (payload: SideMenuNavigatePayload) => any;
|
|
32
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
33
|
+
"onUpdate:open"?: ((value: string[]) => any) | undefined;
|
|
34
|
+
"onUpdate:active"?: ((value: string) => any) | undefined;
|
|
35
|
+
onNavigate?: ((payload: SideMenuNavigatePayload) => any) | undefined;
|
|
36
|
+
}>, {
|
|
37
|
+
label: string;
|
|
38
|
+
items: SideMenuItem[];
|
|
39
|
+
surface: "auto" | "brand" | "plain";
|
|
40
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
41
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
42
|
+
declare const _default: typeof __VLS_export;
|
|
43
|
+
export default _default;
|
|
44
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
45
|
+
new (): {
|
|
46
|
+
$slots: S;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { Component } from 'vue';
|
|
2
|
+
/** 图标:本库图标名(`src/assets/icons` 的文件名)或任意组件 */
|
|
3
|
+
export type SideMenuIcon = string | Component;
|
|
4
|
+
export interface SideMenuItem {
|
|
5
|
+
key: string;
|
|
6
|
+
label: string;
|
|
7
|
+
icon?: SideMenuIcon;
|
|
8
|
+
href?: string;
|
|
9
|
+
/** 标题右侧的小徽标,如「新」或数字 */
|
|
10
|
+
badge?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/** 二级菜单;当前支持一层 */
|
|
13
|
+
children?: SideMenuItem[];
|
|
14
|
+
}
|
|
15
|
+
/** `navigate` 事件载荷:拦下默认跳转,自己交给路由 */
|
|
16
|
+
export interface SideMenuNavigatePayload {
|
|
17
|
+
item: SideMenuItem;
|
|
18
|
+
title: string;
|
|
19
|
+
href?: string;
|
|
20
|
+
event: MouseEvent;
|
|
21
|
+
}
|