@dpa-id-components/dpa-shared-components 12.2.1 → 12.2.3
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/dist/components/UiColorPicker/UiColorPicker.stories.d.ts +2 -2
- package/dist/components/UiColorPicker/UiColorPicker.vue.d.ts +1 -1
- package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +48 -48
- package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts +4 -4
- package/dist/components/UiMenu/UiMenu.stories.d.ts +14 -14
- package/dist/components/UiMenu/UiMenu.vue.d.ts +9 -9
- package/dist/components/UiMenu/UiMenuItem.vue.d.ts +10 -3
- package/dist/components/UiMenu/UiMenuTypes.d.ts +5 -5
- package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +12 -12
- package/dist/components/UiOverlayMenu/UiOverlayMenu.vue.d.ts +1 -1
- package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +3 -3
- package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +1 -1
- package/dist/dpa-shared-components.mjs +702 -698
- package/dist/dpa-shared-components.umd.js +4 -4
- package/dist/eslint.base.config.mjs +0 -1
- package/dist/style.css +1 -1
- package/package.json +4 -3
|
@@ -2,11 +2,11 @@ import { StoryObj } from '@storybook/vue3';
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: import('vue').DefineComponent<{
|
|
5
|
-
modelValue
|
|
5
|
+
modelValue?: string;
|
|
6
6
|
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
7
|
"update:modelValue": (args_0: string) => any;
|
|
8
8
|
}, string, import('vue').PublicProps, Readonly<{
|
|
9
|
-
modelValue
|
|
9
|
+
modelValue?: string;
|
|
10
10
|
}> & Readonly<{
|
|
11
11
|
"onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
|
|
12
12
|
}>, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
|
-
modelValue
|
|
2
|
+
modelValue?: string;
|
|
3
3
|
};
|
|
4
4
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
5
5
|
"update:modelValue": (args_0: string) => any;
|
|
@@ -4,10 +4,10 @@ declare const meta: {
|
|
|
4
4
|
title: string;
|
|
5
5
|
component: {
|
|
6
6
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
7
|
-
iconBackground
|
|
8
|
-
iconName
|
|
9
|
-
iconSize
|
|
10
|
-
iconColor
|
|
7
|
+
iconBackground?: "white" | "gray" | "green";
|
|
8
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
9
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
10
|
+
iconColor?: "white" | "gray";
|
|
11
11
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
12
12
|
iconName: (typeof iconNames)[number] | null;
|
|
13
13
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -21,10 +21,10 @@ declare const meta: {
|
|
|
21
21
|
M: {};
|
|
22
22
|
Defaults: {};
|
|
23
23
|
}, Readonly<{
|
|
24
|
-
iconBackground
|
|
25
|
-
iconName
|
|
26
|
-
iconSize
|
|
27
|
-
iconColor
|
|
24
|
+
iconBackground?: "white" | "gray" | "green";
|
|
25
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
26
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
27
|
+
iconColor?: "white" | "gray";
|
|
28
28
|
}> & Readonly<{}>, {}, {}, {}, {}, {
|
|
29
29
|
iconName: (typeof iconNames)[number] | null;
|
|
30
30
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -35,10 +35,10 @@ declare const meta: {
|
|
|
35
35
|
__isTeleport?: never;
|
|
36
36
|
__isSuspense?: never;
|
|
37
37
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
38
|
-
iconBackground
|
|
39
|
-
iconName
|
|
40
|
-
iconSize
|
|
41
|
-
iconColor
|
|
38
|
+
iconBackground?: "white" | "gray" | "green";
|
|
39
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
40
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
41
|
+
iconColor?: "white" | "gray";
|
|
42
42
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
43
43
|
iconName: (typeof iconNames)[number] | null;
|
|
44
44
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -77,10 +77,10 @@ declare const meta: {
|
|
|
77
77
|
};
|
|
78
78
|
render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
|
|
79
79
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
80
|
-
iconBackground
|
|
81
|
-
iconName
|
|
82
|
-
iconSize
|
|
83
|
-
iconColor
|
|
80
|
+
iconBackground?: "white" | "gray" | "green";
|
|
81
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
82
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
83
|
+
iconColor?: "white" | "gray";
|
|
84
84
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
85
85
|
iconName: (typeof iconNames)[number] | null;
|
|
86
86
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -94,10 +94,10 @@ declare const meta: {
|
|
|
94
94
|
M: {};
|
|
95
95
|
Defaults: {};
|
|
96
96
|
}, Readonly<{
|
|
97
|
-
iconBackground
|
|
98
|
-
iconName
|
|
99
|
-
iconSize
|
|
100
|
-
iconColor
|
|
97
|
+
iconBackground?: "white" | "gray" | "green";
|
|
98
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
99
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
100
|
+
iconColor?: "white" | "gray";
|
|
101
101
|
}> & Readonly<{}>, {}, {}, {}, {}, {
|
|
102
102
|
iconName: (typeof iconNames)[number] | null;
|
|
103
103
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -108,10 +108,10 @@ declare const meta: {
|
|
|
108
108
|
__isTeleport?: never;
|
|
109
109
|
__isSuspense?: never;
|
|
110
110
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
111
|
-
iconBackground
|
|
112
|
-
iconName
|
|
113
|
-
iconSize
|
|
114
|
-
iconColor
|
|
111
|
+
iconBackground?: "white" | "gray" | "green";
|
|
112
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
113
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
114
|
+
iconColor?: "white" | "gray";
|
|
115
115
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
116
116
|
iconName: (typeof iconNames)[number] | null;
|
|
117
117
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -127,10 +127,10 @@ declare const meta: {
|
|
|
127
127
|
setup(this: void): {
|
|
128
128
|
args: import('@storybook/vue3').ComponentPropsAndSlots<{
|
|
129
129
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
130
|
-
iconBackground
|
|
131
|
-
iconName
|
|
132
|
-
iconSize
|
|
133
|
-
iconColor
|
|
130
|
+
iconBackground?: "white" | "gray" | "green";
|
|
131
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
132
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
133
|
+
iconColor?: "white" | "gray";
|
|
134
134
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
135
135
|
iconName: (typeof iconNames)[number] | null;
|
|
136
136
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -144,10 +144,10 @@ declare const meta: {
|
|
|
144
144
|
M: {};
|
|
145
145
|
Defaults: {};
|
|
146
146
|
}, Readonly<{
|
|
147
|
-
iconBackground
|
|
148
|
-
iconName
|
|
149
|
-
iconSize
|
|
150
|
-
iconColor
|
|
147
|
+
iconBackground?: "white" | "gray" | "green";
|
|
148
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
149
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
150
|
+
iconColor?: "white" | "gray";
|
|
151
151
|
}> & Readonly<{}>, {}, {}, {}, {}, {
|
|
152
152
|
iconName: (typeof iconNames)[number] | null;
|
|
153
153
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -158,10 +158,10 @@ declare const meta: {
|
|
|
158
158
|
__isTeleport?: never;
|
|
159
159
|
__isSuspense?: never;
|
|
160
160
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
161
|
-
iconBackground
|
|
162
|
-
iconName
|
|
163
|
-
iconSize
|
|
164
|
-
iconColor
|
|
161
|
+
iconBackground?: "white" | "gray" | "green";
|
|
162
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
163
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
164
|
+
iconColor?: "white" | "gray";
|
|
165
165
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
166
166
|
iconName: (typeof iconNames)[number] | null;
|
|
167
167
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -178,10 +178,10 @@ declare const meta: {
|
|
|
178
178
|
components: {
|
|
179
179
|
UiInfoContent: {
|
|
180
180
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
181
|
-
iconBackground
|
|
182
|
-
iconName
|
|
183
|
-
iconSize
|
|
184
|
-
iconColor
|
|
181
|
+
iconBackground?: "white" | "gray" | "green";
|
|
182
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
183
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
184
|
+
iconColor?: "white" | "gray";
|
|
185
185
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
186
186
|
iconName: (typeof iconNames)[number] | null;
|
|
187
187
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -195,10 +195,10 @@ declare const meta: {
|
|
|
195
195
|
M: {};
|
|
196
196
|
Defaults: {};
|
|
197
197
|
}, Readonly<{
|
|
198
|
-
iconBackground
|
|
199
|
-
iconName
|
|
200
|
-
iconSize
|
|
201
|
-
iconColor
|
|
198
|
+
iconBackground?: "white" | "gray" | "green";
|
|
199
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
200
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
201
|
+
iconColor?: "white" | "gray";
|
|
202
202
|
}> & Readonly<{}>, {}, {}, {}, {}, {
|
|
203
203
|
iconName: (typeof iconNames)[number] | null;
|
|
204
204
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -209,10 +209,10 @@ declare const meta: {
|
|
|
209
209
|
__isTeleport?: never;
|
|
210
210
|
__isSuspense?: never;
|
|
211
211
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
212
|
-
iconBackground
|
|
213
|
-
iconName
|
|
214
|
-
iconSize
|
|
215
|
-
iconColor
|
|
212
|
+
iconBackground?: "white" | "gray" | "green";
|
|
213
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
214
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
215
|
+
iconColor?: "white" | "gray";
|
|
216
216
|
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
217
217
|
iconName: (typeof iconNames)[number] | null;
|
|
218
218
|
iconSize: "xs" | "small" | "medium" | "large" | "xl";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { iconNames } from '../UiIcon/iconNames';
|
|
2
2
|
type __VLS_Props = {
|
|
3
|
-
iconBackground
|
|
4
|
-
iconName
|
|
5
|
-
iconSize
|
|
6
|
-
iconColor
|
|
3
|
+
iconBackground?: "white" | "gray" | "green";
|
|
4
|
+
iconName?: (typeof iconNames)[number] | null;
|
|
5
|
+
iconSize?: "xs" | "small" | "medium" | "large" | "xl";
|
|
6
|
+
iconColor?: "white" | "gray";
|
|
7
7
|
};
|
|
8
8
|
declare function __VLS_template(): {
|
|
9
9
|
attrs: Partial<{}>;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/vue3';
|
|
|
2
2
|
import { iconNames } from '../UiIcon/iconNames';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: <
|
|
5
|
+
component: <K>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
6
6
|
slots: Readonly<{
|
|
7
7
|
default?(props: {
|
|
8
8
|
checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
|
|
@@ -10,8 +10,8 @@ declare const meta: {
|
|
|
10
10
|
iconSize: import('./UiMenuTypes').UiMenuIconSize;
|
|
11
11
|
imageShape: import('./UiMenuTypes').UiMenuImageShape;
|
|
12
12
|
listVariant: import('./UiMenuTypes').UiMenuListVariant;
|
|
13
|
-
options: import('./UiMenuTypes').UiMenuOptionType<
|
|
14
|
-
groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<
|
|
13
|
+
options: import('./UiMenuTypes').UiMenuOptionType<K>[];
|
|
14
|
+
groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
|
|
15
15
|
}): any;
|
|
16
16
|
}> & {
|
|
17
17
|
default?(props: {
|
|
@@ -20,14 +20,14 @@ declare const meta: {
|
|
|
20
20
|
iconSize: import('./UiMenuTypes').UiMenuIconSize;
|
|
21
21
|
imageShape: import('./UiMenuTypes').UiMenuImageShape;
|
|
22
22
|
listVariant: import('./UiMenuTypes').UiMenuListVariant;
|
|
23
|
-
options: import('./UiMenuTypes').UiMenuOptionType<
|
|
24
|
-
groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<
|
|
23
|
+
options: import('./UiMenuTypes').UiMenuOptionType<K>[];
|
|
24
|
+
groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
|
|
25
25
|
}): any;
|
|
26
26
|
};
|
|
27
27
|
attrs: any;
|
|
28
28
|
emit: ((evt: "close") => void) & ((evt: "reset") => void) & ((evt: "input", args_0: string) => void) & ((evt: "open") => void) & ((evt: "option-selected", args_0: {
|
|
29
29
|
index?: number;
|
|
30
|
-
value:
|
|
30
|
+
value: unknown;
|
|
31
31
|
}) => void) & ((evt: "placed") => void);
|
|
32
32
|
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
33
33
|
props: {
|
|
@@ -37,12 +37,12 @@ declare const meta: {
|
|
|
37
37
|
readonly onOpen?: (() => any) | undefined;
|
|
38
38
|
readonly "onOption-selected"?: ((args_0: {
|
|
39
39
|
index?: number;
|
|
40
|
-
value:
|
|
40
|
+
value: unknown;
|
|
41
41
|
}) => any) | undefined;
|
|
42
42
|
readonly onPlaced?: (() => any) | undefined;
|
|
43
43
|
menuClasses?: import('vue').HTMLAttributes["class"];
|
|
44
|
-
options?: import('./UiMenuTypes').UiMenuOptionType<
|
|
45
|
-
groupedOptions?: import('./UiMenuTypes').UiMenuGroupedOption<
|
|
44
|
+
options?: import('./UiMenuTypes').UiMenuOptionType<K>[] | undefined;
|
|
45
|
+
groupedOptions?: import('./UiMenuTypes').UiMenuGroupedOption<K>[] | undefined;
|
|
46
46
|
hasAutoFocus?: boolean | undefined;
|
|
47
47
|
isOpen?: boolean | undefined;
|
|
48
48
|
disabled?: boolean | undefined;
|
|
@@ -78,8 +78,8 @@ declare const meta: {
|
|
|
78
78
|
iconSize: import('./UiMenuTypes').UiMenuIconSize;
|
|
79
79
|
imageShape: import('./UiMenuTypes').UiMenuImageShape;
|
|
80
80
|
listVariant: import('./UiMenuTypes').UiMenuListVariant;
|
|
81
|
-
options: import('./UiMenuTypes').UiMenuOptionType<
|
|
82
|
-
groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<
|
|
81
|
+
options: import('./UiMenuTypes').UiMenuOptionType<K>[];
|
|
82
|
+
groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
|
|
83
83
|
}): any;
|
|
84
84
|
}> & {
|
|
85
85
|
default?(props: {
|
|
@@ -88,13 +88,13 @@ declare const meta: {
|
|
|
88
88
|
iconSize: import('./UiMenuTypes').UiMenuIconSize;
|
|
89
89
|
imageShape: import('./UiMenuTypes').UiMenuImageShape;
|
|
90
90
|
listVariant: import('./UiMenuTypes').UiMenuListVariant;
|
|
91
|
-
options: import('./UiMenuTypes').UiMenuOptionType<
|
|
92
|
-
groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<
|
|
91
|
+
options: import('./UiMenuTypes').UiMenuOptionType<K>[];
|
|
92
|
+
groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
|
|
93
93
|
}): any;
|
|
94
94
|
};
|
|
95
95
|
emit: ((evt: "close") => void) & ((evt: "reset") => void) & ((evt: "input", args_0: string) => void) & ((evt: "open") => void) & ((evt: "option-selected", args_0: {
|
|
96
96
|
index?: number;
|
|
97
|
-
value:
|
|
97
|
+
value: unknown;
|
|
98
98
|
}) => void) & ((evt: "placed") => void);
|
|
99
99
|
}>) => import('vue').VNode & {
|
|
100
100
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
@@ -2,7 +2,7 @@ import { HTMLAttributes } from 'vue';
|
|
|
2
2
|
import { Placement, UseFloatingOptions } from '@floating-ui/vue';
|
|
3
3
|
import { iconNames } from '../UiIcon/iconNames';
|
|
4
4
|
import { UiMenuCheckboxColor, UiMenuCheckboxSize, UiMenuGroupedOption, UiMenuIconSize, UiMenuImageShape, UiMenuListVariant, UiMenuOptionType } from './UiMenuTypes';
|
|
5
|
-
declare const _default: <
|
|
5
|
+
declare const _default: <K>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
6
6
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
7
7
|
readonly onClose?: (() => any) | undefined;
|
|
8
8
|
readonly onReset?: (() => any) | undefined;
|
|
@@ -10,13 +10,13 @@ declare const _default: <Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
|
|
|
10
10
|
readonly onOpen?: (() => any) | undefined;
|
|
11
11
|
readonly "onOption-selected"?: ((args_0: {
|
|
12
12
|
index?: number;
|
|
13
|
-
value:
|
|
13
|
+
value: unknown;
|
|
14
14
|
}) => any) | undefined;
|
|
15
15
|
readonly onPlaced?: (() => any) | undefined;
|
|
16
16
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onInput" | "onReset" | "onClose" | "onOpen" | "onOption-selected" | "onPlaced"> & {
|
|
17
17
|
menuClasses?: HTMLAttributes["class"];
|
|
18
|
-
options?: UiMenuOptionType<
|
|
19
|
-
groupedOptions?: UiMenuGroupedOption<
|
|
18
|
+
options?: UiMenuOptionType<K>[];
|
|
19
|
+
groupedOptions?: UiMenuGroupedOption<K>[];
|
|
20
20
|
hasAutoFocus?: boolean;
|
|
21
21
|
isOpen?: boolean;
|
|
22
22
|
disabled?: boolean;
|
|
@@ -52,8 +52,8 @@ declare const _default: <Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
|
|
|
52
52
|
iconSize: UiMenuIconSize;
|
|
53
53
|
imageShape: UiMenuImageShape;
|
|
54
54
|
listVariant: UiMenuListVariant;
|
|
55
|
-
options: UiMenuOptionType<
|
|
56
|
-
groupedOptions: UiMenuGroupedOption<
|
|
55
|
+
options: UiMenuOptionType<K>[];
|
|
56
|
+
groupedOptions: UiMenuGroupedOption<K>[];
|
|
57
57
|
}): any;
|
|
58
58
|
}> & {
|
|
59
59
|
default?(props: {
|
|
@@ -62,13 +62,13 @@ declare const _default: <Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
|
|
|
62
62
|
iconSize: UiMenuIconSize;
|
|
63
63
|
imageShape: UiMenuImageShape;
|
|
64
64
|
listVariant: UiMenuListVariant;
|
|
65
|
-
options: UiMenuOptionType<
|
|
66
|
-
groupedOptions: UiMenuGroupedOption<
|
|
65
|
+
options: UiMenuOptionType<K>[];
|
|
66
|
+
groupedOptions: UiMenuGroupedOption<K>[];
|
|
67
67
|
}): any;
|
|
68
68
|
};
|
|
69
69
|
emit: ((evt: "close") => void) & ((evt: "reset") => void) & ((evt: "input", args_0: string) => void) & ((evt: "open") => void) & ((evt: "option-selected", args_0: {
|
|
70
70
|
index?: number;
|
|
71
|
-
value:
|
|
71
|
+
value: unknown;
|
|
72
72
|
}) => void) & ((evt: "placed") => void);
|
|
73
73
|
}>) => import('vue').VNode & {
|
|
74
74
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { UiMenuCheckboxColor, UiMenuCheckboxSize, UiMenuIconSize, UiMenuImageShape, UiMenuListVariant, UiMenuOptionType } from './UiMenuTypes';
|
|
2
2
|
import { HTMLAttributes } from 'vue';
|
|
3
|
-
declare const _default: <
|
|
3
|
+
declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
4
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
|
|
5
5
|
class?: HTMLAttributes["class"];
|
|
6
|
-
option?: UiMenuOptionType<
|
|
6
|
+
option?: UiMenuOptionType<T>;
|
|
7
7
|
listVariant?: UiMenuListVariant;
|
|
8
8
|
iconSize?: UiMenuIconSize;
|
|
9
9
|
imageShape?: UiMenuImageShape;
|
|
@@ -14,7 +14,13 @@ declare const _default: <Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
|
|
|
14
14
|
attrs: any;
|
|
15
15
|
slots: {
|
|
16
16
|
default?(_: {
|
|
17
|
-
option:
|
|
17
|
+
option: [{
|
|
18
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<UiMenuOptionType<T>>>;
|
|
19
|
+
default: undefined;
|
|
20
|
+
}] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
|
|
21
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<UiMenuOptionType<T>>>;
|
|
22
|
+
default: undefined;
|
|
23
|
+
};
|
|
18
24
|
}): any;
|
|
19
25
|
};
|
|
20
26
|
emit: {};
|
|
@@ -25,3 +31,4 @@ export default _default;
|
|
|
25
31
|
type __VLS_PrettifyLocal<T> = {
|
|
26
32
|
[K in keyof T]: T[K];
|
|
27
33
|
} & {};
|
|
34
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export type UiMenuOptionType<
|
|
1
|
+
export type UiMenuOptionType<T = object> = {
|
|
2
2
|
label: string;
|
|
3
3
|
imageSrc?: string | undefined;
|
|
4
4
|
selected: boolean;
|
|
5
|
-
value:
|
|
6
|
-
};
|
|
7
|
-
export type UiMenuGroupedOption<
|
|
5
|
+
value: unknown;
|
|
6
|
+
} & T;
|
|
7
|
+
export type UiMenuGroupedOption<T> = {
|
|
8
8
|
groupLabel: string;
|
|
9
|
-
options: UiMenuOptionType<
|
|
9
|
+
options: UiMenuOptionType<T>[];
|
|
10
10
|
};
|
|
11
11
|
export type UiMenuListVariant = "checkbox" | "selectable" | "blank";
|
|
12
12
|
export type UiMenuIconSize = "small" | "medium" | "large";
|
|
@@ -3,7 +3,7 @@ declare const meta: {
|
|
|
3
3
|
title: string;
|
|
4
4
|
component: {
|
|
5
5
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
6
|
-
isOpen
|
|
6
|
+
isOpen?: boolean;
|
|
7
7
|
}> & Readonly<{
|
|
8
8
|
onClose?: (() => any) | undefined;
|
|
9
9
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
@@ -18,7 +18,7 @@ declare const meta: {
|
|
|
18
18
|
M: {};
|
|
19
19
|
Defaults: {};
|
|
20
20
|
}, Readonly<{
|
|
21
|
-
isOpen
|
|
21
|
+
isOpen?: boolean;
|
|
22
22
|
}> & Readonly<{
|
|
23
23
|
onClose?: (() => any) | undefined;
|
|
24
24
|
}>, {}, {}, {}, {}, {
|
|
@@ -28,7 +28,7 @@ declare const meta: {
|
|
|
28
28
|
__isTeleport?: never;
|
|
29
29
|
__isSuspense?: never;
|
|
30
30
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
31
|
-
isOpen
|
|
31
|
+
isOpen?: boolean;
|
|
32
32
|
}> & Readonly<{
|
|
33
33
|
onClose?: (() => any) | undefined;
|
|
34
34
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
@@ -182,7 +182,7 @@ declare const meta: {
|
|
|
182
182
|
};
|
|
183
183
|
render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
|
|
184
184
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
185
|
-
isOpen
|
|
185
|
+
isOpen?: boolean;
|
|
186
186
|
}> & Readonly<{
|
|
187
187
|
onClose?: (() => any) | undefined;
|
|
188
188
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
@@ -197,7 +197,7 @@ declare const meta: {
|
|
|
197
197
|
M: {};
|
|
198
198
|
Defaults: {};
|
|
199
199
|
}, Readonly<{
|
|
200
|
-
isOpen
|
|
200
|
+
isOpen?: boolean;
|
|
201
201
|
}> & Readonly<{
|
|
202
202
|
onClose?: (() => any) | undefined;
|
|
203
203
|
}>, {}, {}, {}, {}, {
|
|
@@ -207,7 +207,7 @@ declare const meta: {
|
|
|
207
207
|
__isTeleport?: never;
|
|
208
208
|
__isSuspense?: never;
|
|
209
209
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
210
|
-
isOpen
|
|
210
|
+
isOpen?: boolean;
|
|
211
211
|
}> & Readonly<{
|
|
212
212
|
onClose?: (() => any) | undefined;
|
|
213
213
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
@@ -222,7 +222,7 @@ declare const meta: {
|
|
|
222
222
|
setup(this: void): {
|
|
223
223
|
args: import('@storybook/vue3').ComponentPropsAndSlots<{
|
|
224
224
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
225
|
-
isOpen
|
|
225
|
+
isOpen?: boolean;
|
|
226
226
|
}> & Readonly<{
|
|
227
227
|
onClose?: (() => any) | undefined;
|
|
228
228
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
@@ -237,7 +237,7 @@ declare const meta: {
|
|
|
237
237
|
M: {};
|
|
238
238
|
Defaults: {};
|
|
239
239
|
}, Readonly<{
|
|
240
|
-
isOpen
|
|
240
|
+
isOpen?: boolean;
|
|
241
241
|
}> & Readonly<{
|
|
242
242
|
onClose?: (() => any) | undefined;
|
|
243
243
|
}>, {}, {}, {}, {}, {
|
|
@@ -247,7 +247,7 @@ declare const meta: {
|
|
|
247
247
|
__isTeleport?: never;
|
|
248
248
|
__isSuspense?: never;
|
|
249
249
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
250
|
-
isOpen
|
|
250
|
+
isOpen?: boolean;
|
|
251
251
|
}> & Readonly<{
|
|
252
252
|
onClose?: (() => any) | undefined;
|
|
253
253
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
@@ -263,7 +263,7 @@ declare const meta: {
|
|
|
263
263
|
components: {
|
|
264
264
|
UiOverlayMenu: {
|
|
265
265
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
266
|
-
isOpen
|
|
266
|
+
isOpen?: boolean;
|
|
267
267
|
}> & Readonly<{
|
|
268
268
|
onClose?: (() => any) | undefined;
|
|
269
269
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
@@ -278,7 +278,7 @@ declare const meta: {
|
|
|
278
278
|
M: {};
|
|
279
279
|
Defaults: {};
|
|
280
280
|
}, Readonly<{
|
|
281
|
-
isOpen
|
|
281
|
+
isOpen?: boolean;
|
|
282
282
|
}> & Readonly<{
|
|
283
283
|
onClose?: (() => any) | undefined;
|
|
284
284
|
}>, {}, {}, {}, {}, {
|
|
@@ -288,7 +288,7 @@ declare const meta: {
|
|
|
288
288
|
__isTeleport?: never;
|
|
289
289
|
__isSuspense?: never;
|
|
290
290
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
291
|
-
isOpen
|
|
291
|
+
isOpen?: boolean;
|
|
292
292
|
}> & Readonly<{
|
|
293
293
|
onClose?: (() => any) | undefined;
|
|
294
294
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
@@ -7,7 +7,7 @@ declare const meta: {
|
|
|
7
7
|
title: string;
|
|
8
8
|
component: {
|
|
9
9
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
10
|
-
modelValue
|
|
10
|
+
modelValue?: string;
|
|
11
11
|
placeholder?: string;
|
|
12
12
|
backgroundColor?: "gray" | "white";
|
|
13
13
|
isFilterChipEditable?: boolean;
|
|
@@ -48,7 +48,7 @@ declare const meta: {
|
|
|
48
48
|
M: {};
|
|
49
49
|
Defaults: {};
|
|
50
50
|
}, Readonly<{
|
|
51
|
-
modelValue
|
|
51
|
+
modelValue?: string;
|
|
52
52
|
placeholder?: string;
|
|
53
53
|
backgroundColor?: "gray" | "white";
|
|
54
54
|
isFilterChipEditable?: boolean;
|
|
@@ -77,7 +77,7 @@ declare const meta: {
|
|
|
77
77
|
__isTeleport?: never;
|
|
78
78
|
__isSuspense?: never;
|
|
79
79
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
80
|
-
modelValue
|
|
80
|
+
modelValue?: string;
|
|
81
81
|
placeholder?: string;
|
|
82
82
|
backgroundColor?: "gray" | "white";
|
|
83
83
|
isFilterChipEditable?: boolean;
|