@quidgest/ui 0.15.7 → 0.15.9
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/manifest/components.json +1 -0
- package/dist/ui.css +90 -1
- package/dist/ui.esm.js +4463 -4443
- package/dist/ui.js +18 -18
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +755 -754
- package/dist/ui.scss +31 -2
- package/esm/components/QAccordion/types.d.ts.map +1 -1
- package/esm/components/QBadge/types.d.ts.map +1 -1
- package/esm/components/QBadgeIndicator/types.d.ts.map +1 -1
- package/esm/components/QButton/QButton.d.ts.map +1 -1
- package/esm/components/QButton/QButton.vue.js +34 -32
- package/esm/components/QButton/types.d.ts +1 -1
- package/esm/components/QButton/types.d.ts.map +1 -1
- package/esm/components/QButtonGroup/types.d.ts.map +1 -1
- package/esm/components/QButtonToggle/types.d.ts.map +1 -1
- package/esm/components/QCard/types.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckbox.vue.js +28 -28
- package/esm/components/QCheckbox/index.d.ts +18 -1
- package/esm/components/QCheckbox/index.d.ts.map +1 -1
- package/esm/components/QCheckbox/index.js +6 -4
- package/esm/components/QCheckbox/types.d.ts.map +1 -1
- package/esm/components/QCollapsible/types.d.ts.map +1 -1
- package/esm/components/QColorPicker/types.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.d.ts +78 -53
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +53 -53
- package/esm/components/QCombobox/index.d.ts +55 -59
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QCombobox/types.d.ts +4 -9
- package/esm/components/QCombobox/types.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/types.d.ts.map +1 -1
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenu.d.ts +3 -0
- package/esm/components/QDropdownMenu/QDropdownMenu.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenu.vue.js +15 -10
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +90 -59
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +39 -38
- package/esm/components/QDropdownMenu/index.d.ts +7 -4
- package/esm/components/QDropdownMenu/index.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/types.d.ts +4 -21
- package/esm/components/QDropdownMenu/types.d.ts.map +1 -1
- package/esm/components/QFileUpload/QFileUpload.d.ts +1 -1
- package/esm/components/QFileUpload/types.d.ts.map +1 -1
- package/esm/components/QIcon/types.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.d.ts +1 -1
- package/esm/components/QInputGroup/types.d.ts.map +1 -1
- package/esm/components/QLabel/types.d.ts.map +1 -1
- package/esm/components/QLineLoader/types.d.ts.map +1 -1
- package/esm/components/QList/QList.d.ts +44 -24
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +97 -93
- package/esm/components/QList/QListItem.d.ts +12 -6
- package/esm/components/QList/QListItem.d.ts.map +1 -1
- package/esm/components/QList/QListItem.vue.js +51 -49
- package/esm/components/QList/index.d.ts +60 -31
- package/esm/components/QList/index.d.ts.map +1 -1
- package/esm/components/QList/types.d.ts +3 -8
- package/esm/components/QList/types.d.ts.map +1 -1
- package/esm/components/QMeter/types.d.ts.map +1 -1
- package/esm/components/QOverlay/types.d.ts.map +1 -1
- package/esm/components/QPasswordField/index.d.ts.map +1 -1
- package/esm/components/QPopover/types.d.ts.map +1 -1
- package/esm/components/QPropertyList/index.d.ts.map +1 -1
- package/esm/components/QPropertyList/types.d.ts.map +1 -1
- package/esm/components/QRadioGroup/QRadioGroup.d.ts +3 -4
- package/esm/components/QRadioGroup/QRadioGroup.d.ts.map +1 -1
- package/esm/components/QRadioGroup/QRadioGroup.vue.js +7 -7
- package/esm/components/QRadioGroup/index.d.ts +8 -8
- package/esm/components/QSelect/QSelect.d.ts +86 -61
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +45 -45
- package/esm/components/QSelect/index.d.ts +55 -59
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QSelect/types.d.ts +4 -9
- package/esm/components/QSelect/types.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/types.d.ts.map +1 -1
- package/esm/components/QSpinnerLoader/types.d.ts.map +1 -1
- package/esm/components/QTextArea/types.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.d.ts +10 -10
- package/esm/components/QTextField/QTextField.d.ts.map +1 -1
- package/esm/components/QTextField/index.d.ts.map +1 -1
- package/esm/components/QTextField/types.d.ts.map +1 -1
- package/esm/components/QThemeProvider/types.d.ts.map +1 -1
- package/esm/components/QTooltip/types.d.ts.map +1 -1
- package/esm/components/__internal__/QChevron/types.d.ts.map +1 -1
- package/esm/components/__internal__/QClearButton/QClearButton.vue.js +8 -8
- package/esm/components/__internal__/QClearButton/types.d.ts.map +1 -1
- package/esm/components/index.js +63 -62
- package/esm/composables/defaults.js +4 -4
- package/esm/composables/theme.d.ts.map +1 -1
- package/esm/composables/theme.js +5 -5
- package/esm/composables/useColor/index.d.ts.map +1 -1
- package/esm/composables/useColor/index.js +27 -25
- package/esm/composables/useColor/types.d.ts +9 -1
- package/esm/composables/useColor/types.d.ts.map +1 -1
- package/esm/framework.d.ts +1 -1
- package/esm/framework.d.ts.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/templates/theme.d.ts.map +1 -1
- package/esm/utils/color.d.ts +6 -0
- package/esm/utils/color.d.ts.map +1 -1
- package/esm/utils/color.js +16 -12
- package/esm/utils/theme.d.ts +1 -1
- package/esm/utils/theme.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -5,7 +5,10 @@ type __VLS_PublicProps = {
|
|
|
5
5
|
} & __VLS_Props;
|
|
6
6
|
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
7
|
"update:modelValue": (value: boolean) => any;
|
|
8
|
+
} & {
|
|
9
|
+
select: (item: any) => any;
|
|
8
10
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
11
|
+
onSelect?: ((item: any) => any) | undefined;
|
|
9
12
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
10
13
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
14
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenu.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenu.vue"],"names":[],"mappings":"AAMA;AA4CC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,KAAK,WAAW,GAAG,kBAAkB,CAAC;AA6BvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;AA2DhB,wBAOG"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as u, mergeModels as n, useModel as d, createBlock as p, openBlock as c, mergeProps as f } from "vue";
|
|
2
|
+
import V from "./QDropdownMenuContent.vue.js";
|
|
3
|
+
const _ = /* @__PURE__ */ u({
|
|
4
|
+
inheritAttrs: !1,
|
|
4
5
|
__name: "QDropdownMenu",
|
|
5
|
-
props: /* @__PURE__ */
|
|
6
|
+
props: /* @__PURE__ */ n({
|
|
6
7
|
id: {},
|
|
7
8
|
class: {},
|
|
8
9
|
activator: {},
|
|
@@ -20,15 +21,19 @@ const V = /* @__PURE__ */ n({
|
|
|
20
21
|
modelValue: { type: Boolean },
|
|
21
22
|
modelModifiers: {}
|
|
22
23
|
}),
|
|
23
|
-
emits: ["update:modelValue"],
|
|
24
|
-
setup(e) {
|
|
25
|
-
const
|
|
26
|
-
|
|
24
|
+
emits: /* @__PURE__ */ n(["select"], ["update:modelValue"]),
|
|
25
|
+
setup(e, { emit: a }) {
|
|
26
|
+
const m = e, s = a, o = d(e, "modelValue");
|
|
27
|
+
function i(t) {
|
|
28
|
+
s("select", t);
|
|
29
|
+
}
|
|
30
|
+
return (t, l) => (c(), p(V, f(m, {
|
|
27
31
|
modelValue: o.value,
|
|
28
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
32
|
+
"onUpdate:modelValue": l[0] || (l[0] = (r) => o.value = r),
|
|
33
|
+
onSelect: i
|
|
29
34
|
}), null, 16, ["modelValue"]));
|
|
30
35
|
}
|
|
31
36
|
});
|
|
32
37
|
export {
|
|
33
|
-
|
|
38
|
+
_ as default
|
|
34
39
|
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
+
import { Item } from '../QList/types';
|
|
1
2
|
import { QDropdownMenuContentProps, DEFAULT_ICONS } from './types';
|
|
2
|
-
import { Primitive } from '../../types/primitive';
|
|
3
3
|
import { nextTick } from 'vue';
|
|
4
4
|
type __VLS_Props = QDropdownMenuContentProps;
|
|
5
5
|
type __VLS_PublicProps = {
|
|
6
6
|
modelValue?: boolean;
|
|
7
|
-
'
|
|
7
|
+
'highlighted'?: any;
|
|
8
8
|
} & __VLS_Props;
|
|
9
9
|
declare function __VLS_template(): {
|
|
10
10
|
attrs: Partial<{}>;
|
|
11
11
|
slots: {
|
|
12
12
|
item?(_: {
|
|
13
|
-
item:
|
|
13
|
+
item: Item;
|
|
14
14
|
}): any;
|
|
15
15
|
'item.append'?(_: {
|
|
16
|
-
item:
|
|
16
|
+
item: Item;
|
|
17
17
|
}): any;
|
|
18
18
|
};
|
|
19
19
|
refs: {
|
|
@@ -21,17 +21,18 @@ declare function __VLS_template(): {
|
|
|
21
21
|
$: import('vue').ComponentInternalInstance;
|
|
22
22
|
$data: {};
|
|
23
23
|
$props: {
|
|
24
|
-
readonly modelValue?:
|
|
24
|
+
readonly modelValue?: any;
|
|
25
25
|
readonly id?: string | undefined;
|
|
26
26
|
readonly class?: string | unknown[] | undefined;
|
|
27
|
-
readonly highlighted?:
|
|
28
|
-
readonly items?:
|
|
27
|
+
readonly highlighted?: any;
|
|
28
|
+
readonly items?: Item[] | undefined;
|
|
29
29
|
readonly groups?: import('../QList/types').Group[] | undefined;
|
|
30
30
|
readonly itemValue?: string | undefined;
|
|
31
31
|
readonly itemLabel?: string | undefined;
|
|
32
32
|
readonly disabled?: boolean | undefined;
|
|
33
33
|
readonly selectable?: boolean | undefined;
|
|
34
|
-
readonly "onUpdate:modelValue"?: ((value:
|
|
34
|
+
readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
35
|
+
readonly onClick?: ((key: any) => any) | undefined;
|
|
35
36
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
36
37
|
$attrs: {
|
|
37
38
|
[x: string]: unknown;
|
|
@@ -44,16 +45,17 @@ declare function __VLS_template(): {
|
|
|
44
45
|
$: import('vue').ComponentInternalInstance;
|
|
45
46
|
$data: {};
|
|
46
47
|
$props: {
|
|
47
|
-
readonly
|
|
48
|
+
readonly modelValue?: boolean | undefined;
|
|
49
|
+
readonly value: any;
|
|
48
50
|
readonly label: string;
|
|
49
51
|
readonly icon?: import('..').Icon | undefined;
|
|
50
52
|
readonly selectable?: boolean | undefined;
|
|
51
|
-
readonly selected?: boolean | undefined;
|
|
52
53
|
readonly highlighted?: boolean | undefined;
|
|
53
54
|
readonly disabled?: boolean | undefined;
|
|
54
55
|
readonly description?: string | undefined;
|
|
55
56
|
readonly icons?: typeof import('../QList/types').DEFAULT_ICONS | undefined;
|
|
56
|
-
readonly
|
|
57
|
+
readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
58
|
+
readonly onClick?: (() => any) | undefined;
|
|
57
59
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
58
60
|
$attrs: {
|
|
59
61
|
[x: string]: unknown;
|
|
@@ -67,12 +69,17 @@ declare function __VLS_template(): {
|
|
|
67
69
|
$root: import('vue').ComponentPublicInstance | null;
|
|
68
70
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
69
71
|
$host: Element | null;
|
|
70
|
-
$emit: (event: "
|
|
72
|
+
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click") => void);
|
|
71
73
|
$el: HTMLLIElement;
|
|
72
|
-
$options: import('vue').ComponentOptionsBase<Readonly<
|
|
73
|
-
|
|
74
|
-
}
|
|
75
|
-
|
|
74
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
75
|
+
modelValue?: boolean;
|
|
76
|
+
} & import('..').QListItemProps> & Readonly<{
|
|
77
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
78
|
+
onClick?: (() => any) | undefined;
|
|
79
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
80
|
+
"update:modelValue": (value: boolean) => any;
|
|
81
|
+
} & {
|
|
82
|
+
click: () => any;
|
|
76
83
|
}, string, {
|
|
77
84
|
icons: typeof import('../QList/types').DEFAULT_ICONS;
|
|
78
85
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
@@ -97,8 +104,11 @@ declare function __VLS_template(): {
|
|
|
97
104
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
98
105
|
} & Readonly<{
|
|
99
106
|
icons: typeof import('../QList/types').DEFAULT_ICONS;
|
|
100
|
-
}> & Omit<Readonly<
|
|
101
|
-
|
|
107
|
+
}> & Omit<Readonly<{
|
|
108
|
+
modelValue?: boolean;
|
|
109
|
+
} & import('..').QListItemProps> & Readonly<{
|
|
110
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
111
|
+
onClick?: (() => any) | undefined;
|
|
102
112
|
}>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
103
113
|
$slots: {
|
|
104
114
|
prepend?(_: {}): any;
|
|
@@ -113,27 +123,30 @@ declare function __VLS_template(): {
|
|
|
113
123
|
$root: import('vue').ComponentPublicInstance | null;
|
|
114
124
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
115
125
|
$host: Element | null;
|
|
116
|
-
$emit: (event: "update:modelValue", value:
|
|
126
|
+
$emit: ((event: "update:modelValue", value: any) => void) & ((event: "click", key: any) => void);
|
|
117
127
|
$el: any;
|
|
118
128
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
119
|
-
modelValue?:
|
|
129
|
+
modelValue?: any;
|
|
120
130
|
} & import('../../types/component').QBaseComponentProps & {
|
|
121
|
-
highlighted?:
|
|
122
|
-
items?:
|
|
131
|
+
highlighted?: any;
|
|
132
|
+
items?: Item[];
|
|
123
133
|
groups?: import('../QList/types').Group[];
|
|
124
134
|
itemValue?: string;
|
|
125
135
|
itemLabel?: string;
|
|
126
136
|
disabled?: boolean;
|
|
127
137
|
selectable?: boolean;
|
|
128
138
|
}> & Readonly<{
|
|
129
|
-
"onUpdate:modelValue"?: ((value:
|
|
139
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
140
|
+
onClick?: ((key: any) => any) | undefined;
|
|
130
141
|
}>, {
|
|
131
142
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
132
143
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
133
144
|
getFirstFocusableItemIndex: () => number;
|
|
134
145
|
getLastFocusableItemIndex: () => number;
|
|
135
146
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
136
|
-
"update:modelValue": (value:
|
|
147
|
+
"update:modelValue": (value: any) => any;
|
|
148
|
+
} & {
|
|
149
|
+
click: (key: any) => any;
|
|
137
150
|
}, string, {
|
|
138
151
|
groups: import('../QList/types').Group[];
|
|
139
152
|
itemValue: string;
|
|
@@ -163,17 +176,18 @@ declare function __VLS_template(): {
|
|
|
163
176
|
itemValue: string;
|
|
164
177
|
itemLabel: string;
|
|
165
178
|
}> & Omit<Readonly<{
|
|
166
|
-
modelValue?:
|
|
179
|
+
modelValue?: any;
|
|
167
180
|
} & import('../../types/component').QBaseComponentProps & {
|
|
168
|
-
highlighted?:
|
|
169
|
-
items?:
|
|
181
|
+
highlighted?: any;
|
|
182
|
+
items?: Item[];
|
|
170
183
|
groups?: import('../QList/types').Group[];
|
|
171
184
|
itemValue?: string;
|
|
172
185
|
itemLabel?: string;
|
|
173
186
|
disabled?: boolean;
|
|
174
187
|
selectable?: boolean;
|
|
175
188
|
}> & Readonly<{
|
|
176
|
-
"onUpdate:modelValue"?: ((value:
|
|
189
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
190
|
+
onClick?: ((key: any) => any) | undefined;
|
|
177
191
|
}>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
|
|
178
192
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
179
193
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
@@ -182,11 +196,11 @@ declare function __VLS_template(): {
|
|
|
182
196
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
183
197
|
$slots: {
|
|
184
198
|
item?(_: {
|
|
185
|
-
item:
|
|
199
|
+
item: Item;
|
|
186
200
|
element: HTMLLIElement | undefined;
|
|
187
201
|
}): any;
|
|
188
202
|
'item.append'?(_: {
|
|
189
|
-
item:
|
|
203
|
+
item: Item;
|
|
190
204
|
element: HTMLLIElement | undefined;
|
|
191
205
|
}): any;
|
|
192
206
|
};
|
|
@@ -197,15 +211,18 @@ declare function __VLS_template(): {
|
|
|
197
211
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
198
212
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
199
213
|
"update:modelValue": (value: boolean) => any;
|
|
200
|
-
"update:
|
|
214
|
+
"update:highlighted": (value: any) => any;
|
|
215
|
+
} & {
|
|
216
|
+
select: (item: any) => any;
|
|
201
217
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
218
|
+
onSelect?: ((item: any) => any) | undefined;
|
|
202
219
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
203
|
-
"onUpdate:
|
|
220
|
+
"onUpdate:highlighted"?: ((value: any) => any) | undefined;
|
|
204
221
|
}>, {
|
|
205
222
|
transition: string;
|
|
206
223
|
icons: typeof DEFAULT_ICONS;
|
|
207
224
|
placement: import('../../composables/overlay').Placement;
|
|
208
|
-
groups: import('
|
|
225
|
+
groups: import('../QList/types').Group[];
|
|
209
226
|
itemValue: string;
|
|
210
227
|
itemLabel: string;
|
|
211
228
|
appearance: import('../../composables/overlay').Appearance;
|
|
@@ -219,17 +236,18 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
219
236
|
$: import('vue').ComponentInternalInstance;
|
|
220
237
|
$data: {};
|
|
221
238
|
$props: {
|
|
222
|
-
readonly modelValue?:
|
|
239
|
+
readonly modelValue?: any;
|
|
223
240
|
readonly id?: string | undefined;
|
|
224
241
|
readonly class?: string | unknown[] | undefined;
|
|
225
|
-
readonly highlighted?:
|
|
226
|
-
readonly items?:
|
|
242
|
+
readonly highlighted?: any;
|
|
243
|
+
readonly items?: Item[] | undefined;
|
|
227
244
|
readonly groups?: import('../QList/types').Group[] | undefined;
|
|
228
245
|
readonly itemValue?: string | undefined;
|
|
229
246
|
readonly itemLabel?: string | undefined;
|
|
230
247
|
readonly disabled?: boolean | undefined;
|
|
231
248
|
readonly selectable?: boolean | undefined;
|
|
232
|
-
readonly "onUpdate:modelValue"?: ((value:
|
|
249
|
+
readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
250
|
+
readonly onClick?: ((key: any) => any) | undefined;
|
|
233
251
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
234
252
|
$attrs: {
|
|
235
253
|
[x: string]: unknown;
|
|
@@ -242,16 +260,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
242
260
|
$: import('vue').ComponentInternalInstance;
|
|
243
261
|
$data: {};
|
|
244
262
|
$props: {
|
|
245
|
-
readonly
|
|
263
|
+
readonly modelValue?: boolean | undefined;
|
|
264
|
+
readonly value: any;
|
|
246
265
|
readonly label: string;
|
|
247
266
|
readonly icon?: import('..').Icon | undefined;
|
|
248
267
|
readonly selectable?: boolean | undefined;
|
|
249
|
-
readonly selected?: boolean | undefined;
|
|
250
268
|
readonly highlighted?: boolean | undefined;
|
|
251
269
|
readonly disabled?: boolean | undefined;
|
|
252
270
|
readonly description?: string | undefined;
|
|
253
271
|
readonly icons?: typeof import('../QList/types').DEFAULT_ICONS | undefined;
|
|
254
|
-
readonly
|
|
272
|
+
readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
273
|
+
readonly onClick?: (() => any) | undefined;
|
|
255
274
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
256
275
|
$attrs: {
|
|
257
276
|
[x: string]: unknown;
|
|
@@ -265,12 +284,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
265
284
|
$root: import('vue').ComponentPublicInstance | null;
|
|
266
285
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
267
286
|
$host: Element | null;
|
|
268
|
-
$emit: (event: "
|
|
287
|
+
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click") => void);
|
|
269
288
|
$el: HTMLLIElement;
|
|
270
|
-
$options: import('vue').ComponentOptionsBase<Readonly<
|
|
271
|
-
|
|
272
|
-
}
|
|
273
|
-
|
|
289
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
290
|
+
modelValue?: boolean;
|
|
291
|
+
} & import('..').QListItemProps> & Readonly<{
|
|
292
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
293
|
+
onClick?: (() => any) | undefined;
|
|
294
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
295
|
+
"update:modelValue": (value: boolean) => any;
|
|
296
|
+
} & {
|
|
297
|
+
click: () => any;
|
|
274
298
|
}, string, {
|
|
275
299
|
icons: typeof import('../QList/types').DEFAULT_ICONS;
|
|
276
300
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
@@ -295,8 +319,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
295
319
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
296
320
|
} & Readonly<{
|
|
297
321
|
icons: typeof import('../QList/types').DEFAULT_ICONS;
|
|
298
|
-
}> & Omit<Readonly<
|
|
299
|
-
|
|
322
|
+
}> & Omit<Readonly<{
|
|
323
|
+
modelValue?: boolean;
|
|
324
|
+
} & import('..').QListItemProps> & Readonly<{
|
|
325
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
326
|
+
onClick?: (() => any) | undefined;
|
|
300
327
|
}>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
301
328
|
$slots: {
|
|
302
329
|
prepend?(_: {}): any;
|
|
@@ -311,27 +338,30 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
311
338
|
$root: import('vue').ComponentPublicInstance | null;
|
|
312
339
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
313
340
|
$host: Element | null;
|
|
314
|
-
$emit: (event: "update:modelValue", value:
|
|
341
|
+
$emit: ((event: "update:modelValue", value: any) => void) & ((event: "click", key: any) => void);
|
|
315
342
|
$el: any;
|
|
316
343
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
317
|
-
modelValue?:
|
|
344
|
+
modelValue?: any;
|
|
318
345
|
} & import('../../types/component').QBaseComponentProps & {
|
|
319
|
-
highlighted?:
|
|
320
|
-
items?:
|
|
346
|
+
highlighted?: any;
|
|
347
|
+
items?: Item[];
|
|
321
348
|
groups?: import('../QList/types').Group[];
|
|
322
349
|
itemValue?: string;
|
|
323
350
|
itemLabel?: string;
|
|
324
351
|
disabled?: boolean;
|
|
325
352
|
selectable?: boolean;
|
|
326
353
|
}> & Readonly<{
|
|
327
|
-
"onUpdate:modelValue"?: ((value:
|
|
354
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
355
|
+
onClick?: ((key: any) => any) | undefined;
|
|
328
356
|
}>, {
|
|
329
357
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
330
358
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
331
359
|
getFirstFocusableItemIndex: () => number;
|
|
332
360
|
getLastFocusableItemIndex: () => number;
|
|
333
361
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
334
|
-
"update:modelValue": (value:
|
|
362
|
+
"update:modelValue": (value: any) => any;
|
|
363
|
+
} & {
|
|
364
|
+
click: (key: any) => any;
|
|
335
365
|
}, string, {
|
|
336
366
|
groups: import('../QList/types').Group[];
|
|
337
367
|
itemValue: string;
|
|
@@ -361,17 +391,18 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
361
391
|
itemValue: string;
|
|
362
392
|
itemLabel: string;
|
|
363
393
|
}> & Omit<Readonly<{
|
|
364
|
-
modelValue?:
|
|
394
|
+
modelValue?: any;
|
|
365
395
|
} & import('../../types/component').QBaseComponentProps & {
|
|
366
|
-
highlighted?:
|
|
367
|
-
items?:
|
|
396
|
+
highlighted?: any;
|
|
397
|
+
items?: Item[];
|
|
368
398
|
groups?: import('../QList/types').Group[];
|
|
369
399
|
itemValue?: string;
|
|
370
400
|
itemLabel?: string;
|
|
371
401
|
disabled?: boolean;
|
|
372
402
|
selectable?: boolean;
|
|
373
403
|
}> & Readonly<{
|
|
374
|
-
"onUpdate:modelValue"?: ((value:
|
|
404
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
405
|
+
onClick?: ((key: any) => any) | undefined;
|
|
375
406
|
}>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
|
|
376
407
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
377
408
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
@@ -380,11 +411,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
380
411
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
381
412
|
$slots: {
|
|
382
413
|
item?(_: {
|
|
383
|
-
item:
|
|
414
|
+
item: Item;
|
|
384
415
|
element: HTMLLIElement | undefined;
|
|
385
416
|
}): any;
|
|
386
417
|
'item.append'?(_: {
|
|
387
|
-
item:
|
|
418
|
+
item: Item;
|
|
388
419
|
element: HTMLLIElement | undefined;
|
|
389
420
|
}): any;
|
|
390
421
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"AAiDA;
|
|
1
|
+
{"version":3,"file":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"AAiDA;AA2IC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,EAAY,QAAQ,EAAO,MAAM,KAAK,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,WAAW,GAAG,yBAAyB,CAAC;AAwF9C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;CACnB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WA8HT,OAAO,IAA6B;;;;YAZvB,GAAG;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAmEs+Z,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAnDloa;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA+Bw/Z,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBjoa,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { QList as
|
|
3
|
-
import { QOverlay as
|
|
4
|
-
import { DEFAULT_ICONS as
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as B, mergeModels as c, useModel as m, ref as p, computed as h, createBlock as L, openBlock as g, unref as v, normalizeClass as M, withCtx as i, createElementVNode as O, createVNode as E, renderSlot as y, createElementBlock as I, createCommentVNode as N, toDisplayString as S, nextTick as q } from "vue";
|
|
2
|
+
import { QList as D } from "../QList/index.js";
|
|
3
|
+
import { QOverlay as Q } from "../QOverlay/index.js";
|
|
4
|
+
import { DEFAULT_ICONS as $ } from "./types.js";
|
|
5
|
+
const R = {
|
|
6
6
|
class: "q-dropdown-menu__body",
|
|
7
7
|
"data-testid": "dropdown-content",
|
|
8
8
|
tabindex: "-1"
|
|
9
|
-
},
|
|
9
|
+
}, T = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "q-dropdown-menu__extra"
|
|
12
|
-
},
|
|
12
|
+
}, j = /* @__PURE__ */ B({
|
|
13
13
|
__name: "QDropdownMenuContent",
|
|
14
|
-
props: /* @__PURE__ */
|
|
14
|
+
props: /* @__PURE__ */ c({
|
|
15
15
|
id: {},
|
|
16
16
|
class: {},
|
|
17
17
|
activator: {},
|
|
@@ -24,7 +24,7 @@ const Q = {
|
|
|
24
24
|
groups: { default: () => [] },
|
|
25
25
|
itemValue: { default: "key" },
|
|
26
26
|
itemLabel: { default: "label" },
|
|
27
|
-
icons: { default: () =>
|
|
27
|
+
icons: { default: () => $ },
|
|
28
28
|
trigger: { default: "click" },
|
|
29
29
|
offset: { default: 0 },
|
|
30
30
|
crossOffset: { default: -5 },
|
|
@@ -32,29 +32,30 @@ const Q = {
|
|
|
32
32
|
}, {
|
|
33
33
|
modelValue: { type: Boolean },
|
|
34
34
|
modelModifiers: {},
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
highlighted: {},
|
|
36
|
+
highlightedModifiers: {}
|
|
37
37
|
}),
|
|
38
|
-
emits: ["update:modelValue", "update:
|
|
39
|
-
setup(l) {
|
|
40
|
-
const e = l, s =
|
|
41
|
-
function
|
|
38
|
+
emits: /* @__PURE__ */ c(["select"], ["update:modelValue", "update:highlighted"]),
|
|
39
|
+
setup(l, { emit: V }) {
|
|
40
|
+
const e = l, _ = V, s = m(l, "modelValue"), n = m(l, "highlighted"), d = p([]), b = h(() => e.depth !== 0 ? e.offset : 4), k = h(() => e.depth !== 0 ? e.crossOffset : void 0), r = p(null);
|
|
41
|
+
function C(o) {
|
|
42
42
|
var u;
|
|
43
|
-
|
|
43
|
+
_("select", o);
|
|
44
|
+
const a = (u = e.items) == null ? void 0 : u.find((f) => f[e.itemValue] === f);
|
|
44
45
|
d.value = (a == null ? void 0 : a.items) ?? [];
|
|
45
46
|
const t = d.value.length > 0;
|
|
46
|
-
|
|
47
|
+
n.value = t ? o : void 0, t || w();
|
|
47
48
|
}
|
|
48
|
-
function
|
|
49
|
+
function w() {
|
|
49
50
|
s.value = !1;
|
|
50
51
|
}
|
|
51
|
-
function
|
|
52
|
-
|
|
52
|
+
function x() {
|
|
53
|
+
q(() => {
|
|
53
54
|
var o;
|
|
54
55
|
return (o = r.value) == null ? void 0 : o.$el.focus();
|
|
55
56
|
});
|
|
56
57
|
}
|
|
57
|
-
return (o, a) => (
|
|
58
|
+
return (o, a) => (g(), L(v(Q), {
|
|
58
59
|
id: e.id,
|
|
59
60
|
modelValue: s.value,
|
|
60
61
|
"onUpdate:modelValue": a[0] || (a[0] = (t) => s.value = t),
|
|
@@ -62,37 +63,37 @@ const Q = {
|
|
|
62
63
|
appearance: e.appearance,
|
|
63
64
|
inline: e.inline,
|
|
64
65
|
delay: e.delay,
|
|
65
|
-
offset:
|
|
66
|
-
"cross-offset":
|
|
66
|
+
offset: b.value,
|
|
67
|
+
"cross-offset": k.value,
|
|
67
68
|
placement: e.placement,
|
|
68
69
|
transition: e.transition,
|
|
69
|
-
class:
|
|
70
|
+
class: M(e.class),
|
|
70
71
|
trigger: e.trigger,
|
|
71
72
|
"scroll-lock": "",
|
|
72
|
-
onEnter:
|
|
73
|
+
onEnter: x
|
|
73
74
|
}, {
|
|
74
|
-
default:
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
default: i(() => [
|
|
76
|
+
O("div", R, [
|
|
77
|
+
E(v(D), {
|
|
77
78
|
ref_key: "listRef",
|
|
78
79
|
ref: r,
|
|
79
80
|
class: "q-dropdown-menu__items",
|
|
80
|
-
highlighted:
|
|
81
|
+
highlighted: n.value,
|
|
81
82
|
items: e.items,
|
|
82
83
|
groups: e.groups,
|
|
83
84
|
"item-label": e.itemLabel,
|
|
84
85
|
"item-value": e.itemValue,
|
|
85
|
-
|
|
86
|
+
onClick: C
|
|
86
87
|
}, {
|
|
87
|
-
item:
|
|
88
|
-
|
|
88
|
+
item: i(({ item: t }) => [
|
|
89
|
+
y(o.$slots, "item", { item: t })
|
|
89
90
|
]),
|
|
90
|
-
"item.append":
|
|
91
|
-
|
|
92
|
-
t.extraInfo ? (
|
|
91
|
+
"item.append": i(({ item: t }) => [
|
|
92
|
+
y(o.$slots, "item.append", { item: t }, () => [
|
|
93
|
+
t.extraInfo ? (g(), I(
|
|
93
94
|
"span",
|
|
94
|
-
|
|
95
|
-
|
|
95
|
+
T,
|
|
96
|
+
S(t.extraInfo),
|
|
96
97
|
1
|
|
97
98
|
/* TEXT */
|
|
98
99
|
)) : N("v-if", !0)
|
|
@@ -109,5 +110,5 @@ const Q = {
|
|
|
109
110
|
}
|
|
110
111
|
});
|
|
111
112
|
export {
|
|
112
|
-
|
|
113
|
+
j as default
|
|
113
114
|
};
|
|
@@ -7,13 +7,15 @@ declare const QDropdownMenu: import('vue').DefineComponent<{
|
|
|
7
7
|
delay?: number;
|
|
8
8
|
placement?: import('../../composables/overlay').Placement;
|
|
9
9
|
transition?: string;
|
|
10
|
-
items?: import('
|
|
11
|
-
groups?: import('
|
|
10
|
+
items?: import('../QList/types').Item[];
|
|
11
|
+
groups?: import('../QList/types').Group[];
|
|
12
12
|
itemValue?: string;
|
|
13
13
|
itemLabel?: string;
|
|
14
14
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
15
15
|
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
16
|
"update:modelValue": (value: boolean) => any;
|
|
17
|
+
} & {
|
|
18
|
+
select: (item: any) => any;
|
|
17
19
|
}, string, import('vue').PublicProps, Readonly<{
|
|
18
20
|
modelValue?: boolean;
|
|
19
21
|
} & import('../../types/component').QBaseComponentProps & {
|
|
@@ -23,12 +25,13 @@ declare const QDropdownMenu: import('vue').DefineComponent<{
|
|
|
23
25
|
delay?: number;
|
|
24
26
|
placement?: import('../../composables/overlay').Placement;
|
|
25
27
|
transition?: string;
|
|
26
|
-
items?: import('
|
|
27
|
-
groups?: import('
|
|
28
|
+
items?: import('../QList/types').Item[];
|
|
29
|
+
groups?: import('../QList/types').Group[];
|
|
28
30
|
itemValue?: string;
|
|
29
31
|
itemLabel?: string;
|
|
30
32
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
31
33
|
}> & Readonly<{
|
|
34
|
+
onSelect?: ((item: any) => any) | undefined;
|
|
32
35
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
33
36
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
34
37
|
export { QDropdownMenu };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA"}
|