@rotki/ui-library 0.16.0 → 1.0.0-beta.1

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.
Files changed (82) hide show
  1. package/README.md +3 -3
  2. package/dist/RuiNavigationDrawer-By3iqC3V.js +7822 -0
  3. package/dist/__test__/options.d.ts +5 -0
  4. package/dist/{breakpoint-DAvEs_TA.js → breakpoint-OTAceaTK.js} +1 -1
  5. package/dist/components/accordions/accordion/RuiAccordion.vue.d.ts +32 -45
  6. package/dist/components/accordions/accordions/RuiAccordions.vue.d.ts +25 -20
  7. package/dist/components/alerts/RuiAlert.vue.d.ts +37 -61
  8. package/dist/components/buttons/button/RuiButton.vue.d.ts +52 -9
  9. package/dist/components/buttons/button-group/RuiButtonGroup.vue.d.ts +43 -9
  10. package/dist/components/cards/RuiCard.vue.d.ts +33 -52
  11. package/dist/components/cards/RuiCardHeader.vue.d.ts +22 -11
  12. package/dist/components/chips/RuiChip.vue.d.ts +43 -86
  13. package/dist/components/color-picker/RuiColorBoard.vue.d.ts +15 -12
  14. package/dist/components/color-picker/RuiColorDisplay.vue.d.ts +13 -10
  15. package/dist/components/color-picker/RuiColorHue.vue.d.ts +16 -10
  16. package/dist/components/color-picker/RuiColorInput.vue.d.ts +16 -10
  17. package/dist/components/color-picker/RuiColorPicker.vue.d.ts +23 -12
  18. package/dist/components/divider/RuiDivider.vue.d.ts +22 -11
  19. package/dist/components/forms/checkbox/RuiCheckbox.vue.d.ts +42 -85
  20. package/dist/components/forms/radio-button/radio/RuiRadio.vue.d.ts +40 -85
  21. package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue.d.ts +43 -86
  22. package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.d.ts +59 -144
  23. package/dist/components/forms/select/RuiMenuSelect.vue.d.ts +159 -46
  24. package/dist/components/forms/select/RuiSimpleSelect.vue.d.ts +27 -44
  25. package/dist/components/forms/slider/RuiSlider.vue.d.ts +61 -152
  26. package/dist/components/forms/switch/RuiSwitch.vue.d.ts +40 -77
  27. package/dist/components/forms/text-area/RuiTextArea.vue.d.ts +67 -176
  28. package/dist/components/forms/text-field/RuiTextField.vue.d.ts +60 -145
  29. package/dist/components/helpers/RuiFormTextDetail.vue.d.ts +34 -27
  30. package/dist/components/icons/RuiIcon.vue.d.ts +24 -27
  31. package/dist/components/index.d.ts +4 -2
  32. package/dist/components/index.es.js +25 -23
  33. package/dist/components/loaders/RuiSkeletonBase.vue.d.ts +23 -12
  34. package/dist/components/loaders/RuiSkeletonLoader.vue.d.ts +26 -21
  35. package/dist/components/logos/RuiLogo.vue.d.ts +30 -43
  36. package/dist/components/overlays/badge/RuiBadge.vue.d.ts +45 -94
  37. package/dist/components/overlays/bottom-sheet/RuiBottomSheet.vue.d.ts +24 -31
  38. package/dist/components/overlays/dialog/RuiDialog.vue.d.ts +34 -53
  39. package/dist/components/overlays/menu/RuiMenu.vue.d.ts +67 -142
  40. package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue.d.ts +81 -0
  41. package/dist/components/overlays/notification/RuiNotification.vue.d.ts +45 -0
  42. package/dist/components/overlays/tooltip/RuiTooltip.vue.d.ts +35 -60
  43. package/dist/components/progress/RuiProgress.vue.d.ts +37 -68
  44. package/dist/components/steppers/RuiFooterStepper.vue.d.ts +30 -45
  45. package/dist/components/steppers/RuiStepper.vue.d.ts +36 -69
  46. package/dist/components/steppers/RuiStepperCustomIcon.vue.d.ts +28 -19
  47. package/dist/components/steppers/RuiStepperIcon.vue.d.ts +28 -19
  48. package/dist/components/tables/RuiDataTable.vue.d.ts +253 -21
  49. package/dist/components/tables/RuiExpandButton.vue.d.ts +22 -19
  50. package/dist/components/tables/RuiTableHead.vue.d.ts +88 -21
  51. package/dist/components/tables/RuiTablePagination.vue.d.ts +27 -36
  52. package/dist/components/tabs/tab/RuiTab.vue.d.ts +55 -106
  53. package/dist/components/tabs/tab-item/RuiTabItem.vue.d.ts +30 -36
  54. package/dist/components/tabs/tab-items/RuiTabItems.vue.d.ts +22 -11
  55. package/dist/components/tabs/tabs/RuiTabs.vue.d.ts +36 -55
  56. package/dist/composables/dropdown-menu.d.ts +18 -6
  57. package/dist/composables/index.es.js +2 -2
  58. package/dist/composables/popper.d.ts +2 -0
  59. package/dist/composables/theme.d.ts +1 -1
  60. package/dist/icons/icons_1.d.ts +44 -44
  61. package/dist/icons/icons_1.es.js +987 -987
  62. package/dist/icons/icons_2.d.ts +60 -60
  63. package/dist/icons/icons_2.es.js +1121 -1121
  64. package/dist/icons/icons_3.d.ts +76 -76
  65. package/dist/icons/icons_3.es.js +1149 -1149
  66. package/dist/icons/icons_4.d.ts +96 -96
  67. package/dist/icons/icons_4.es.js +1193 -1193
  68. package/dist/icons/icons_5.d.ts +132 -132
  69. package/dist/icons/icons_5.es.js +1267 -1267
  70. package/dist/icons/icons_6.d.ts +156 -0
  71. package/dist/icons/icons_6.es.js +1099 -475
  72. package/dist/icons/index.d.ts +1 -1
  73. package/dist/icons/index.es.js +2840 -2684
  74. package/dist/index-NNlkUY_M.js +161 -0
  75. package/dist/index.es.js +2917 -2759
  76. package/dist/style.css +1 -1
  77. package/dist/utils/helpers.d.ts +9 -0
  78. package/package.json +31 -32
  79. package/dist/RuiColorPicker.vue_vue_type_script_setup_true_lang-ByCIjyQ_.js +0 -8945
  80. package/dist/components/forms/auto-complete/RuiAutoComplete.vue.d.ts +0 -71
  81. package/dist/components/forms/auto-complete/RuiAutoCompleteSelection.vue.d.ts +0 -30
  82. package/dist/index-RsNqSz2V.js +0 -177
