@codemonster-ru/vueforge 0.42.0 → 0.44.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 +119 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +2589 -2203
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/command-palette.test.d.ts +1 -0
- package/dist/package/components/__tests__/virtual-scroller.test.d.ts +1 -0
- package/dist/package/components/command-palette.vue.d.ts +56 -0
- package/dist/package/components/virtual-scroller.vue.d.ts +56 -0
- package/dist/package/config/theme-core.d.ts +58 -0
- package/dist/package/themes/default/components/command-palette.d.ts +45 -0
- package/dist/package/themes/default/components/virtual-scroller.d.ts +13 -0
- package/dist/package/themes/default/index.d.ts +56 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
interface CommandPaletteItem {
|
|
2
|
+
label: string;
|
|
3
|
+
value?: string | number;
|
|
4
|
+
description?: string;
|
|
5
|
+
shortcut?: string;
|
|
6
|
+
group?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
keywords?: Array<string>;
|
|
9
|
+
command?: () => void;
|
|
10
|
+
}
|
|
11
|
+
interface Props {
|
|
12
|
+
modelValue?: boolean;
|
|
13
|
+
items?: Array<CommandPaletteItem>;
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
emptyText?: string;
|
|
16
|
+
ariaLabel?: string;
|
|
17
|
+
closeOnOverlay?: boolean;
|
|
18
|
+
closeOnEsc?: boolean;
|
|
19
|
+
closeOnSelect?: boolean;
|
|
20
|
+
filter?: boolean;
|
|
21
|
+
enableShortcut?: boolean;
|
|
22
|
+
shortcutKey?: string;
|
|
23
|
+
}
|
|
24
|
+
declare const _default: import('vue').DefineComponent<Props, {
|
|
25
|
+
open: () => Promise<void>;
|
|
26
|
+
close: () => void;
|
|
27
|
+
toggle: () => Promise<void>;
|
|
28
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
29
|
+
search: (...args: any[]) => void;
|
|
30
|
+
close: (...args: any[]) => void;
|
|
31
|
+
select: (...args: any[]) => void;
|
|
32
|
+
"update:modelValue": (...args: any[]) => void;
|
|
33
|
+
open: (...args: any[]) => void;
|
|
34
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
35
|
+
onSearch?: ((...args: any[]) => any) | undefined;
|
|
36
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
37
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
38
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
39
|
+
onOpen?: ((...args: any[]) => any) | undefined;
|
|
40
|
+
}>, {
|
|
41
|
+
filter: boolean;
|
|
42
|
+
items: Array<CommandPaletteItem>;
|
|
43
|
+
modelValue: boolean;
|
|
44
|
+
placeholder: string;
|
|
45
|
+
ariaLabel: string;
|
|
46
|
+
emptyText: string;
|
|
47
|
+
closeOnOverlay: boolean;
|
|
48
|
+
closeOnEsc: boolean;
|
|
49
|
+
closeOnSelect: boolean;
|
|
50
|
+
enableShortcut: boolean;
|
|
51
|
+
shortcutKey: string;
|
|
52
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
53
|
+
panel: HTMLDivElement;
|
|
54
|
+
inputRef: HTMLInputElement;
|
|
55
|
+
}, any>;
|
|
56
|
+
export default _default;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
items?: Array<unknown>;
|
|
3
|
+
itemHeight?: number;
|
|
4
|
+
height?: string;
|
|
5
|
+
overscan?: number;
|
|
6
|
+
keyField?: string;
|
|
7
|
+
virtual?: boolean;
|
|
8
|
+
ariaLabel?: string;
|
|
9
|
+
emptyText?: string;
|
|
10
|
+
}
|
|
11
|
+
declare function __VLS_template(): {
|
|
12
|
+
attrs: Partial<{}>;
|
|
13
|
+
slots: {
|
|
14
|
+
empty?(_: {}): any;
|
|
15
|
+
default?(_: {
|
|
16
|
+
item: unknown;
|
|
17
|
+
index: number;
|
|
18
|
+
}): any;
|
|
19
|
+
default?(_: {
|
|
20
|
+
item: unknown;
|
|
21
|
+
index: number;
|
|
22
|
+
}): any;
|
|
23
|
+
};
|
|
24
|
+
refs: {
|
|
25
|
+
viewport: HTMLDivElement;
|
|
26
|
+
};
|
|
27
|
+
rootEl: HTMLDivElement;
|
|
28
|
+
};
|
|
29
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
30
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
31
|
+
scroll: (...args: any[]) => void;
|
|
32
|
+
rangeChange: (...args: any[]) => void;
|
|
33
|
+
reachEnd: (...args: any[]) => void;
|
|
34
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
35
|
+
onScroll?: ((...args: any[]) => any) | undefined;
|
|
36
|
+
onRangeChange?: ((...args: any[]) => any) | undefined;
|
|
37
|
+
onReachEnd?: ((...args: any[]) => any) | undefined;
|
|
38
|
+
}>, {
|
|
39
|
+
items: Array<unknown>;
|
|
40
|
+
ariaLabel: string;
|
|
41
|
+
emptyText: string;
|
|
42
|
+
height: string;
|
|
43
|
+
itemHeight: number;
|
|
44
|
+
overscan: number;
|
|
45
|
+
keyField: string;
|
|
46
|
+
virtual: boolean;
|
|
47
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
48
|
+
viewport: HTMLDivElement;
|
|
49
|
+
}, HTMLDivElement>;
|
|
50
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
51
|
+
export default _default;
|
|
52
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
53
|
+
new (): {
|
|
54
|
+
$slots: S;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
@@ -334,6 +334,50 @@ export type ContextMenuTokens = {
|
|
|
334
334
|
disabledOpacity?: string;
|
|
335
335
|
itemPadding?: string;
|
|
336
336
|
};
|
|
337
|
+
export type CommandPaletteTokens = {
|
|
338
|
+
width?: string;
|
|
339
|
+
maxWidth?: string;
|
|
340
|
+
maxHeight?: string;
|
|
341
|
+
padding?: string;
|
|
342
|
+
borderRadius?: string;
|
|
343
|
+
borderColor?: string;
|
|
344
|
+
backgroundColor?: string;
|
|
345
|
+
textColor?: string;
|
|
346
|
+
overlayBackgroundColor?: string;
|
|
347
|
+
shadow?: string;
|
|
348
|
+
zIndex?: string;
|
|
349
|
+
headerGap?: string;
|
|
350
|
+
inputPadding?: string;
|
|
351
|
+
inputBorderRadius?: string;
|
|
352
|
+
inputBorderColor?: string;
|
|
353
|
+
inputBackgroundColor?: string;
|
|
354
|
+
inputTextColor?: string;
|
|
355
|
+
inputPlaceholderColor?: string;
|
|
356
|
+
inputFocusBorderColor?: string;
|
|
357
|
+
inputFocusRingShadow?: string;
|
|
358
|
+
listGap?: string;
|
|
359
|
+
groupGap?: string;
|
|
360
|
+
groupLabelPadding?: string;
|
|
361
|
+
groupLabelColor?: string;
|
|
362
|
+
groupLabelFontSize?: string;
|
|
363
|
+
itemPadding?: string;
|
|
364
|
+
itemBorderRadius?: string;
|
|
365
|
+
itemGap?: string;
|
|
366
|
+
itemTextColor?: string;
|
|
367
|
+
itemDescriptionColor?: string;
|
|
368
|
+
itemDescriptionFontSize?: string;
|
|
369
|
+
itemActiveBackgroundColor?: string;
|
|
370
|
+
itemActiveTextColor?: string;
|
|
371
|
+
itemDisabledOpacity?: string;
|
|
372
|
+
shortcutPadding?: string;
|
|
373
|
+
shortcutBorderRadius?: string;
|
|
374
|
+
shortcutBorderColor?: string;
|
|
375
|
+
shortcutBackgroundColor?: string;
|
|
376
|
+
shortcutTextColor?: string;
|
|
377
|
+
shortcutFontSize?: string;
|
|
378
|
+
emptyPadding?: string;
|
|
379
|
+
emptyColor?: string;
|
|
380
|
+
};
|
|
337
381
|
export type SelectTokens = {
|
|
338
382
|
minWidth?: string;
|
|
339
383
|
fontSize?: string;
|
|
@@ -868,6 +912,18 @@ export type TreeSelectTokens = {
|
|
|
868
912
|
fontSize?: string;
|
|
869
913
|
};
|
|
870
914
|
};
|
|
915
|
+
export type VirtualScrollerTokens = {
|
|
916
|
+
fontSize?: string;
|
|
917
|
+
borderColor?: string;
|
|
918
|
+
borderRadius?: string;
|
|
919
|
+
backgroundColor?: string;
|
|
920
|
+
textColor?: string;
|
|
921
|
+
focusRingShadow?: string;
|
|
922
|
+
itemPadding?: string;
|
|
923
|
+
itemBorderColor?: string;
|
|
924
|
+
emptyPadding?: string;
|
|
925
|
+
emptyColor?: string;
|
|
926
|
+
};
|
|
871
927
|
export type StepperTokens = {
|
|
872
928
|
gap?: string;
|
|
873
929
|
itemGap?: string;
|
|
@@ -1159,6 +1215,7 @@ export type ThemeComponentTokens = {
|
|
|
1159
1215
|
dropdown?: DropdownTokens;
|
|
1160
1216
|
splitbutton?: SplitButtonTokens;
|
|
1161
1217
|
contextMenu?: ContextMenuTokens;
|
|
1218
|
+
commandPalette?: CommandPaletteTokens;
|
|
1162
1219
|
select?: SelectTokens;
|
|
1163
1220
|
autocomplete?: AutocompleteTokens;
|
|
1164
1221
|
multiselect?: MultiSelectTokens;
|
|
@@ -1181,6 +1238,7 @@ export type ThemeComponentTokens = {
|
|
|
1181
1238
|
rating?: RatingTokens;
|
|
1182
1239
|
tree?: TreeTokens;
|
|
1183
1240
|
treeselect?: TreeSelectTokens;
|
|
1241
|
+
virtualScroller?: VirtualScrollerTokens;
|
|
1184
1242
|
[key: string]: unknown;
|
|
1185
1243
|
};
|
|
1186
1244
|
export type ThemeTokens = {
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
width: string;
|
|
3
|
+
maxWidth: string;
|
|
4
|
+
maxHeight: string;
|
|
5
|
+
padding: string;
|
|
6
|
+
borderRadius: string;
|
|
7
|
+
borderColor: string;
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
textColor: string;
|
|
10
|
+
overlayBackgroundColor: string;
|
|
11
|
+
shadow: string;
|
|
12
|
+
zIndex: string;
|
|
13
|
+
headerGap: string;
|
|
14
|
+
inputPadding: string;
|
|
15
|
+
inputBorderRadius: string;
|
|
16
|
+
inputBorderColor: string;
|
|
17
|
+
inputBackgroundColor: string;
|
|
18
|
+
inputTextColor: string;
|
|
19
|
+
inputPlaceholderColor: string;
|
|
20
|
+
inputFocusBorderColor: string;
|
|
21
|
+
inputFocusRingShadow: string;
|
|
22
|
+
listGap: string;
|
|
23
|
+
groupGap: string;
|
|
24
|
+
groupLabelPadding: string;
|
|
25
|
+
groupLabelColor: string;
|
|
26
|
+
groupLabelFontSize: string;
|
|
27
|
+
itemPadding: string;
|
|
28
|
+
itemBorderRadius: string;
|
|
29
|
+
itemGap: string;
|
|
30
|
+
itemTextColor: string;
|
|
31
|
+
itemDescriptionColor: string;
|
|
32
|
+
itemDescriptionFontSize: string;
|
|
33
|
+
itemActiveBackgroundColor: string;
|
|
34
|
+
itemActiveTextColor: string;
|
|
35
|
+
itemDisabledOpacity: string;
|
|
36
|
+
shortcutPadding: string;
|
|
37
|
+
shortcutBorderRadius: string;
|
|
38
|
+
shortcutBorderColor: string;
|
|
39
|
+
shortcutBackgroundColor: string;
|
|
40
|
+
shortcutTextColor: string;
|
|
41
|
+
shortcutFontSize: string;
|
|
42
|
+
emptyPadding: string;
|
|
43
|
+
emptyColor: string;
|
|
44
|
+
};
|
|
45
|
+
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
fontSize: string;
|
|
3
|
+
borderColor: string;
|
|
4
|
+
borderRadius: string;
|
|
5
|
+
backgroundColor: string;
|
|
6
|
+
textColor: string;
|
|
7
|
+
focusRingShadow: string;
|
|
8
|
+
itemPadding: string;
|
|
9
|
+
itemBorderColor: string;
|
|
10
|
+
emptyPadding: string;
|
|
11
|
+
emptyColor: string;
|
|
12
|
+
};
|
|
13
|
+
export default _default;
|
|
@@ -488,6 +488,50 @@ declare const _default: {
|
|
|
488
488
|
disabledOpacity: string;
|
|
489
489
|
itemPadding: string;
|
|
490
490
|
};
|
|
491
|
+
commandPalette: {
|
|
492
|
+
width: string;
|
|
493
|
+
maxWidth: string;
|
|
494
|
+
maxHeight: string;
|
|
495
|
+
padding: string;
|
|
496
|
+
borderRadius: string;
|
|
497
|
+
borderColor: string;
|
|
498
|
+
backgroundColor: string;
|
|
499
|
+
textColor: string;
|
|
500
|
+
overlayBackgroundColor: string;
|
|
501
|
+
shadow: string;
|
|
502
|
+
zIndex: string;
|
|
503
|
+
headerGap: string;
|
|
504
|
+
inputPadding: string;
|
|
505
|
+
inputBorderRadius: string;
|
|
506
|
+
inputBorderColor: string;
|
|
507
|
+
inputBackgroundColor: string;
|
|
508
|
+
inputTextColor: string;
|
|
509
|
+
inputPlaceholderColor: string;
|
|
510
|
+
inputFocusBorderColor: string;
|
|
511
|
+
inputFocusRingShadow: string;
|
|
512
|
+
listGap: string;
|
|
513
|
+
groupGap: string;
|
|
514
|
+
groupLabelPadding: string;
|
|
515
|
+
groupLabelColor: string;
|
|
516
|
+
groupLabelFontSize: string;
|
|
517
|
+
itemPadding: string;
|
|
518
|
+
itemBorderRadius: string;
|
|
519
|
+
itemGap: string;
|
|
520
|
+
itemTextColor: string;
|
|
521
|
+
itemDescriptionColor: string;
|
|
522
|
+
itemDescriptionFontSize: string;
|
|
523
|
+
itemActiveBackgroundColor: string;
|
|
524
|
+
itemActiveTextColor: string;
|
|
525
|
+
itemDisabledOpacity: string;
|
|
526
|
+
shortcutPadding: string;
|
|
527
|
+
shortcutBorderRadius: string;
|
|
528
|
+
shortcutBorderColor: string;
|
|
529
|
+
shortcutBackgroundColor: string;
|
|
530
|
+
shortcutTextColor: string;
|
|
531
|
+
shortcutFontSize: string;
|
|
532
|
+
emptyPadding: string;
|
|
533
|
+
emptyColor: string;
|
|
534
|
+
};
|
|
491
535
|
select: {
|
|
492
536
|
minWidth: string;
|
|
493
537
|
fontSize: string;
|
|
@@ -1371,6 +1415,18 @@ declare const _default: {
|
|
|
1371
1415
|
fontSize: string;
|
|
1372
1416
|
};
|
|
1373
1417
|
};
|
|
1418
|
+
virtualScroller: {
|
|
1419
|
+
fontSize: string;
|
|
1420
|
+
borderColor: string;
|
|
1421
|
+
borderRadius: string;
|
|
1422
|
+
backgroundColor: string;
|
|
1423
|
+
textColor: string;
|
|
1424
|
+
focusRingShadow: string;
|
|
1425
|
+
itemPadding: string;
|
|
1426
|
+
itemBorderColor: string;
|
|
1427
|
+
emptyPadding: string;
|
|
1428
|
+
emptyColor: string;
|
|
1429
|
+
};
|
|
1374
1430
|
};
|
|
1375
1431
|
colors: {
|
|
1376
1432
|
white: string;
|