@codemonster-ru/vueforge 0.43.0 → 0.45.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.
@@ -0,0 +1,69 @@
1
+ type Size = 'small' | 'normal' | 'large';
2
+ type Variant = 'filled' | 'outlined';
3
+ type OptionValue = string | number;
4
+ interface OptionItem {
5
+ label: string;
6
+ value: OptionValue;
7
+ disabled?: boolean;
8
+ }
9
+ interface Props {
10
+ modelValue?: Array<OptionValue>;
11
+ options?: Array<OptionItem>;
12
+ optionLabel?: string;
13
+ optionValue?: string;
14
+ placeholder?: string;
15
+ disabled?: boolean;
16
+ readonly?: boolean;
17
+ loading?: boolean;
18
+ loadingText?: string;
19
+ emptyText?: string;
20
+ filter?: boolean;
21
+ allowCustom?: boolean;
22
+ maxTags?: number;
23
+ clearable?: boolean;
24
+ variant?: Variant;
25
+ size?: Size;
26
+ validateTag?: (value: string) => boolean;
27
+ }
28
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
29
+ search: (...args: any[]) => void;
30
+ blur: (...args: any[]) => void;
31
+ change: (...args: any[]) => void;
32
+ focus: (...args: any[]) => void;
33
+ "update:modelValue": (...args: any[]) => void;
34
+ reject: (...args: any[]) => void;
35
+ add: (...args: any[]) => void;
36
+ remove: (...args: any[]) => void;
37
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
38
+ onSearch?: ((...args: any[]) => any) | undefined;
39
+ onBlur?: ((...args: any[]) => any) | undefined;
40
+ onChange?: ((...args: any[]) => any) | undefined;
41
+ onFocus?: ((...args: any[]) => any) | undefined;
42
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
43
+ onReject?: ((...args: any[]) => any) | undefined;
44
+ onAdd?: ((...args: any[]) => any) | undefined;
45
+ onRemove?: ((...args: any[]) => any) | undefined;
46
+ }>, {
47
+ filter: boolean;
48
+ disabled: boolean;
49
+ size: Size;
50
+ loading: boolean;
51
+ variant: Variant;
52
+ modelValue: Array<OptionValue>;
53
+ placeholder: string;
54
+ readonly: boolean;
55
+ options: Array<OptionItem>;
56
+ optionLabel: string;
57
+ optionValue: string;
58
+ loadingText: string;
59
+ emptyText: string;
60
+ clearable: boolean;
61
+ maxTags: number;
62
+ allowCustom: boolean;
63
+ validateTag: (value: string) => boolean;
64
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
65
+ root: HTMLDivElement;
66
+ control: HTMLInputElement;
67
+ panel: HTMLDivElement;
68
+ }, HTMLDivElement>;
69
+ 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
+ };
@@ -498,6 +498,62 @@ export type MultiSelectTokens = {
498
498
  fontSize?: string;
499
499
  };
500
500
  };