@@ -65,17 +65,30 @@ export interface Props<T> {
65
65
  columnAttr: keyof TableColumn<T>;
66
66
  dataId?: string;
67
67
  }
68
- declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_props: Props<T> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
69
- props: Props<T>;
70
- expose(exposed: {}): void;
68
+ declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_props: {
69
+ onSort?: ((value: {
70
+ key: TableRowKey<T>;
71
+ direction?: "desc" | "asc" | undefined;
72
+ }) => any) | undefined;
73
+ "onSelect:all"?: ((value: boolean) => any) | undefined;
74
+ loading?: boolean | undefined;
75
+ stickyHeader?: boolean | undefined;
76
+ stick?: boolean | undefined;
77
+ selectable?: boolean | undefined;
78
+ disableCheckAll?: boolean | undefined;
79
+ noData?: boolean | undefined;
80
+ colspan?: number | undefined;
81
+ columns: TableColumn<T>[];
82
+ capitalizeHeaders?: boolean | undefined;
83
+ isAllSelected?: boolean | undefined;
84
+ indeterminate?: boolean | undefined;
85
+ dense?: boolean | undefined;
86
+ sortedMap: Partial<Record<TableRowKey<T>, SortColumn<T>>>;
87
+ sortData?: TableSortData<T>;
88
+ columnAttr: string | number;
89
+ dataId?: string | undefined;
90
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
71
91
  attrs: any;
72
- slots: Partial<Record<string, (_: {
73
- column: TableColumn<T>;
74
- }) => any>> & Partial<Record<string, (_: {
75
- column: SortableTableColumn<T>;
76
- }) => any>> & Partial<Record<string, (_: {
77
- column: NoneSortableTableColumn<T>;
78
- }) => any>>;
79
92
  emit: {
80
93
  (e: 'select:all', value: boolean): void;
81
94
  (e: 'sort', value: {
@@ -83,15 +96,44 @@ declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_pr
83
96
  direction?: 'asc' | 'desc';
84
97
  }): void;
85
98
  };
86
- }, "slots" | "attrs" | "emit"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
87
- props: Props<T>;
88
- expose(exposed: {}): void;
99
+ slots: Partial<Record<`header.${string}`, (_: {
100
+ column: TableColumn<T>;
101
+ }) => any>> & Partial<Record<`header.text.${string}`, (_: {
102
+ column: SortableTableColumn<T>;
103
+ }) => any>> & Partial<Record<`header.text.${string}`, (_: {
104
+ column: NoneSortableTableColumn<T>;
105
+ }) => any>>;
106
+ } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
107
+ props: {
108
+ onSort?: ((value: {
109
+ key: TableRowKey<T>;
110
+ direction?: "desc" | "asc" | undefined;
111
+ }) => any) | undefined;
112
+ "onSelect:all"?: ((value: boolean) => any) | undefined;
113
+ loading?: boolean | undefined;
114
+ stickyHeader?: boolean | undefined;
115
+ stick?: boolean | undefined;
116
+ selectable?: boolean | undefined;
117
+ disableCheckAll?: boolean | undefined;
118
+ noData?: boolean | undefined;
119
+ colspan?: number | undefined;
120
+ columns: TableColumn<T>[];
121
+ capitalizeHeaders?: boolean | undefined;
122
+ isAllSelected?: boolean | undefined;
123
+ indeterminate?: boolean | undefined;
124
+ dense?: boolean | undefined;
125
+ sortedMap: Partial<Record<TableRowKey<T>, SortColumn<T>>>;
126
+ sortData?: TableSortData<T>;
127
+ columnAttr: string | number;
128
+ dataId?: string | undefined;
129
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
130
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
89
131
  attrs: any;
90
- slots: Partial<Record<string, (_: {
132
+ slots: Partial<Record<`header.${string}`, (_: {
91
133
  column: TableColumn<T>;
92
- }) => any>> & Partial<Record<string, (_: {
134
+ }) => any>> & Partial<Record<`header.text.${string}`, (_: {
93
135
  column: SortableTableColumn<T>;
94
- }) => any>> & Partial<Record<string, (_: {
136
+ }) => any>> & Partial<Record<`header.text.${string}`, (_: {
95
137
  column: NoneSortableTableColumn<T>;
96
138
  }) => any>>;
97
139
  emit: {
@@ -105,14 +147,36 @@ declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_pr
105
147
  [key: string]: any;
106
148
  }> & {
107
149
  __ctx?: {
108
- props: Props<T>;
109
- expose(exposed: {}): void;
150
+ props: {
151
+ onSort?: ((value: {
152
+ key: TableRowKey<T>;
153
+ direction?: "desc" | "asc" | undefined;
154
+ }) => any) | undefined;
155
+ "onSelect:all"?: ((value: boolean) => any) | undefined;
156
+ loading?: boolean | undefined;
157
+ stickyHeader?: boolean | undefined;
158
+ stick?: boolean | undefined;
159
+ selectable?: boolean | undefined;
160
+ disableCheckAll?: boolean | undefined;
161
+ noData?: boolean | undefined;
162
+ colspan?: number | undefined;
163
+ columns: TableColumn<T>[];
164
+ capitalizeHeaders?: boolean | undefined;
165
+ isAllSelected?: boolean | undefined;
166
+ indeterminate?: boolean | undefined;
167
+ dense?: boolean | undefined;
168
+ sortedMap: Partial<Record<TableRowKey<T>, SortColumn<T>>>;
169
+ sortData?: TableSortData<T>;
170
+ columnAttr: string | number;
171
+ dataId?: string | undefined;
172
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
173
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
110
174
  attrs: any;
111
- slots: Partial<Record<string, (_: {
175
+ slots: Partial<Record<`header.${string}`, (_: {
112
176
  column: TableColumn<T>;
113
- }) => any>> & Partial<Record<string, (_: {
177
+ }) => any>> & Partial<Record<`header.text.${string}`, (_: {
114
178
  column: SortableTableColumn<T>;
115
- }) => any>> & Partial<Record<string, (_: {
179
+ }) => any>> & Partial<Record<`header.text.${string}`, (_: {
116
180
  column: NoneSortableTableColumn<T>;
117
181
  }) => any>>;
118
182
  emit: {
@@ -125,3 +189,6 @@ declare const _default: <T extends object, K extends keyof T = keyof T>(__VLS_pr
125
189
  } | undefined;
126
190
  };
127
191
  export default _default;
192
+ type __VLS_Prettify<T> = {
193
+ [K in keyof T]: T[K];
194
+ } & {};
@@ -10,43 +10,17 @@ export interface Props {
10
10
  disablePerPage?: boolean;
11
11
  loading?: boolean;
12
12
  }
13
- declare const _default: import("vue").DefineComponent<{
14
- modelValue: {
15
- type: globalThis.PropType<TablePaginationData>;
16
- required: true;
17
- };
18
- loading: {
19
- type: globalThis.PropType<boolean>;
20
- default: boolean;
21
- };
22
- dense: {
23
- type: globalThis.PropType<boolean>;
24
- default: boolean;
25
- };
26
- disablePerPage: {
27
- type: globalThis.PropType<boolean>;
28
- default: boolean;
29
- };
30
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
13
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
14
+ dense: boolean;
15
+ loading: boolean;
16
+ disablePerPage: boolean;
17
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
31
18
  "update:model-value": (value: TablePaginationData) => void;
32
- }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
33
- modelValue: {
34
- type: globalThis.PropType<TablePaginationData>;
35
- required: true;
36
- };
37
- loading: {
38
- type: globalThis.PropType<boolean>;
39
- default: boolean;
40
- };
41
- dense: {
42
- type: globalThis.PropType<boolean>;
43
- default: boolean;
44
- };
45
- disablePerPage: {
46
- type: globalThis.PropType<boolean>;
47
- default: boolean;
48
- };
49
- }>> & {
19
+ }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
20
+ dense: boolean;
21
+ loading: boolean;
22
+ disablePerPage: boolean;
23
+ }>>> & {
50
24
  "onUpdate:model-value"?: ((value: TablePaginationData) => any) | undefined;
51
25
  }, {
52
26
  loading: boolean;
@@ -54,3 +28,20 @@ declare const _default: import("vue").DefineComponent<{
54
28
  disablePerPage: boolean;
55
29
  }, {}>;
56
30
  export default _default;
31
+ type __VLS_WithDefaults<P, D> = {
32
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
33
+ default: D[K];
34
+ }> : P[K];
35
+ };
36
+ type __VLS_Prettify<T> = {
37
+ [K in keyof T]: T[K];
38
+ } & {};
39
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
40
+ type __VLS_TypePropsToOption<T> = {
41
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
42
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
43
+ } : {
44
+ type: import('vue').PropType<T[K]>;
45
+ required: true;
46
+ };
47
+ };
@@ -13,129 +13,78 @@ export interface Props {
13
13
  vertical?: boolean;
14
14
  align?: 'start' | 'center' | 'end';
15
15
  }
16
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
17
- link: {
18
- type: globalThis.PropType<boolean>;
19
- default: boolean;
20
- };
21
- color: {
22
- type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
23
- default: undefined;
24
- };
25
- target: {
26
- type: globalThis.PropType<string>;
27
- default: string;
28
- };
29
- to: {
30
- type: globalThis.PropType<string>;
31
- default: string;
32
- };
33
- disabled: {
34
- type: globalThis.PropType<boolean>;
35
- default: boolean;
36
- };
37
- active: {
38
- type: globalThis.PropType<boolean>;
39
- default: boolean;
40
- };
41
- vertical: {
42
- type: globalThis.PropType<boolean>;
43
- default: boolean;
44
- };
45
- align: {
46
- type: globalThis.PropType<"end" | "center" | "start">;
47
- default: string;
48
- };
49
- grow: {
50
- type: globalThis.PropType<boolean>;
51
- default: boolean;
52
- };
53
- tabValue: {
54
- type: globalThis.PropType<string | number>;
55
- default: string;
56
- };
57
- exact: {
58
- type: globalThis.PropType<boolean>;
59
- default: boolean;
60
- };
61
- exactPath: {
62
- type: globalThis.PropType<boolean>;
63
- default: boolean;
64
- };
65
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
17
+ color: undefined;
18
+ disabled: boolean;
19
+ grow: boolean;
20
+ tabValue: string;
21
+ active: boolean;
22
+ link: boolean;
23
+ to: string;
24
+ target: string;
25
+ exact: boolean;
26
+ exactPath: boolean;
27
+ vertical: boolean;
28
+ align: string;
29
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
66
30
  click: (tabValue: string | number) => void;
67
- }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
68
- link: {
69
- type: globalThis.PropType<boolean>;
70
- default: boolean;
71
- };
72
- color: {
73
- type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
74
- default: undefined;
75
- };
76
- target: {
77
- type: globalThis.PropType<string>;
78
- default: string;
79
- };
80
- to: {
81
- type: globalThis.PropType<string>;
82
- default: string;
83
- };
84
- disabled: {
85
- type: globalThis.PropType<boolean>;
86
- default: boolean;
87
- };
88
- active: {
89
- type: globalThis.PropType<boolean>;
90
- default: boolean;
91
- };
92
- vertical: {
93
- type: globalThis.PropType<boolean>;
94
- default: boolean;
95
- };
96
- align: {
97
- type: globalThis.PropType<"end" | "center" | "start">;
98
- default: string;
99
- };
100
- grow: {
101
- type: globalThis.PropType<boolean>;
102
- default: boolean;
103
- };
104
- tabValue: {
105
- type: globalThis.PropType<string | number>;
106
- default: string;
107
- };
108
- exact: {
109
- type: globalThis.PropType<boolean>;
110
- default: boolean;
111
- };
112
- exactPath: {
113
- type: globalThis.PropType<boolean>;
114
- default: boolean;
115
- };
116
- }>> & {
31
+ }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
32
+ color: undefined;
33
+ disabled: boolean;
34
+ grow: boolean;
35
+ tabValue: string;
36
+ active: boolean;
37
+ link: boolean;
38
+ to: string;
39
+ target: string;
40
+ exact: boolean;
41
+ exactPath: boolean;
42
+ vertical: boolean;
43
+ align: string;
44
+ }>>> & {
117
45
  onClick?: ((tabValue: string | number) => any) | undefined;
118
46
  }, {
47
+ active: boolean;
48
+ vertical: boolean;
119
49
  link: boolean;
120
50
  color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
51
+ disabled: boolean;
121
52
  target: string;
53
+ exact: boolean;
122
54
  to: string;
123
- disabled: boolean;
124
- active: boolean;
125
- vertical: boolean;
126
- align: "end" | "center" | "start";
55
+ align: "center" | "end" | "start";
127
56
  grow: boolean;
128
57
  tabValue: string | number;
129
- exact: boolean;
130
58
  exactPath: boolean;
131
- }, {}>, {
59
+ }, {}>, Readonly<{
60
+ default?: ((props?: object | undefined) => any) | undefined;
61
+ prepend?: ((props?: object | undefined) => any) | undefined;
62
+ append?: ((props?: object | undefined) => any) | undefined;
63
+ }> & {
132
64
  default?: ((props?: object | undefined) => any) | undefined;
133
65
  prepend?: ((props?: object | undefined) => any) | undefined;
134
66
  append?: ((props?: object | undefined) => any) | undefined;
135
67
  }>;
136
68
  export default _default;
69
+ type __VLS_WithDefaults<P, D> = {
70
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
71
+ default: D[K];
72
+ }> : P[K];
73
+ };
74
+ type __VLS_Prettify<T> = {
75
+ [K in keyof T]: T[K];
76
+ } & {};
137
77
  type __VLS_WithTemplateSlots<T, S> = T & {
138
78
  new (): {
139
79
  $slots: S;
140
80
  };
141
81
  };
82
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
83
+ type __VLS_TypePropsToOption<T> = {
84
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
85
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
86
+ } : {
87
+ type: import('vue').PropType<T[K]>;
88
+ required: true;
89
+ };
90
+ };
@@ -4,51 +4,45 @@ export interface Props {
4
4
  eager?: boolean;
5
5
  reverse?: boolean;
6
6
  }
