@codemonster-ru/vueforge 0.39.0 → 0.41.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 +120 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +2902 -2499
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/context-menu.test.d.ts +1 -0
- package/dist/package/components/__tests__/treeselect.test.d.ts +1 -0
- package/dist/package/components/context-menu.vue.d.ts +69 -0
- package/dist/package/components/tree-select.vue.d.ts +92 -0
- package/dist/package/config/theme-core.d.ts +53 -0
- package/dist/package/themes/default/components/context-menu.d.ts +12 -0
- package/dist/package/themes/default/components/treeselect.d.ts +41 -0
- package/dist/package/themes/default/index.d.ts +51 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
interface Item {
|
|
2
|
+
to?: string;
|
|
3
|
+
href?: string;
|
|
4
|
+
url?: string;
|
|
5
|
+
icon?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
active?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
separator?: boolean;
|
|
10
|
+
command?: () => void;
|
|
11
|
+
}
|
|
12
|
+
interface Point {
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
}
|
|
16
|
+
interface Props {
|
|
17
|
+
modelValue?: boolean;
|
|
18
|
+
items?: Array<Item>;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
closeOnSelect?: boolean;
|
|
21
|
+
closeOnEsc?: boolean;
|
|
22
|
+
offset?: number;
|
|
23
|
+
}
|
|
24
|
+
declare function __VLS_template(): {
|
|
25
|
+
attrs: Partial<{}>;
|
|
26
|
+
slots: {
|
|
27
|
+
default?(_: {}): any;
|
|
28
|
+
menu?(_: {}): any;
|
|
29
|
+
};
|
|
30
|
+
refs: {
|
|
31
|
+
root: HTMLDivElement;
|
|
32
|
+
panel: HTMLDivElement;
|
|
33
|
+
};
|
|
34
|
+
rootEl: any;
|
|
35
|
+
};
|
|
36
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
37
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
38
|
+
openAt: (point: Point) => Promise<void>;
|
|
39
|
+
close: () => void;
|
|
40
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
41
|
+
close: (...args: any[]) => void;
|
|
42
|
+
contextmenu: (...args: any[]) => void;
|
|
43
|
+
select: (...args: any[]) => void;
|
|
44
|
+
"update:modelValue": (...args: any[]) => void;
|
|
45
|
+
open: (...args: any[]) => void;
|
|
46
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
47
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
48
|
+
onContextmenu?: ((...args: any[]) => any) | undefined;
|
|
49
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
50
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
51
|
+
onOpen?: ((...args: any[]) => any) | undefined;
|
|
52
|
+
}>, {
|
|
53
|
+
disabled: boolean;
|
|
54
|
+
items: Array<Item>;
|
|
55
|
+
modelValue: boolean;
|
|
56
|
+
closeOnEsc: boolean;
|
|
57
|
+
offset: number;
|
|
58
|
+
closeOnSelect: boolean;
|
|
59
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
60
|
+
root: HTMLDivElement;
|
|
61
|
+
panel: HTMLDivElement;
|
|
62
|
+
}, any>;
|
|
63
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
64
|
+
export default _default;
|
|
65
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
66
|
+
new (): {
|
|
67
|
+
$slots: S;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
@@ -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
|
+
};
|
|
@@ -310,6 +310,17 @@ export type DropdownTokens = {
|
|
|
310
310
|
disabledOpacity?: string;
|
|
311
311
|
itemPadding?: string;
|
|
312
312
|
};
|
|
313
|
+
export type ContextMenuTokens = {
|
|
314
|
+
minWidth?: string;
|
|
315
|
+
panelPadding?: string;
|
|
316
|
+
panelBorderRadius?: string;
|
|
317
|
+
panelBorderColor?: string;
|
|
318
|
+
panelBackgroundColor?: string;
|
|
319
|
+
panelShadow?: string;
|
|
320
|
+
zIndex?: string;
|
|
321
|
+
disabledOpacity?: string;
|
|
322
|
+
itemPadding?: string;
|
|
323
|
+
};
|
|
313
324
|
export type SelectTokens = {
|
|
314
325
|
minWidth?: string;
|
|
315
326
|
fontSize?: string;
|
|
@@ -804,6 +815,46 @@ export type TreeTokens = {
|
|
|
804
815
|
toggleSize?: string;
|
|
805
816
|
};
|
|
806
817
|
};
|
|
818
|
+
export type TreeSelectTokens = {
|
|
819
|
+
minWidth?: string;
|
|
820
|
+
fontSize?: string;
|
|
821
|
+
controlGap?: string;
|
|
822
|
+
chevronSize?: string;
|
|
823
|
+
padding?: string;
|
|
824
|
+
borderRadius?: string;
|
|
825
|
+
borderColor?: string;
|
|
826
|
+
backgroundColor?: string;
|
|
827
|
+
textColor?: string;
|
|
828
|
+
placeholderColor?: string;
|
|
829
|
+
focusBorderColor?: string;
|
|
830
|
+
hoverBorderColor?: string;
|
|
831
|
+
disabledOpacity?: string;
|
|
832
|
+
panelBackgroundColor?: string;
|
|
833
|
+
panelBorderColor?: string;
|
|
834
|
+
panelPadding?: string;
|
|
835
|
+
panelMaxHeight?: string;
|
|
836
|
+
panelRadiusOffset?: string;
|
|
837
|
+
panelShadow?: string;
|
|
838
|
+
focusRingShadow?: string;
|
|
839
|
+
searchPadding?: string;
|
|
840
|
+
searchBorderColor?: string;
|
|
841
|
+
searchBorderRadius?: string;
|
|
842
|
+
emptyPadding?: string;
|
|
843
|
+
emptyColor?: string;
|
|
844
|
+
loadingPadding?: string;
|
|
845
|
+
loadingColor?: string;
|
|
846
|
+
clearSize?: string;
|
|
847
|
+
clearRadius?: string;
|
|
848
|
+
clearHoverBackgroundColor?: string;
|
|
849
|
+
small?: {
|
|
850
|
+
padding?: string;
|
|
851
|
+
fontSize?: string;
|
|
852
|
+
};
|
|
853
|
+
large?: {
|
|
854
|
+
padding?: string;
|
|
855
|
+
fontSize?: string;
|
|
856
|
+
};
|
|
857
|
+
};
|
|
807
858
|
export type StepperTokens = {
|
|
808
859
|
gap?: string;
|
|
809
860
|
itemGap?: string;
|
|
@@ -1093,6 +1144,7 @@ export type ThemeComponentTokens = {
|
|
|
1093
1144
|
drawer?: DrawerTokens;
|
|
1094
1145
|
popover?: PopoverTokens;
|
|
1095
1146
|
dropdown?: DropdownTokens;
|
|
1147
|
+
contextMenu?: ContextMenuTokens;
|
|
1096
1148
|
select?: SelectTokens;
|
|
1097
1149
|
autocomplete?: AutocompleteTokens;
|
|
1098
1150
|
multiselect?: MultiSelectTokens;
|
|
@@ -1114,6 +1166,7 @@ export type ThemeComponentTokens = {
|
|
|
1114
1166
|
avatar?: AvatarTokens;
|
|
1115
1167
|
rating?: RatingTokens;
|
|
1116
1168
|
tree?: TreeTokens;
|
|
1169
|
+
treeselect?: TreeSelectTokens;
|
|
1117
1170
|
[key: string]: unknown;
|
|
1118
1171
|
};
|
|
1119
1172
|
export type ThemeTokens = {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
minWidth: string;
|
|
3
|
+
panelPadding: string;
|
|
4
|
+
panelBorderRadius: string;
|
|
5
|
+
panelBorderColor: string;
|
|
6
|
+
panelBackgroundColor: string;
|
|
7
|
+
panelShadow: string;
|
|
8
|
+
zIndex: string;
|
|
9
|
+
disabledOpacity: string;
|
|
10
|
+
itemPadding: string;
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
@@ -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;
|
|
@@ -464,6 +464,17 @@ declare const _default: {
|
|
|
464
464
|
disabledOpacity: string;
|
|
465
465
|
itemPadding: string;
|
|
466
466
|
};
|
|
467
|
+
contextMenu: {
|
|
468
|
+
minWidth: string;
|
|
469
|
+
panelPadding: string;
|
|
470
|
+
panelBorderRadius: string;
|
|
471
|
+
panelBorderColor: string;
|
|
472
|
+
panelBackgroundColor: string;
|
|
473
|
+
panelShadow: string;
|
|
474
|
+
zIndex: string;
|
|
475
|
+
disabledOpacity: string;
|
|
476
|
+
itemPadding: string;
|
|
477
|
+
};
|
|
467
478
|
select: {
|
|
468
479
|
minWidth: string;
|
|
469
480
|
fontSize: string;
|
|
@@ -1307,6 +1318,46 @@ declare const _default: {
|
|
|
1307
1318
|
toggleSize: string;
|
|
1308
1319
|
};
|
|
1309
1320
|
};
|
|
1321
|
+
treeselect: {
|
|
1322
|
+
minWidth: string;
|
|
1323
|
+
fontSize: string;
|
|
1324
|
+
controlGap: string;
|
|
1325
|
+
chevronSize: string;
|
|
1326
|
+
padding: string;
|
|
1327
|
+
borderRadius: string;
|
|
1328
|
+
borderColor: string;
|
|
1329
|
+
backgroundColor: string;
|
|
1330
|
+
textColor: string;
|
|
1331
|
+
placeholderColor: string;
|
|
1332
|
+
focusBorderColor: string;
|
|
1333
|
+
hoverBorderColor: string;
|
|
1334
|
+
disabledOpacity: string;
|
|
1335
|
+
panelBackgroundColor: string;
|
|
1336
|
+
panelBorderColor: string;
|
|
1337
|
+
panelPadding: string;
|
|
1338
|
+
panelMaxHeight: string;
|
|
1339
|
+
panelRadiusOffset: string;
|
|
1340
|
+
panelShadow: string;
|
|
1341
|
+
focusRingShadow: string;
|
|
1342
|
+
searchPadding: string;
|
|
1343
|
+
searchBorderColor: string;
|
|
1344
|
+
searchBorderRadius: string;
|
|
1345
|
+
emptyPadding: string;
|
|
1346
|
+
emptyColor: string;
|
|
1347
|
+
loadingPadding: string;
|
|
1348
|
+
loadingColor: string;
|
|
1349
|
+
clearSize: string;
|
|
1350
|
+
clearRadius: string;
|
|
1351
|
+
clearHoverBackgroundColor: string;
|
|
1352
|
+
small: {
|
|
1353
|
+
padding: string;
|
|
1354
|
+
fontSize: string;
|
|
1355
|
+
};
|
|
1356
|
+
large: {
|
|
1357
|
+
padding: string;
|
|
1358
|
+
fontSize: string;
|
|
1359
|
+
};
|
|
1360
|
+
};
|
|
1310
1361
|
};
|
|
1311
1362
|
colors: {
|
|
1312
1363
|
white: string;
|