501
+ export type TagInputTokens = {
502
+ minWidth?: string;
503
+ minHeight?: string;
504
+ fontSize?: string;
505
+ controlGap?: string;
506
+ chevronSize?: string;
507
+ padding?: string;
508
+ borderRadius?: string;
509
+ borderColor?: string;
510
+ backgroundColor?: string;
511
+ textColor?: string;
512
+ placeholderColor?: string;
513
+ focusBorderColor?: string;
514
+ hoverBorderColor?: string;
515
+ disabledOpacity?: string;
516
+ panelBackgroundColor?: string;
517
+ panelBorderColor?: string;
518
+ panelPadding?: string;
519
+ panelMaxHeight?: string;
520
+ panelRadiusOffset?: string;
521
+ panelShadow?: string;
522
+ focusRingShadow?: string;
523
+ optionPadding?: string;
524
+ optionBorderRadius?: string;
525
+ optionHoverBackgroundColor?: string;
526
+ optionHighlightedBackgroundColor?: string;
527
+ emptyPadding?: string;
528
+ emptyColor?: string;
529
+ loadingPadding?: string;
530
+ loadingColor?: string;
531
+ inputMinWidth?: string;
532
+ chipGap?: string;
533
+ chipPadding?: string;
534
+ chipRadius?: string;
535
+ chipBackgroundColor?: string;
536
+ chipTextColor?: string;
537
+ chipFontSize?: string;
538
+ chipRemoveSize?: string;
539
+ chipRemoveRadius?: string;
540
+ chipRemoveHoverBackgroundColor?: string;
541
+ clearSize?: string;
542
+ clearRadius?: string;
543
+ clearHoverBackgroundColor?: string;
544
+ small?: {
545
+ padding?: string;
546
+ fontSize?: string;
547
+ chipPadding?: string;
548
+ chipFontSize?: string;
549
+ };
550
+ large?: {
551
+ padding?: string;
552
+ fontSize?: string;
553
+ chipPadding?: string;
554
+ chipFontSize?: string;
555
+ };
556
+ };
501
557
  export type DatePickerTokens = {
502
558
  minWidth?: string;
503
559
  fontSize?: string;
@@ -912,6 +968,18 @@ export type TreeSelectTokens = {
912
968
  fontSize?: string;
913
969
  };
914
970
  };