7
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
8
- reverse: {
9
- type: globalThis.PropType<boolean>;
10
- default: boolean;
11
- };
12
- eager: {
13
- type: globalThis.PropType<boolean>;
14
- default: boolean;
15
- };
16
- value: {
17
- type: globalThis.PropType<string | number>;
18
- default: undefined;
19
- };
20
- active: {
21
- type: globalThis.PropType<boolean>;
22
- default: boolean;
23
- };
24
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
25
- reverse: {
26
- type: globalThis.PropType<boolean>;
27
- default: boolean;
28
- };
29
- eager: {
30
- type: globalThis.PropType<boolean>;
31
- default: boolean;
32
- };
33
- value: {
34
- type: globalThis.PropType<string | number>;
35
- default: undefined;
36
- };
37
- active: {
38
- type: globalThis.PropType<boolean>;
39
- default: boolean;
40
- };
41
- }>>, {
7
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
8
+ value: undefined;
9
+ eager: boolean;
10
+ active: boolean;
42
11
  reverse: boolean;
12
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
13
+ value: undefined;
43
14
  eager: boolean;
44
- value: string | number;
45
15
  active: boolean;
16
+ reverse: boolean;
17
+ }>>>, {
18
+ reverse: boolean;
19
+ active: boolean;
20
+ value: string | number;
21
+ eager: boolean;
46
22
  }, {}>, {
47
23
  default?(_: {}): any;
24
+ default?(_: {}): any;
48
25
  }>;
