@codemonster-ru/vueforge 0.38.0 → 0.40.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/README.md +132 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +2823 -2433
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/confirm-dialog.test.d.ts +1 -0
- package/dist/package/components/__tests__/treeselect.test.d.ts +1 -0
- package/dist/package/components/tree-select.vue.d.ts +92 -0
- package/dist/package/config/theme-core.d.ts +49 -0
- package/dist/package/themes/default/components/confirm-dialog.d.ts +8 -0
- package/dist/package/themes/default/components/treeselect.d.ts +41 -0
- package/dist/package/themes/default/index.d.ts +47 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { TreeItem, TreeValue } from './tree.vue';
|
|
2
|
+
type Size = 'small' | 'normal' | 'large';
|
|
3
|
+
type Variant = 'filled' | 'outlined';
|
|
4
|
+
type TreeModelValue = TreeValue | Array<TreeValue> | undefined;
|
|
5
|
+
interface Props {
|
|
6
|
+
items?: Array<TreeItem>;
|
|
7
|
+
modelValue?: TreeModelValue;
|
|
8
|
+
expandedKeys?: Array<TreeValue>;
|
|
9
|
+
multiple?: boolean;
|
|
10
|
+
selectable?: boolean;
|
|
11
|
+
expandOnClick?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
readonly?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
loadingText?: string;
|
|
16
|
+
emptyText?: string;
|
|
17
|
+
placeholder?: string;
|
|
18
|
+
searchPlaceholder?: string;
|
|
19
|
+
filter?: boolean;
|
|
20
|
+
clearable?: boolean;
|
|
21
|
+
variant?: Variant;
|
|
22
|
+
size?: Size;
|
|
23
|
+
}
|
|
24
|
+
declare function __VLS_template(): {
|
|
25
|
+
attrs: Partial<{}>;
|
|
26
|
+
slots: {
|
|
27
|
+
label?(_: {
|
|
28
|
+
node: TreeItem;
|
|
29
|
+
level: number;
|
|
30
|
+
selected: boolean;
|
|
31
|
+
expanded: boolean;
|
|
32
|
+
disabled: boolean;
|
|
33
|
+
}): any;
|
|
34
|
+
};
|
|
35
|
+
refs: {
|
|
36
|
+
root: HTMLDivElement;
|
|
37
|
+
trigger: HTMLButtonElement;
|
|
38
|
+
panel: HTMLDivElement;
|
|
39
|
+
searchInput: HTMLInputElement;
|
|
40
|
+
};
|
|
41
|
+
rootEl: HTMLDivElement;
|
|
42
|
+
};
|
|
43
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
44
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
45
|
+
search: (...args: any[]) => void;
|
|
46
|
+
blur: (...args: any[]) => void;
|
|
47
|
+
change: (...args: any[]) => void;
|
|
48
|
+
focus: (...args: any[]) => void;
|
|
49
|
+
toggle: (...args: any[]) => void;
|
|
50
|
+
"update:modelValue": (...args: any[]) => void;
|
|
51
|
+
"update:expandedKeys": (...args: any[]) => void;
|
|
52
|
+
nodeClick: (...args: any[]) => void;
|
|
53
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
54
|
+
onSearch?: ((...args: any[]) => any) | undefined;
|
|
55
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
56
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
57
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
58
|
+
onToggle?: ((...args: any[]) => any) | undefined;
|
|
59
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
60
|
+
"onUpdate:expandedKeys"?: ((...args: any[]) => any) | undefined;
|
|
61
|
+
onNodeClick?: ((...args: any[]) => any) | undefined;
|
|
62
|
+
}>, {
|
|
63
|
+
filter: boolean;
|
|
64
|
+
disabled: boolean;
|
|
65
|
+
items: Array<TreeItem>;
|
|
66
|
+
size: Size;
|
|
67
|
+
loading: boolean;
|
|
68
|
+
variant: Variant;
|
|
69
|
+
modelValue: TreeValue | TreeValue[];
|
|
70
|
+
placeholder: string;
|
|
71
|
+
readonly: boolean;
|
|
72
|
+
multiple: boolean;
|
|
73
|
+
loadingText: string;
|
|
74
|
+
emptyText: string;
|
|
75
|
+
searchPlaceholder: string;
|
|
76
|
+
clearable: boolean;
|
|
77
|
+
expandOnClick: boolean;
|
|
78
|
+
selectable: boolean;
|
|
79
|
+
expandedKeys: Array<TreeValue>;
|
|
80
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
81
|
+
root: HTMLDivElement;
|
|
82
|
+
trigger: HTMLButtonElement;
|
|
83
|
+
panel: HTMLDivElement;
|
|
84
|
+
searchInput: HTMLInputElement;
|
|
85
|
+
}, HTMLDivElement>;
|
|
86
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
87
|
+
export default _default;
|
|
88
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
89
|
+
new (): {
|
|
90
|
+
$slots: S;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
@@ -260,6 +260,13 @@ export type ModalTokens = {
|
|
|
260
260
|
closeFontSize?: string;
|
|
261
261
|
closeHoverBackgroundColor?: string;
|
|
262
262
|
};
|
|
263
|
+
export type ConfirmDialogTokens = {
|
|
264
|
+
maxWidth?: string;
|
|
265
|
+
messageColor?: string;
|
|
266
|
+
messageFontSize?: string;
|
|
267
|
+
messageLineHeight?: string;
|
|
268
|
+
actionsGap?: string;
|
|
269
|
+
};
|
|
263
270
|
export type DrawerTokens = {
|
|
264
271
|
width?: string;
|
|
265
272
|
widthSm?: string;
|
|
@@ -797,6 +804,46 @@ export type TreeTokens = {
|
|
|
797
804
|
toggleSize?: string;
|
|
798
805
|
};
|
|
799
806
|
};
|
|
807
|
+
export type TreeSelectTokens = {
|
|
808
|
+
minWidth?: string;
|
|
809
|
+
fontSize?: string;
|
|
810
|
+
controlGap?: string;
|
|
811
|
+
chevronSize?: string;
|
|
812
|
+
padding?: string;
|
|
813
|
+
borderRadius?: string;
|
|
814
|
+
borderColor?: string;
|
|
815
|
+
backgroundColor?: string;
|
|
816
|
+
textColor?: string;
|
|
817
|
+
placeholderColor?: string;
|
|
818
|
+
focusBorderColor?: string;
|
|
819
|
+
hoverBorderColor?: string;
|
|
820
|
+
disabledOpacity?: string;
|
|
821
|
+
panelBackgroundColor?: string;
|
|
822
|
+
panelBorderColor?: string;
|
|
823
|
+
panelPadding?: string;
|
|
824
|
+
panelMaxHeight?: string;
|
|
825
|
+
panelRadiusOffset?: string;
|
|
826
|
+
panelShadow?: string;
|
|
827
|
+
focusRingShadow?: string;
|
|
828
|
+
searchPadding?: string;
|
|
829
|
+
searchBorderColor?: string;
|
|
830
|
+
searchBorderRadius?: string;
|
|
831
|
+
emptyPadding?: string;
|
|
832
|
+
emptyColor?: string;
|
|
833
|
+
loadingPadding?: string;
|
|
834
|
+
loadingColor?: string;
|
|
835
|
+
clearSize?: string;
|
|
836
|
+
clearRadius?: string;
|
|
837
|
+
clearHoverBackgroundColor?: string;
|
|
838
|
+
small?: {
|
|
839
|
+
padding?: string;
|
|
840
|
+
fontSize?: string;
|
|
841
|
+
};
|
|
842
|
+
large?: {
|
|
843
|
+
padding?: string;
|
|
844
|
+
fontSize?: string;
|
|
845
|
+
};
|
|
846
|
+
};
|
|
800
847
|
export type StepperTokens = {
|
|
801
848
|
gap?: string;
|
|
802
849
|
itemGap?: string;
|
|
@@ -1082,6 +1129,7 @@ export type ThemeComponentTokens = {
|
|
|
1082
1129
|
breadcrumbs?: BreadcrumbsTokens;
|
|
1083
1130
|
menu?: MenuTokens;
|
|
1084
1131
|
modal?: ModalTokens;
|
|
1132
|
+
confirmDialog?: ConfirmDialogTokens;
|
|
1085
1133
|
drawer?: DrawerTokens;
|
|
1086
1134
|
popover?: PopoverTokens;
|
|
1087
1135
|
dropdown?: DropdownTokens;
|
|
@@ -1106,6 +1154,7 @@ export type ThemeComponentTokens = {
|
|
|
1106
1154
|
avatar?: AvatarTokens;
|
|
1107
1155
|
rating?: RatingTokens;
|
|
1108
1156
|
tree?: TreeTokens;
|
|
1157
|
+
treeselect?: TreeSelectTokens;
|
|
1109
1158
|
[key: string]: unknown;
|
|
1110
1159
|
};
|
|
1111
1160
|
export type ThemeTokens = {
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
minWidth: string;
|
|
3
|
+
fontSize: string;
|
|
4
|
+
controlGap: string;
|
|
5
|
+
chevronSize: string;
|
|
6
|
+
padding: string;
|
|
7
|
+
borderRadius: string;
|
|
8
|
+
borderColor: string;
|
|
9
|
+
backgroundColor: string;
|
|
10
|
+
textColor: string;
|
|
11
|
+
placeholderColor: string;
|
|
12
|
+
focusBorderColor: string;
|
|
13
|
+
hoverBorderColor: string;
|
|
14
|
+
disabledOpacity: string;
|
|
15
|
+
panelBackgroundColor: string;
|
|
16
|
+
panelBorderColor: string;
|
|
17
|
+
panelPadding: string;
|
|
18
|
+
panelMaxHeight: string;
|
|
19
|
+
panelRadiusOffset: string;
|
|
20
|
+
panelShadow: string;
|
|
21
|
+
focusRingShadow: string;
|
|
22
|
+
searchPadding: string;
|
|
23
|
+
searchBorderColor: string;
|
|
24
|
+
searchBorderRadius: string;
|
|
25
|
+
emptyPadding: string;
|
|
26
|
+
emptyColor: string;
|
|
27
|
+
loadingPadding: string;
|
|
28
|
+
loadingColor: string;
|
|
29
|
+
clearSize: string;
|
|
30
|
+
clearRadius: string;
|
|
31
|
+
clearHoverBackgroundColor: string;
|
|
32
|
+
small: {
|
|
33
|
+
padding: string;
|
|
34
|
+
fontSize: string;
|
|
35
|
+
};
|
|
36
|
+
large: {
|
|
37
|
+
padding: string;
|
|
38
|
+
fontSize: string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
export default _default;
|
|
@@ -417,6 +417,13 @@ declare const _default: {
|
|
|
417
417
|
closeFontSize: string;
|
|
418
418
|
closeHoverBackgroundColor: string;
|
|
419
419
|
};
|
|
420
|
+
confirmDialog: {
|
|
421
|
+
maxWidth: string;
|
|
422
|
+
messageColor: string;
|
|
423
|
+
messageFontSize: string;
|
|
424
|
+
messageLineHeight: string;
|
|
425
|
+
actionsGap: string;
|
|
426
|
+
};
|
|
420
427
|
drawer: {
|
|
421
428
|
width: string;
|
|
422
429
|
widthSm: string;
|
|
@@ -1300,6 +1307,46 @@ declare const _default: {
|
|
|
1300
1307
|
toggleSize: string;
|
|
1301
1308
|
};
|
|
1302
1309
|
};
|
|
1310
|
+
treeselect: {
|
|
1311
|
+
minWidth: string;
|
|
1312
|
+
fontSize: string;
|
|
1313
|
+
controlGap: string;
|
|
1314
|
+
chevronSize: string;
|
|
1315
|
+
padding: string;
|
|
1316
|
+
borderRadius: string;
|
|
1317
|
+
borderColor: string;
|
|
1318
|
+
backgroundColor: string;
|
|
1319
|
+
textColor: string;
|
|
1320
|
+
placeholderColor: string;
|
|
1321
|
+
focusBorderColor: string;
|
|
1322
|
+
hoverBorderColor: string;
|
|
1323
|
+
disabledOpacity: string;
|
|
1324
|
+
panelBackgroundColor: string;
|
|
1325
|
+
panelBorderColor: string;
|
|
1326
|
+
panelPadding: string;
|
|
1327
|
+
panelMaxHeight: string;
|
|
1328
|
+
panelRadiusOffset: string;
|
|
1329
|
+
panelShadow: string;
|
|
1330
|
+
focusRingShadow: string;
|
|
1331
|
+
searchPadding: string;
|
|
1332
|
+
searchBorderColor: string;
|
|
1333
|
+
searchBorderRadius: string;
|
|
1334
|
+
emptyPadding: string;
|
|
1335
|
+
emptyColor: string;
|
|
1336
|
+
loadingPadding: string;
|
|
1337
|
+
loadingColor: string;
|
|
1338
|
+
clearSize: string;
|
|
1339
|
+
clearRadius: string;
|
|
1340
|
+
clearHoverBackgroundColor: string;
|
|
1341
|
+
small: {
|
|
1342
|
+
padding: string;
|
|
1343
|
+
fontSize: string;
|
|
1344
|
+
};
|
|
1345
|
+
large: {
|
|
1346
|
+
padding: string;
|
|
1347
|
+
fontSize: string;
|
|
1348
|
+
};
|
|
1349
|
+
};
|
|
1303
1350
|
};
|
|
1304
1351
|
colors: {
|
|
1305
1352
|
white: string;
|