971
+ export type VirtualScrollerTokens = {
972
+ fontSize?: string;
973
+ borderColor?: string;
974
+ borderRadius?: string;
975
+ backgroundColor?: string;
976
+ textColor?: string;
977
+ focusRingShadow?: string;
978
+ itemPadding?: string;
979
+ itemBorderColor?: string;
980
+ emptyPadding?: string;
981
+ emptyColor?: string;
982
+ };
915
983
  export type StepperTokens = {
916
984
  gap?: string;
917
985
  itemGap?: string;
@@ -1207,6 +1275,7 @@ export type ThemeComponentTokens = {
1207
1275
  select?: SelectTokens;
1208
1276
  autocomplete?: AutocompleteTokens;
1209
1277
  multiselect?: MultiSelectTokens;
1278
+ taginput?: TagInputTokens;
1210
1279
  datepicker?: DatePickerTokens;
1211
1280
  daterangepicker?: DateRangePickerTokens;
1212
1281
  timepicker?: TimePickerTokens;
@@ -1226,6 +1295,7 @@ export type ThemeComponentTokens = {
1226
1295
  rating?: RatingTokens;
1227
1296
  tree?: TreeTokens;
1228
1297
  treeselect?: TreeSelectTokens;
1298
+ virtualScroller?: VirtualScrollerTokens;
1229
1299
  [key: string]: unknown;
1230
1300
  };
1231
1301
  export type ThemeTokens = {
@@ -0,0 +1,57 @@
1
+ declare const _default: {
2
+ minWidth: string;
3
+ minHeight: string;
4
+ fontSize: string;
5
+ controlGap: string;
6
+ chevronSize: string;
7
+ padding: string;
8
+ borderRadius: string;
9
+ borderColor: string;
10
+ backgroundColor: string;
11
+ textColor: string;
12
+ placeholderColor: string;
13
+ focusBorderColor: string;
14
+ hoverBorderColor: string;
15
+ disabledOpacity: string;
16
+ panelBackgroundColor: string;
17
+ panelBorderColor: string;
18
+ panelPadding: string;
19
+ panelMaxHeight: string;
20
+ panelRadiusOffset: string;
21
+ panelShadow: string;
22
+ focusRingShadow: string;
23
+ optionPadding: string;
24
+ optionBorderRadius: string;
25
+ optionHoverBackgroundColor: string;
26
+ optionHighlightedBackgroundColor: string;
27
+ emptyPadding: string;
28
+ emptyColor: string;
29
+ loadingPadding: string;
30
+ loadingColor: string;
31
+ inputMinWidth: string;
32
+ chipGap: string;
33
+ chipPadding: string;
34
+ chipRadius: string;
35
+ chipBackgroundColor: string;
36
+ chipTextColor: string;
37
+ chipFontSize: string;
38
+ chipRemoveSize: string;
39
+ chipRemoveRadius: string;
40
+ chipRemoveHoverBackgroundColor: string;
41
+ clearSize: string;
42
+ clearRadius: string;
43
+ clearHoverBackgroundColor: string;
44
+ small: {
45
+ padding: string;
46
+ fontSize: string;
47
+ chipPadding: string;
48
+ chipFontSize: string;
49
+ };
50
+ large: {
51
+ padding: string;
52
+ fontSize: string;
53
+ chipPadding: string;
54
+ chipFontSize: string;
55
+ };
56
+ };
57
+ 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;
@@ -652,6 +652,62 @@ declare const _default: {
652
652
  fontSize: string;
653
653
  };
654
654
  };
655
+ taginput: {
656
+ minWidth: string;
657
+ minHeight: string;
658
+ fontSize: string;
659
+ controlGap: string;
660
+ chevronSize: string;
661
+ padding: string;
662
+ borderRadius: string;
663
+ borderColor: string;
664
+ backgroundColor: string;
665
+ textColor: string;
666
+ placeholderColor: string;
667
+ focusBorderColor: string;
668
+ hoverBorderColor: string;
669
+ disabledOpacity: string;
670
+ panelBackgroundColor: string;
671
+ panelBorderColor: string;
672
+ panelPadding: string;
673
+ panelMaxHeight: string;
674
+ panelRadiusOffset: string;
675
+ panelShadow: string;
676
+ focusRingShadow: string;
677
+ optionPadding: string;
678
+ optionBorderRadius: string;
679
+ optionHoverBackgroundColor: string;
680
+ optionHighlightedBackgroundColor: string;
681
+ emptyPadding: string;
682
+ emptyColor: string;
683
+ loadingPadding: string;
684
+ loadingColor: string;
685
+ inputMinWidth: string;
686
+ chipGap: string;
687
+ chipPadding: string;
688
+ chipRadius: string;
689
+ chipBackgroundColor: string;
690
+ chipTextColor: string;
691
+ chipFontSize: string;
692
+ chipRemoveSize: string;
693
+ chipRemoveRadius: string;
694
+ chipRemoveHoverBackgroundColor: string;
695
+ clearSize: string;
696
+ clearRadius: string;
697
+ clearHoverBackgroundColor: string;
698
+ small: {
699
+ padding: string;
700
+ fontSize: string;
701
+ chipPadding: string;
702
+ chipFontSize: string;
703
+ };
704
+ large: {
705
+ padding: string;
706
+ fontSize: string;
707
+ chipPadding: string;
708
+ chipFontSize: string;
709
+ };
710
+ };
655
711
  datepicker: {
656
712
  minWidth: string;
657
713
  fontSize: string;
@@ -1415,6 +1471,18 @@ declare const _default: {
1415
1471
  fontSize: string;
1416
1472
  };
1417
1473
  };
1474
+ virtualScroller: {
1475
+ fontSize: string;
1476
+ borderColor: string;
1477
+ borderRadius: string;
1478
+ backgroundColor: string;
1479
+ textColor: string;
1480
+ focusRingShadow: string;
1481
+ itemPadding: string;
1482
+ itemBorderColor: string;
1483
+ emptyPadding: string;
1484
+ emptyColor: string;
1485
+ };
1418
1486
  };
1419
1487
  colors: {
1420
1488
  white: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codemonster-ru/vueforge",
3
- "version": "0.43.0",
3
+ "version": "0.45.0",
4
4
  "description": "Open source UI components for Vue.js.",
5
5
  "license": "MIT",
6
6
  "author": "Kirill Kolesnikov",