49
26
  export default _default;
27
+ type __VLS_WithDefaults<P, D> = {
28
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
29
+ default: D[K];
30
+ }> : P[K];
31
+ };
32
+ type __VLS_Prettify<T> = {
33
+ [K in keyof T]: T[K];
34
+ } & {};
50
35
  type __VLS_WithTemplateSlots<T, S> = T & {
51
36
  new (): {
52
37
  $slots: S;
53
38
  };
54
39
  };
40
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
41
+ type __VLS_TypePropsToOption<T> = {
42
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
43
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
44
+ } : {
45
+ type: import('vue').PropType<T[K]>;
46
+ required: true;
47
+ };
48
+ };
@@ -1,17 +1,28 @@
1
1
  export interface Props {
2
2
  modelValue?: number | string;
3
3
  }
4
- declare const _default: import("vue").DefineComponent<{
5
- modelValue: {
6
- type: globalThis.PropType<string | number>;
7
- default: undefined;
8
- };
9
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
10
- modelValue: {
11
- type: globalThis.PropType<string | number>;
12
- default: undefined;
13
- };
14
- }>>, {
4
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
5
+ modelValue: undefined;
6
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
7
+ modelValue: undefined;
8
+ }>>>, {
15
9
  modelValue: string | number;
16
10
  }, {}>;
