@quidgest/ui 0.16.20 → 0.16.22
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 +249 -1
- package/dist/ui.esm.js +5242 -4967
- package/dist/ui.js +19 -19
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +789 -765
- package/dist/ui.scss +221 -2
- package/esm/components/QCarousel/QCarousel.d.ts +44 -0
- package/esm/components/QCarousel/QCarousel.d.ts.map +1 -0
- package/esm/components/QCarousel/QCarousel.vue.js +355 -0
- package/esm/components/QCarousel/QCarousel.vue2.js +4 -0
- package/esm/components/QCarousel/constants.d.ts +14 -0
- package/esm/components/QCarousel/constants.d.ts.map +1 -0
- package/esm/components/QCarousel/constants.js +16 -0
- package/esm/components/QCarousel/index.d.ts +119 -0
- package/esm/components/QCarousel/index.d.ts.map +1 -0
- package/esm/components/QCarousel/index.js +6 -0
- package/esm/components/QCarousel/types.d.ts +79 -0
- package/esm/components/QCarousel/types.d.ts.map +1 -0
- package/esm/components/QCombobox/QCombobox.d.ts +22 -72
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/index.d.ts +19 -44
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +18 -68
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QGrid/QRow.d.ts +1 -1
- package/esm/components/QGrid/index.d.ts +3 -3
- package/esm/components/QList/QList.d.ts +5 -10
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +94 -96
- package/esm/components/QList/index.d.ts +10 -48
- package/esm/components/QList/index.d.ts.map +1 -1
- package/esm/components/QList/types.d.ts +5 -1
- package/esm/components/QList/types.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.d.ts +22 -72
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +18 -18
- package/esm/components/QSelect/index.d.ts +19 -44
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QTextArea/QTextArea.d.ts +1 -1
- package/esm/components/QTextArea/index.d.ts +3 -3
- package/esm/components/QToggleGroup/types.d.ts +1 -1
- package/esm/components/index.d.ts +1 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +90 -88
- package/esm/composables/useGroup/index.d.ts +4 -2
- package/esm/composables/useGroup/index.d.ts.map +1 -1
- package/esm/composables/useGroup/index.js +26 -24
- package/esm/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -21,9 +21,9 @@ declare function __VLS_template(): {
|
|
|
21
21
|
$: import('vue').ComponentInternalInstance;
|
|
22
22
|
$data: {};
|
|
23
23
|
$props: {
|
|
24
|
-
readonly modelValue?: any;
|
|
25
24
|
readonly id?: string | undefined;
|
|
26
25
|
readonly class?: string | unknown[] | undefined;
|
|
26
|
+
readonly modelValue?: any;
|
|
27
27
|
readonly highlighted?: any;
|
|
28
28
|
readonly items?: Item[] | undefined;
|
|
29
29
|
readonly groups?: import('../QList/types').Group[] | undefined;
|
|
@@ -34,7 +34,7 @@ declare function __VLS_template(): {
|
|
|
34
34
|
readonly multiple?: boolean | undefined;
|
|
35
35
|
readonly required?: boolean | undefined;
|
|
36
36
|
readonly onClick?: ((key: any) => any) | undefined;
|
|
37
|
-
readonly "onUpdate:modelValue"?: ((
|
|
37
|
+
readonly "onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
|
38
38
|
readonly "onMouseenter:item"?: ((key: any) => any) | undefined;
|
|
39
39
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
40
40
|
$attrs: {
|
|
@@ -126,23 +126,11 @@ declare function __VLS_template(): {
|
|
|
126
126
|
$root: import('vue').ComponentPublicInstance | null;
|
|
127
127
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
128
128
|
$host: Element | null;
|
|
129
|
-
$emit: ((event: "click", key: any) => void) & ((event: "update:modelValue",
|
|
129
|
+
$emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", val: any) => void) & ((event: "mouseenter:item", key: any) => void);
|
|
130
130
|
$el: any;
|
|
131
|
-
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
132
|
-
modelValue?: any;
|
|
133
|
-
} & import('../../types/component').QBaseComponentProps & {
|
|
134
|
-
highlighted?: any;
|
|
135
|
-
items?: Item[];
|
|
136
|
-
groups?: import('../QList/types').Group[];
|
|
137
|
-
itemValue?: string;
|
|
138
|
-
itemLabel?: string;
|
|
139
|
-
disabled?: boolean;
|
|
140
|
-
selectable?: boolean;
|
|
141
|
-
multiple?: boolean;
|
|
142
|
-
required?: boolean;
|
|
143
|
-
}> & Readonly<{
|
|
131
|
+
$options: import('vue').ComponentOptionsBase<Readonly<import('..').QListProps> & Readonly<{
|
|
144
132
|
onClick?: ((key: any) => any) | undefined;
|
|
145
|
-
"onUpdate:modelValue"?: ((
|
|
133
|
+
"onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
|
146
134
|
"onMouseenter:item"?: ((key: any) => any) | undefined;
|
|
147
135
|
}>, {
|
|
148
136
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
@@ -150,10 +138,9 @@ declare function __VLS_template(): {
|
|
|
150
138
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
151
139
|
getFirstFocusableItemIndex: () => number;
|
|
152
140
|
getLastFocusableItemIndex: () => number;
|
|
153
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
154
|
-
"update:modelValue": (value: any) => any;
|
|
155
|
-
} & {
|
|
141
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
156
142
|
click: (key: any) => any;
|
|
143
|
+
"update:modelValue": (val: any) => any;
|
|
157
144
|
"mouseenter:item": (key: any) => any;
|
|
158
145
|
}, string, {
|
|
159
146
|
groups: import('../QList/types').Group[];
|
|
@@ -183,21 +170,9 @@ declare function __VLS_template(): {
|
|
|
183
170
|
groups: import('../QList/types').Group[];
|
|
184
171
|
itemValue: string;
|
|
185
172
|
itemLabel: string;
|
|
186
|
-
}> & Omit<Readonly<{
|
|
187
|
-
modelValue?: any;
|
|
188
|
-
} & import('../../types/component').QBaseComponentProps & {
|
|
189
|
-
highlighted?: any;
|
|
190
|
-
items?: Item[];
|
|
191
|
-
groups?: import('../QList/types').Group[];
|
|
192
|
-
itemValue?: string;
|
|
193
|
-
itemLabel?: string;
|
|
194
|
-
disabled?: boolean;
|
|
195
|
-
selectable?: boolean;
|
|
196
|
-
multiple?: boolean;
|
|
197
|
-
required?: boolean;
|
|
198
|
-
}> & Readonly<{
|
|
173
|
+
}> & Omit<Readonly<import('..').QListProps> & Readonly<{
|
|
199
174
|
onClick?: ((key: any) => any) | undefined;
|
|
200
|
-
"onUpdate:modelValue"?: ((
|
|
175
|
+
"onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
|
201
176
|
"onMouseenter:item"?: ((key: any) => any) | undefined;
|
|
202
177
|
}>, "getItem" | "getActiveItemIndex" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
|
|
203
178
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
@@ -253,9 +228,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
253
228
|
$: import('vue').ComponentInternalInstance;
|
|
254
229
|
$data: {};
|
|
255
230
|
$props: {
|
|
256
|
-
readonly modelValue?: any;
|
|
257
231
|
readonly id?: string | undefined;
|
|
258
232
|
readonly class?: string | unknown[] | undefined;
|
|
233
|
+
readonly modelValue?: any;
|
|
259
234
|
readonly highlighted?: any;
|
|
260
235
|
readonly items?: Item[] | undefined;
|
|
261
236
|
readonly groups?: import('../QList/types').Group[] | undefined;
|
|
@@ -266,7 +241,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
266
241
|
readonly multiple?: boolean | undefined;
|
|
267
242
|
readonly required?: boolean | undefined;
|
|
268
243
|
readonly onClick?: ((key: any) => any) | undefined;
|
|
269
|
-
readonly "onUpdate:modelValue"?: ((
|
|
244
|
+
readonly "onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
|
270
245
|
readonly "onMouseenter:item"?: ((key: any) => any) | undefined;
|
|
271
246
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
272
247
|
$attrs: {
|
|
@@ -358,23 +333,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
358
333
|
$root: import('vue').ComponentPublicInstance | null;
|
|
359
334
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
360
335
|
$host: Element | null;
|
|
361
|
-
$emit: ((event: "click", key: any) => void) & ((event: "update:modelValue",
|
|
336
|
+
$emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", val: any) => void) & ((event: "mouseenter:item", key: any) => void);
|
|
362
337
|
$el: any;
|
|
363
|
-
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
364
|
-
modelValue?: any;
|
|
365
|
-
} & import('../../types/component').QBaseComponentProps & {
|
|
366
|
-
highlighted?: any;
|
|
367
|
-
items?: Item[];
|
|
368
|
-
groups?: import('../QList/types').Group[];
|
|
369
|
-
itemValue?: string;
|
|
370
|
-
itemLabel?: string;
|
|
371
|
-
disabled?: boolean;
|
|
372
|
-
selectable?: boolean;
|
|
373
|
-
multiple?: boolean;
|
|
374
|
-
required?: boolean;
|
|
375
|
-
}> & Readonly<{
|
|
338
|
+
$options: import('vue').ComponentOptionsBase<Readonly<import('..').QListProps> & Readonly<{
|
|
376
339
|
onClick?: ((key: any) => any) | undefined;
|
|
377
|
-
"onUpdate:modelValue"?: ((
|
|
340
|
+
"onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
|
378
341
|
"onMouseenter:item"?: ((key: any) => any) | undefined;
|
|
379
342
|
}>, {
|
|
380
343
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
@@ -382,10 +345,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
382
345
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
383
346
|
getFirstFocusableItemIndex: () => number;
|
|
384
347
|
getLastFocusableItemIndex: () => number;
|
|
385
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
386
|
-
"update:modelValue": (value: any) => any;
|
|
387
|
-
} & {
|
|
348
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
388
349
|
click: (key: any) => any;
|
|
350
|
+
"update:modelValue": (val: any) => any;
|
|
389
351
|
"mouseenter:item": (key: any) => any;
|
|
390
352
|
}, string, {
|
|
391
353
|
groups: import('../QList/types').Group[];
|
|
@@ -415,21 +377,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
415
377
|
groups: import('../QList/types').Group[];
|
|
416
378
|
itemValue: string;
|
|
417
379
|
itemLabel: string;
|
|
418
|
-
}> & Omit<Readonly<{
|
|
419
|
-
modelValue?: any;
|
|
420
|
-
} & import('../../types/component').QBaseComponentProps & {
|
|
421
|
-
highlighted?: any;
|
|
422
|
-
items?: Item[];
|
|
423
|
-
groups?: import('../QList/types').Group[];
|
|
424
|
-
itemValue?: string;
|
|
425
|
-
itemLabel?: string;
|
|
426
|
-
disabled?: boolean;
|
|
427
|
-
selectable?: boolean;
|
|
428
|
-
multiple?: boolean;
|
|
429
|
-
required?: boolean;
|
|
430
|
-
}> & Readonly<{
|
|
380
|
+
}> & Omit<Readonly<import('..').QListProps> & Readonly<{
|
|
431
381
|
onClick?: ((key: any) => any) | undefined;
|
|
432
|
-
"onUpdate:modelValue"?: ((
|
|
382
|
+
"onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
|
433
383
|
"onMouseenter:item"?: ((key: any) => any) | undefined;
|
|
434
384
|
}>, "getItem" | "getActiveItemIndex" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
|
|
435
385
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"AAuEA;AA4QC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,EAAiB,QAAQ,EAAkB,MAAM,KAAK,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,WAAW,GAAG,yBAAyB,CAAC;AAiM9C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;CACnB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAiMT,OAAO,IAA6B;;;;YAZvB,GAAG;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDA0E60I,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG
|
|
1
|
+
{"version":3,"file":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"AAuEA;AA4QC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,EAAiB,QAAQ,EAAkB,MAAM,KAAK,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,WAAW,GAAG,yBAAyB,CAAC;AAiM9C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;CACnB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAiMT,OAAO,IAA6B;;;;YAZvB,GAAG;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDA0E60I,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA1Dz+I;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA+B+1I,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBx+I,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"}
|
|
@@ -9,8 +9,8 @@ declare function __VLS_template(): {
|
|
|
9
9
|
};
|
|
10
10
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
11
|
declare const __VLS_component: import('vue').DefineComponent<QRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QRowProps> & Readonly<{}>, {
|
|
12
|
-
gutter: number;
|
|
13
12
|
justify: "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
13
|
+
gutter: number;
|
|
14
14
|
align: "start" | "center" | "end" | "baseline" | "stretch";
|
|
15
15
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
16
16
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -34,8 +34,8 @@ declare const QContainer: {
|
|
|
34
34
|
});
|
|
35
35
|
declare const QRow: {
|
|
36
36
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
37
|
-
gutter: number;
|
|
38
37
|
justify: "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
38
|
+
gutter: number;
|
|
39
39
|
align: "start" | "center" | "end" | "baseline" | "stretch";
|
|
40
40
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
41
41
|
P: {};
|
|
@@ -45,16 +45,16 @@ declare const QRow: {
|
|
|
45
45
|
M: {};
|
|
46
46
|
Defaults: {};
|
|
47
47
|
}, Readonly<import('./types').QRowProps> & Readonly<{}>, {}, {}, {}, {}, {
|
|
48
|
-
gutter: number;
|
|
49
48
|
justify: "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
49
|
+
gutter: number;
|
|
50
50
|
align: "start" | "center" | "end" | "baseline" | "stretch";
|
|
51
51
|
}>;
|
|
52
52
|
__isFragment?: never;
|
|
53
53
|
__isTeleport?: never;
|
|
54
54
|
__isSuspense?: never;
|
|
55
55
|
} & import('vue').ComponentOptionsBase<Readonly<import('./types').QRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
56
|
-
gutter: number;
|
|
57
56
|
justify: "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
57
|
+
gutter: number;
|
|
58
58
|
align: "start" | "center" | "end" | "baseline" | "stretch";
|
|
59
59
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
60
60
|
$slots: {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Group, QListProps } from './types';
|
|
2
|
-
type __VLS_Props = QListProps;
|
|
3
2
|
declare function getItem(idx: number): HTMLElement | undefined;
|
|
4
3
|
/**
|
|
5
4
|
* Retrieves the index of the currently active item among the provided array of HTML elements.
|
|
@@ -33,9 +32,6 @@ declare function getLastFocusableItemIndex(): number;
|
|
|
33
32
|
* @returns The index of the adjacent focusable item or the index of the active item if at the edge.
|
|
34
33
|
*/
|
|
35
34
|
declare function getAdjacentItemIndex(idx: number, direction: 'next' | 'prev'): number;
|
|
36
|
-
type __VLS_PublicProps = {
|
|
37
|
-
modelValue?: any;
|
|
38
|
-
} & __VLS_Props;
|
|
39
35
|
declare function __VLS_template(): {
|
|
40
36
|
attrs: Partial<{}>;
|
|
41
37
|
slots: {
|
|
@@ -130,20 +126,19 @@ declare function __VLS_template(): {
|
|
|
130
126
|
rootEl: any;
|
|
131
127
|
};
|
|
132
128
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
133
|
-
declare const __VLS_component: import('vue').DefineComponent<
|
|
129
|
+
declare const __VLS_component: import('vue').DefineComponent<QListProps, {
|
|
134
130
|
getItem: typeof getItem;
|
|
135
131
|
getActiveItemIndex: typeof getActiveItemIndex;
|
|
136
132
|
getAdjacentItemIndex: typeof getAdjacentItemIndex;
|
|
137
133
|
getFirstFocusableItemIndex: typeof getFirstFocusableItemIndex;
|
|
138
134
|
getLastFocusableItemIndex: typeof getLastFocusableItemIndex;
|
|
139
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
140
|
-
"update:modelValue": (value: any) => any;
|
|
141
|
-
} & {
|
|
135
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
142
136
|
click: (key: any) => any;
|
|
137
|
+
"update:modelValue": (val: any) => any;
|
|
143
138
|
"mouseenter:item": (key: any) => any;
|
|
144
|
-
}, string, import('vue').PublicProps, Readonly<
|
|
139
|
+
}, string, import('vue').PublicProps, Readonly<QListProps> & Readonly<{
|
|
145
140
|
onClick?: ((key: any) => any) | undefined;
|
|
146
|
-
"onUpdate:modelValue"?: ((
|
|
141
|
+
"onUpdate:modelValue"?: ((val: any) => any) | undefined;
|
|
147
142
|
"onMouseenter:item"?: ((key: any) => any) | undefined;
|
|
148
143
|
}>, {
|
|
149
144
|
groups: Group[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA8CA;AA+bC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA8CA;AA+bC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAsOhD,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,IAAI,MAAM,CAIpC;AAED;;;;;;GAMG;AACH,iBAAS,0BAA0B,IAAI,MAAM,CAO5C;AAED;;;;;;GAMG;AACH,iBAAS,yBAAyB,IAAI,MAAM,CAO3C;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AA6DF,iBAAS,cAAc;WA0IT,OAAO,IAA6B;;yBAdpB,GAAG;;;;YACN,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCArFtC,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DACjF,GAAE;;;;;;;;;;;;;;;;;EAqGD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA9HpB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DACjF,GAAE;;;;;;;;;;;;;;;OAwIA,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,11 +1,12 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { QListItemGroup as
|
|
3
|
-
import { useGroup as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as N, ref as m, computed as M, toRef as x, watch as X, createBlock as V, openBlock as d, resolveDynamicComponent as Y, normalizeClass as Z, withCtx as p, renderSlot as A, createElementBlock as q, Fragment as E, renderList as T, unref as $ } from "vue";
|
|
2
|
+
import { QListItemGroup as ee, QListItem as te } from "./index.js";
|
|
3
|
+
import { useGroup as ne } from "../../composables/useGroup/index.js";
|
|
4
|
+
const oe = /* @__PURE__ */ N({
|
|
5
5
|
__name: "QList",
|
|
6
|
-
props:
|
|
6
|
+
props: {
|
|
7
7
|
id: {},
|
|
8
8
|
class: {},
|
|
9
|
+
modelValue: {},
|
|
9
10
|
highlighted: {},
|
|
10
11
|
items: {},
|
|
11
12
|
groups: { default: () => [] },
|
|
@@ -15,117 +16,114 @@ const ae = /* @__PURE__ */ Y({
|
|
|
15
16
|
selectable: { type: Boolean },
|
|
16
17
|
multiple: { type: Boolean },
|
|
17
18
|
required: { type: Boolean }
|
|
18
|
-
},
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
emits: /* @__PURE__ */ _(["click", "mouseenter:item"], ["update:modelValue"]),
|
|
23
|
-
setup(A, { expose: O, emit: Q }) {
|
|
24
|
-
const n = A, L = Q, f = Z(A, "modelValue"), v = p(!1), S = q(() => r.value.length > 1 ? "div" : "ul"), r = q(() => n.groups.length ? n.groups.filter(
|
|
19
|
+
},
|
|
20
|
+
emits: ["update:modelValue", "click", "mouseenter:item"],
|
|
21
|
+
setup(R, { expose: G, emit: O }) {
|
|
22
|
+
const n = R, b = O, v = m(!1), Q = M(() => a.value.length > 1 ? "div" : "ul"), a = M(() => n.groups.length ? n.groups.filter(
|
|
25
23
|
(e) => {
|
|
26
24
|
var t;
|
|
27
25
|
return (t = n.items) == null ? void 0 : t.some((l) => l.group === e.id);
|
|
28
26
|
}
|
|
29
|
-
) : [{ id: "", title: "" }]), { active:
|
|
30
|
-
active:
|
|
31
|
-
required:
|
|
32
|
-
multiple:
|
|
33
|
-
}),
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
function
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
function
|
|
27
|
+
) : [{ id: "", title: "" }]), { active: g } = ne({
|
|
28
|
+
active: x(n, "modelValue"),
|
|
29
|
+
required: x(n, "required"),
|
|
30
|
+
multiple: x(n, "multiple")
|
|
31
|
+
}), h = m(null), I = m(null);
|
|
32
|
+
function S(e) {
|
|
33
|
+
b("click", e);
|
|
34
|
+
}
|
|
35
|
+
function U(e) {
|
|
36
|
+
b("mouseenter:item", e);
|
|
37
|
+
}
|
|
38
|
+
function j() {
|
|
41
39
|
v.value = !0;
|
|
42
40
|
}
|
|
43
|
-
function
|
|
41
|
+
function z() {
|
|
44
42
|
v.value = !1;
|
|
45
43
|
}
|
|
46
|
-
function
|
|
44
|
+
function H(e) {
|
|
47
45
|
var i;
|
|
48
|
-
if (!n.items || (i =
|
|
46
|
+
if (!n.items || (i = h.value) != null && i.contains(e.relatedTarget))
|
|
49
47
|
return;
|
|
50
48
|
let t;
|
|
51
|
-
|
|
49
|
+
g.value ? t = n.items.findIndex((s) => s[n.itemValue] === g.value) : t = w();
|
|
52
50
|
const l = v.value;
|
|
53
|
-
|
|
51
|
+
r(t, l);
|
|
54
52
|
}
|
|
55
|
-
const
|
|
56
|
-
let
|
|
57
|
-
function
|
|
53
|
+
const k = m("");
|
|
54
|
+
let L;
|
|
55
|
+
function K(e) {
|
|
58
56
|
var t;
|
|
59
|
-
switch (window.clearTimeout(
|
|
57
|
+
switch (window.clearTimeout(L), ["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
|
|
60
58
|
case "ArrowDown":
|
|
61
|
-
|
|
59
|
+
f("next");
|
|
62
60
|
break;
|
|
63
61
|
case "ArrowUp":
|
|
64
|
-
|
|
62
|
+
f("prev");
|
|
65
63
|
break;
|
|
66
64
|
case "Home":
|
|
67
|
-
|
|
65
|
+
f("first");
|
|
68
66
|
break;
|
|
69
67
|
case "End":
|
|
70
|
-
|
|
68
|
+
f("last");
|
|
71
69
|
break;
|
|
72
70
|
}
|
|
73
71
|
if (/^[a-z]$/i.test(e.key)) {
|
|
74
|
-
|
|
72
|
+
k.value += e.key.toLowerCase();
|
|
75
73
|
const l = ((t = n.items) == null ? void 0 : t.length) || 0;
|
|
76
74
|
for (let i = 0; i < l; i++)
|
|
77
|
-
if (n.items[i][n.itemLabel].toLowerCase().startsWith(
|
|
78
|
-
|
|
75
|
+
if (n.items[i][n.itemLabel].toLowerCase().startsWith(k.value)) {
|
|
76
|
+
r(i);
|
|
79
77
|
break;
|
|
80
78
|
}
|
|
81
79
|
e.preventDefault(), e.stopPropagation();
|
|
82
80
|
}
|
|
83
|
-
|
|
84
|
-
|
|
81
|
+
L = window.setTimeout(function() {
|
|
82
|
+
k.value = "";
|
|
85
83
|
}, 500);
|
|
86
84
|
}
|
|
87
|
-
function
|
|
85
|
+
function f(e) {
|
|
88
86
|
switch (e) {
|
|
89
87
|
case "next":
|
|
90
88
|
case "prev":
|
|
91
|
-
|
|
89
|
+
r(W(e));
|
|
92
90
|
break;
|
|
93
91
|
case "first":
|
|
94
|
-
|
|
92
|
+
r(w());
|
|
95
93
|
break;
|
|
96
94
|
case "last":
|
|
97
|
-
|
|
95
|
+
r(_());
|
|
98
96
|
break;
|
|
99
97
|
}
|
|
100
98
|
}
|
|
101
|
-
function
|
|
99
|
+
function r(e, t = !1) {
|
|
102
100
|
var i;
|
|
103
101
|
(i = o()[e]) == null || i.focus({ preventScroll: t });
|
|
104
102
|
}
|
|
105
103
|
function o() {
|
|
106
104
|
var t;
|
|
107
|
-
const e = (t =
|
|
105
|
+
const e = (t = h.value) == null ? void 0 : t.querySelectorAll("li");
|
|
108
106
|
return e ? Array.from(e) : [];
|
|
109
107
|
}
|
|
110
|
-
function
|
|
108
|
+
function P(e) {
|
|
111
109
|
return o()[e];
|
|
112
110
|
}
|
|
113
|
-
function
|
|
111
|
+
function C() {
|
|
114
112
|
return o().indexOf(document.activeElement);
|
|
115
113
|
}
|
|
116
|
-
function
|
|
117
|
-
const e = o(), t = e.find((l) =>
|
|
114
|
+
function w() {
|
|
115
|
+
const e = o(), t = e.find((l) => y(l));
|
|
118
116
|
return t ? e.indexOf(t) : -1;
|
|
119
117
|
}
|
|
120
|
-
function
|
|
121
|
-
const e = o(), t = [...e].reverse().find((l) =>
|
|
118
|
+
function _() {
|
|
119
|
+
const e = o(), t = [...e].reverse().find((l) => y(l));
|
|
122
120
|
return t ? e.indexOf(t) : -1;
|
|
123
121
|
}
|
|
124
122
|
function F(e, t, l) {
|
|
125
123
|
return t === "prev" && e <= 0 || t === "next" && e === l.length - 1;
|
|
126
124
|
}
|
|
127
|
-
function
|
|
128
|
-
const t =
|
|
125
|
+
function W(e) {
|
|
126
|
+
const t = C();
|
|
129
127
|
return B(t, e);
|
|
130
128
|
}
|
|
131
129
|
function B(e, t) {
|
|
@@ -133,63 +131,63 @@ const ae = /* @__PURE__ */ Y({
|
|
|
133
131
|
if (F(e, t, l))
|
|
134
132
|
return e;
|
|
135
133
|
let i = e + (t === "next" ? 1 : -1);
|
|
136
|
-
for (; !
|
|
134
|
+
for (; !y(l[i]); ) {
|
|
137
135
|
if (F(i, t, l))
|
|
138
136
|
return e;
|
|
139
137
|
i += t === "next" ? 1 : -1;
|
|
140
138
|
}
|
|
141
139
|
return i;
|
|
142
140
|
}
|
|
143
|
-
function
|
|
141
|
+
function y(e) {
|
|
144
142
|
return e.tabIndex === -2;
|
|
145
143
|
}
|
|
146
|
-
function
|
|
144
|
+
function J(e) {
|
|
147
145
|
var t;
|
|
148
146
|
return e ? (t = n.items) == null ? void 0 : t.filter((l) => l.group === e) : n.items;
|
|
149
147
|
}
|
|
150
|
-
return
|
|
151
|
-
|
|
148
|
+
return X(
|
|
149
|
+
g,
|
|
152
150
|
(e) => {
|
|
153
|
-
|
|
151
|
+
b("update:modelValue", e);
|
|
154
152
|
},
|
|
155
153
|
{ deep: !0 }
|
|
156
|
-
),
|
|
157
|
-
getItem:
|
|
158
|
-
getActiveItemIndex:
|
|
154
|
+
), G({
|
|
155
|
+
getItem: P,
|
|
156
|
+
getActiveItemIndex: C,
|
|
159
157
|
getAdjacentItemIndex: B,
|
|
160
|
-
getFirstFocusableItemIndex:
|
|
161
|
-
getLastFocusableItemIndex:
|
|
162
|
-
}), (e, t) => (d(),
|
|
158
|
+
getFirstFocusableItemIndex: w,
|
|
159
|
+
getLastFocusableItemIndex: _
|
|
160
|
+
}), (e, t) => (d(), V(Y(Q.value), {
|
|
163
161
|
id: n.id,
|
|
164
162
|
ref_key: "listRef",
|
|
165
|
-
ref:
|
|
166
|
-
class:
|
|
163
|
+
ref: h,
|
|
164
|
+
class: Z(["q-list", { "q-list--disabled": n.disabled }, n.class]),
|
|
167
165
|
role: "listbox",
|
|
168
166
|
tabindex: n.disabled ? -1 : 0,
|
|
169
|
-
onFocus:
|
|
170
|
-
onMousedown:
|
|
171
|
-
onMouseup:
|
|
172
|
-
onKeydown:
|
|
167
|
+
onFocus: H,
|
|
168
|
+
onMousedown: j,
|
|
169
|
+
onMouseup: z,
|
|
170
|
+
onKeydown: K
|
|
173
171
|
}, {
|
|
174
|
-
default:
|
|
175
|
-
|
|
176
|
-
(d(!0),
|
|
177
|
-
|
|
172
|
+
default: p(() => [
|
|
173
|
+
A(e.$slots, "default", {}, () => [
|
|
174
|
+
(d(!0), q(
|
|
175
|
+
E,
|
|
178
176
|
null,
|
|
179
|
-
|
|
177
|
+
T(a.value, (l, i) => (d(), V($(ee), {
|
|
180
178
|
id: l.id,
|
|
181
179
|
key: l.id,
|
|
182
|
-
title:
|
|
180
|
+
title: a.value.length === 1 ? void 0 : l.title
|
|
183
181
|
}, {
|
|
184
|
-
default:
|
|
185
|
-
(d(!0),
|
|
186
|
-
|
|
182
|
+
default: p(() => [
|
|
183
|
+
(d(!0), q(
|
|
184
|
+
E,
|
|
187
185
|
null,
|
|
188
|
-
|
|
186
|
+
T(J(l.id), (s, D) => (d(), V($(te), {
|
|
189
187
|
key: s[n.itemValue],
|
|
190
188
|
ref_for: !0,
|
|
191
189
|
ref_key: "listItemsRef",
|
|
192
|
-
ref:
|
|
190
|
+
ref: I,
|
|
193
191
|
value: s[n.itemValue],
|
|
194
192
|
label: s[n.itemLabel],
|
|
195
193
|
description: s.description,
|
|
@@ -197,24 +195,24 @@ const ae = /* @__PURE__ */ Y({
|
|
|
197
195
|
disabled: n.disabled || l.disabled || s.disabled,
|
|
198
196
|
highlighted: n.highlighted === s[n.itemValue],
|
|
199
197
|
selectable: n.selectable || n.multiple || s.selectable,
|
|
200
|
-
onClick: () =>
|
|
201
|
-
onMouseenter: () =>
|
|
198
|
+
onClick: () => S(s[n.itemValue]),
|
|
199
|
+
onMouseenter: () => U(s[n.itemValue])
|
|
202
200
|
}, {
|
|
203
|
-
append:
|
|
204
|
-
var
|
|
201
|
+
append: p(() => {
|
|
202
|
+
var u, c;
|
|
205
203
|
return [
|
|
206
|
-
|
|
204
|
+
A(e.$slots, "item.append", {
|
|
207
205
|
item: s,
|
|
208
|
-
element: (c = (
|
|
206
|
+
element: (c = (u = I.value) == null ? void 0 : u[D + i * a.value.length]) == null ? void 0 : c.$el
|
|
209
207
|
})
|
|
210
208
|
];
|
|
211
209
|
}),
|
|
212
|
-
default:
|
|
213
|
-
var
|
|
210
|
+
default: p(() => {
|
|
211
|
+
var u, c;
|
|
214
212
|
return [
|
|
215
|
-
|
|
213
|
+
A(e.$slots, "item", {
|
|
216
214
|
item: s,
|
|
217
|
-
element: (c = (
|
|
215
|
+
element: (c = (u = I.value) == null ? void 0 : u[D + i * a.value.length]) == null ? void 0 : c.$el
|
|
218
216
|
})
|
|
219
217
|
];
|
|
220
218
|
}),
|
|
@@ -239,5 +237,5 @@ const ae = /* @__PURE__ */ Y({
|
|
|
239
237
|
}
|
|
240
238
|
});
|
|
241
239
|
export {
|
|
242
|
-
|
|
240
|
+
oe as default
|
|
243
241
|
};
|