17
11
  export default _default;
12
+ type __VLS_WithDefaults<P, D> = {
13
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
14
+ default: D[K];
15
+ }> : P[K];
16
+ };
17
+ type __VLS_Prettify<T> = {
18
+ [K in keyof T]: T[K];
19
+ } & {};
20
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
21
+ type __VLS_TypePropsToOption<T> = {
22
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
23
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
24
+ } : {
25
+ type: import('vue').PropType<T[K]>;
26
+ required: true;
27
+ };
28
+ };
@@ -7,66 +7,47 @@ export interface Props {
7
7
  modelValue?: number | string;
8
8
  align?: 'start' | 'center' | 'end';
9
9
  }
10
- declare const _default: import("vue").DefineComponent<{
11
- color: {
12
- type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
13
- default: undefined;
14
- };
15
- modelValue: {
16
- type: globalThis.PropType<string | number>;
17
- default: undefined;
18
- };
19
- disabled: {
20
- type: globalThis.PropType<boolean>;
21
- default: boolean;
22
- };
23
- vertical: {
24
- type: globalThis.PropType<boolean>;
25
- default: boolean;
26
- };
27
- align: {
28
- type: globalThis.PropType<"end" | "center" | "start">;
29
- default: string;
30
- };
31
- grow: {
32
- type: globalThis.PropType<boolean>;
33
- default: boolean;
34
- };
35
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
10
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
11
+ color: undefined;
12
+ vertical: boolean;
13
+ disabled: boolean;
14
+ grow: boolean;
15
+ modelValue: undefined;
16
+ align: string;
17
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
36
18
  "update:modelValue": (modelValue: string | number) => void;
37
- }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
38
- color: {
39
- type: globalThis.PropType<"primary" | "secondary" | "error" | "warning" | "info" | "success">;
40
- default: undefined;
41
- };
42
- modelValue: {
43
- type: globalThis.PropType<string | number>;
44
- default: undefined;
45
- };
46
- disabled: {
47
- type: globalThis.PropType<boolean>;
48
- default: boolean;
49
- };
50
- vertical: {
51
- type: globalThis.PropType<boolean>;
52
- default: boolean;
53
- };
54
- align: {
55
- type: globalThis.PropType<"end" | "center" | "start">;
56
- default: string;
57
- };
58
- grow: {
59
- type: globalThis.PropType<boolean>;
60
- default: boolean;
61
- };
62
- }>> & {
19
+ }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
20
+ color: undefined;
21
+ vertical: boolean;
22
+ disabled: boolean;
23
+ grow: boolean;
24
+ modelValue: undefined;
25
+ align: string;
26
+ }>>> & {
63
27
  "onUpdate:modelValue"?: ((modelValue: string | number) => any) | undefined;
64
28
  }, {
29
+ vertical: boolean;
65
30
  color: "primary" | "secondary" | "error" | "warning" | "info" | "success";
66
- modelValue: string | number;
67
31
  disabled: boolean;
68
- vertical: boolean;
69
- align: "end" | "center" | "start";
32
+ modelValue: string | number;
33
+ align: "center" | "end" | "start";
70
34
  grow: boolean;
71
35
  }, {}>;
72
36
  export default _default;
37
+ type __VLS_WithDefaults<P, D> = {
38
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
39
+ default: D[K];
40
+ }> : P[K];
41
+ };
42
+ type __VLS_Prettify<T> = {
43
+ [K in keyof T]: T[K];
44
+ } & {};
45
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
46
+ type __VLS_TypePropsToOption<T> = {
47
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
48
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
49
+ } : {
50
+ type: import('vue').PropType<T[K]>;
51
+ required: true;
52
+ };
53
+ };
@@ -2,29 +2,41 @@ import type { Ref } from 'vue';
2
2
  export interface DropdownOptions<T, K extends keyof T = keyof T> {
3
3
  options: Ref<T[]>;
4
4
  dense?: Ref<boolean>;
5
- value: Ref<T | undefined>;
5
+ value: Ref<T | T[] | undefined>;
6
6
  menuRef: Ref<HTMLElement>;
7
7
  keyAttr?: K;
8
- textAttr?: keyof T;
8
+ textAttr?: keyof T | ((item: T) => string);
9
9
  appendWidth?: number;
10
10
  prependWidth?: number;
11
11
  itemHeight?: number;
12
12
  overscan?: number;
13
+ autoSelectFirst?: boolean;
14
+ autoFocus?: boolean;
15
+ setValue?: (val: T) => void;
16
+ hideSelected?: boolean;
13
17
  }
14
- export declare function useDropdownMenu<T extends object | string, K extends keyof T>({ appendWidth, dense, itemHeight, keyAttr, menuRef, options, overscan, prependWidth, textAttr, value, }: DropdownOptions<T, K>): {
18
+ export declare function useDropdownMenu<T extends object | string, K extends keyof T>({ appendWidth, autoFocus, autoSelectFirst, dense, hideSelected, itemHeight, keyAttr, menuRef, options: allOptions, overscan, prependWidth, setValue, textAttr, value, }: DropdownOptions<T, K>): {
19
+ applyHighlighted: () => void;
15
20
  containerProps: {
16
21
  ref: Ref<HTMLElement | null>;
17
22
  onScroll: () => void;
18
23
  style: import("vue").StyleValue;
19
24
  };
20
25
  getIdentifier: (item: T) => T[K] | T;
21
- getText: (item: T) => T[keyof T] | T;
26
+ getText: (item: T) => string | undefined;
27
+ highlightedIndex: Ref<number>;
22
28
  isActiveItem: (item: T) => boolean;
23
29
  isOpen: Ref<boolean>;
30
+ itemIndexInValue: (item: T) => number;
24
31
  menuWidth: globalThis.ComputedRef<string>;
25
- renderedData: globalThis.ComputedRef<T[]>;
32
+ moveHighlight: (up: boolean) => void;
33
+ optionsWithSelectedHidden: globalThis.ComputedRef<T[]>;
34
+ renderedData: globalThis.ComputedRef<{
35
+ index: number;
36
+ item: T;
37
+ }[]>;
26
38
  toggle: (state?: boolean) => void;
27
- valueKey: globalThis.ComputedRef<T | T[K] | undefined>;
39
+ valueKey: globalThis.ComputedRef<any[] | T | T[K] | undefined>;
28
40
  wrapperProps: globalThis.ComputedRef<{
29
41
  style: {
30
42
  width: string;