@quidgest/ui 0.15.3 → 0.15.4
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 +2 -0
- package/dist/ui.css +1 -1
- package/dist/ui.esm.js +6782 -5929
- package/dist/ui.js +33 -26
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +1112 -967
- package/dist/ui.scss +2 -2
- package/esm/components/QCombobox/QCombobox.d.ts +2 -6
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/index.d.ts +1 -3
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.d.ts +2 -2
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +51 -50
- package/esm/components/QDismissibleLayer/QDismissibleLayer.d.ts +35 -0
- package/esm/components/QDismissibleLayer/QDismissibleLayer.d.ts.map +1 -0
- package/esm/components/QDismissibleLayer/QDismissibleLayer.vue.js +50 -0
- package/esm/components/QDismissibleLayer/QDismissibleLayer.vue2.js +4 -0
- package/esm/components/QDismissibleLayer/index.d.ts +53 -0
- package/esm/components/QDismissibleLayer/index.d.ts.map +1 -0
- package/esm/components/QDismissibleLayer/index.js +6 -0
- package/esm/components/QDismissibleLayer/types.d.ts +25 -0
- package/esm/components/QDismissibleLayer/types.d.ts.map +1 -0
- package/esm/components/QDropdownMenu/QDropdownMenu.d.ts +0 -4
- package/esm/components/QDropdownMenu/QDropdownMenu.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenu.vue.js +10 -15
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +10 -15
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +72 -117
- package/esm/components/QDropdownMenu/index.d.ts +0 -3
- package/esm/components/QDropdownMenu/index.d.ts.map +1 -1
- package/esm/components/QFocusTrap/QFocusTrap.d.ts +28 -0
- package/esm/components/QFocusTrap/QFocusTrap.d.ts.map +1 -0
- package/esm/components/QFocusTrap/QFocusTrap.vue.js +32 -0
- package/esm/components/QFocusTrap/QFocusTrap.vue2.js +4 -0
- package/esm/components/QFocusTrap/index.d.ts +38 -0
- package/esm/components/QFocusTrap/index.d.ts.map +1 -0
- package/esm/components/QFocusTrap/index.js +6 -0
- package/esm/components/QFocusTrap/types.d.ts +6 -0
- package/esm/components/QFocusTrap/types.d.ts.map +1 -0
- package/esm/components/QList/QList.d.ts +0 -9
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +97 -82
- package/esm/components/QList/index.d.ts +0 -3
- package/esm/components/QList/index.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.d.ts +2 -0
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +197 -148
- package/esm/components/QOverlay/index.d.ts +4 -0
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QOverlay/types.d.ts +6 -1
- package/esm/components/QOverlay/types.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +6 -5
- package/esm/components/QSelect/QSelect.d.ts +2 -6
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +106 -125
- package/esm/components/QSelect/index.d.ts +1 -3
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/index.d.ts +2 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +69 -65
- package/esm/index.d.ts +2 -0
- package/esm/utils/merge.d.ts.map +1 -1
- package/esm/utils/merge.js +12 -16
- package/esm/vendors/@vueuse/core/index.js +173 -67
- package/esm/vendors/@vueuse/integrations/useFocusTrap/component.js +24 -0
- package/esm/vendors/@vueuse/shared/index.js +36 -15
- package/esm/vendors/focus-trap/dist/focus-trap.esm.js +473 -0
- package/esm/vendors/tabbable/dist/index.esm.js +202 -0
- package/package.json +3 -1
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { QDropdownMenuContentProps, DEFAULT_ICONS } from './types';
|
|
2
2
|
import { Primitive } from '../../types/primitive';
|
|
3
|
+
import { nextTick } from 'vue';
|
|
3
4
|
type __VLS_Props = QDropdownMenuContentProps;
|
|
4
5
|
type __VLS_PublicProps = {
|
|
5
6
|
modelValue?: boolean;
|
|
7
|
+
'selected'?: Primitive;
|
|
6
8
|
} & __VLS_Props;
|
|
7
9
|
declare function __VLS_template(): {
|
|
8
10
|
attrs: Partial<{}>;
|
|
@@ -15,7 +17,6 @@ declare function __VLS_template(): {
|
|
|
15
17
|
}): any;
|
|
16
18
|
};
|
|
17
19
|
refs: {
|
|
18
|
-
contentRef: HTMLDivElement;
|
|
19
20
|
listRef: ({
|
|
20
21
|
$: import('vue').ComponentInternalInstance;
|
|
21
22
|
$data: {};
|
|
@@ -92,7 +93,7 @@ declare function __VLS_template(): {
|
|
|
92
93
|
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
93
94
|
};
|
|
94
95
|
$forceUpdate: () => void;
|
|
95
|
-
$nextTick: typeof
|
|
96
|
+
$nextTick: typeof nextTick;
|
|
96
97
|
$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;
|
|
97
98
|
} & Readonly<{
|
|
98
99
|
icons: typeof import('../QList/types').DEFAULT_ICONS;
|
|
@@ -127,7 +128,6 @@ declare function __VLS_template(): {
|
|
|
127
128
|
}> & Readonly<{
|
|
128
129
|
"onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
|
|
129
130
|
}>, {
|
|
130
|
-
focusItem: (itemIdx: number, preventScroll?: boolean) => void;
|
|
131
131
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
132
132
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
133
133
|
getFirstFocusableItemIndex: () => number;
|
|
@@ -156,7 +156,7 @@ declare function __VLS_template(): {
|
|
|
156
156
|
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
157
157
|
};
|
|
158
158
|
$forceUpdate: () => void;
|
|
159
|
-
$nextTick: typeof
|
|
159
|
+
$nextTick: typeof nextTick;
|
|
160
160
|
$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;
|
|
161
161
|
} & Readonly<{
|
|
162
162
|
groups: import('../QList/types').Group[];
|
|
@@ -174,8 +174,7 @@ declare function __VLS_template(): {
|
|
|
174
174
|
selectable?: boolean;
|
|
175
175
|
}> & Readonly<{
|
|
176
176
|
"onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
|
|
177
|
-
}>, "
|
|
178
|
-
focusItem: (itemIdx: number, preventScroll?: boolean) => void;
|
|
177
|
+
}>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
|
|
179
178
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
180
179
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
181
180
|
getFirstFocusableItemIndex: () => number;
|
|
@@ -198,11 +197,10 @@ declare function __VLS_template(): {
|
|
|
198
197
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
199
198
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
200
199
|
"update:modelValue": (value: boolean) => any;
|
|
201
|
-
|
|
202
|
-
select: (item: Primitive | undefined) => any;
|
|
200
|
+
"update:selected": (value: Primitive) => any;
|
|
203
201
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
204
|
-
onSelect?: ((item: Primitive | undefined) => any) | undefined;
|
|
205
202
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
203
|
+
"onUpdate:selected"?: ((value: Primitive) => any) | undefined;
|
|
206
204
|
}>, {
|
|
207
205
|
transition: string;
|
|
208
206
|
icons: typeof DEFAULT_ICONS;
|
|
@@ -217,7 +215,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
217
215
|
trigger: import('../../composables/overlay').Trigger;
|
|
218
216
|
depth: number;
|
|
219
217
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
220
|
-
contentRef: HTMLDivElement;
|
|
221
218
|
listRef: ({
|
|
222
219
|
$: import('vue').ComponentInternalInstance;
|
|
223
220
|
$data: {};
|
|
@@ -294,7 +291,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
294
291
|
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
295
292
|
};
|
|
296
293
|
$forceUpdate: () => void;
|
|
297
|
-
$nextTick: typeof
|
|
294
|
+
$nextTick: typeof nextTick;
|
|
298
295
|
$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;
|
|
299
296
|
} & Readonly<{
|
|
300
297
|
icons: typeof import('../QList/types').DEFAULT_ICONS;
|
|
@@ -329,7 +326,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
329
326
|
}> & Readonly<{
|
|
330
327
|
"onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
|
|
331
328
|
}>, {
|
|
332
|
-
focusItem: (itemIdx: number, preventScroll?: boolean) => void;
|
|
333
329
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
334
330
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
335
331
|
getFirstFocusableItemIndex: () => number;
|
|
@@ -358,7 +354,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
358
354
|
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
359
355
|
};
|
|
360
356
|
$forceUpdate: () => void;
|
|
361
|
-
$nextTick: typeof
|
|
357
|
+
$nextTick: typeof nextTick;
|
|
362
358
|
$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;
|
|
363
359
|
} & Readonly<{
|
|
364
360
|
groups: import('../QList/types').Group[];
|
|
@@ -376,8 +372,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
376
372
|
selectable?: boolean;
|
|
377
373
|
}> & Readonly<{
|
|
378
374
|
"onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
|
|
379
|
-
}>, "
|
|
380
|
-
focusItem: (itemIdx: number, preventScroll?: boolean) => void;
|
|
375
|
+
}>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
|
|
381
376
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
382
377
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
383
378
|
getFirstFocusableItemIndex: () => number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"AAiDA;AAkIC,OAAO,KAAK,EAAE,yBAAyB,EAA0B,MAAM,SAAS,CAAA;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAiB,QAAQ,EAAE,MAAM,KAAK,CAAA;AAE7C,KAAK,WAAW,GAAG,yBAAyB,CAAC;AA8E9C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WA8HT,OAAO,IAA6B;;;;YAZvB,GAAG;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAmE61a,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAnDz/a;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA+B+2a,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBx/a,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,158 +1,113 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { QList as
|
|
3
|
-
import { QOverlay as
|
|
4
|
-
import { DEFAULT_ICONS as
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as S, mergeModels as x, useModel as f, ref as c, computed as m, createBlock as B, openBlock as p, unref as g, normalizeClass as C, withCtx as n, createElementVNode as w, createVNode as L, renderSlot as v, createElementBlock as M, createCommentVNode as N, toDisplayString as O, nextTick as E } from "vue";
|
|
2
|
+
import { QList as I } from "../QList/index.js";
|
|
3
|
+
import { QOverlay as q } from "../QOverlay/index.js";
|
|
4
|
+
import { DEFAULT_ICONS as D } from "./types.js";
|
|
5
|
+
const Q = {
|
|
6
|
+
class: "q-dropdown-menu__body",
|
|
7
|
+
"data-testid": "dropdown-content",
|
|
8
|
+
tabindex: "-1"
|
|
9
|
+
}, U = {
|
|
6
10
|
key: 0,
|
|
7
11
|
class: "q-dropdown-menu__extra"
|
|
8
|
-
},
|
|
12
|
+
}, A = /* @__PURE__ */ S({
|
|
9
13
|
__name: "QDropdownMenuContent",
|
|
10
|
-
props: /* @__PURE__ */
|
|
14
|
+
props: /* @__PURE__ */ x({
|
|
11
15
|
id: {},
|
|
12
16
|
class: {},
|
|
13
17
|
activator: {},
|
|
14
18
|
appearance: { default: "regular" },
|
|
15
19
|
inline: { type: Boolean },
|
|
16
20
|
delay: { default: 500 },
|
|
17
|
-
placement: { default: "
|
|
21
|
+
placement: { default: "bottom-start" },
|
|
18
22
|
transition: { default: "fade" },
|
|
19
23
|
items: {},
|
|
20
24
|
groups: { default: () => [] },
|
|
21
25
|
itemValue: { default: "key" },
|
|
22
26
|
itemLabel: { default: "label" },
|
|
23
|
-
icons: { default: () =>
|
|
27
|
+
icons: { default: () => D },
|
|
24
28
|
trigger: { default: "click" },
|
|
25
29
|
offset: { default: 0 },
|
|
26
30
|
crossOffset: { default: -5 },
|
|
27
31
|
depth: { default: 0 }
|
|
28
32
|
}, {
|
|
29
33
|
modelValue: { type: Boolean },
|
|
30
|
-
modelModifiers: {}
|
|
34
|
+
modelModifiers: {},
|
|
35
|
+
selected: { type: [String, Number, Boolean, Symbol] },
|
|
36
|
+
selectedModifiers: {}
|
|
31
37
|
}),
|
|
32
|
-
emits:
|
|
33
|
-
setup(
|
|
34
|
-
const e =
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
o && (m.value = (o == null ? void 0 : o.items) ?? []), m.value.length || (L("select", t), r.value = void 0, s());
|
|
38
|
+
emits: ["update:modelValue", "update:selected"],
|
|
39
|
+
setup(l) {
|
|
40
|
+
const e = l, s = f(l, "modelValue"), i = f(l, "selected"), d = c([]), h = m(() => e.depth !== 0 ? e.offset : 4), y = m(() => e.depth !== 0 ? e.crossOffset : void 0), r = c(null);
|
|
41
|
+
function b(o) {
|
|
42
|
+
var u;
|
|
43
|
+
const a = (u = e.items) == null ? void 0 : u.find((k) => k[e.itemValue] === o);
|
|
44
|
+
d.value = (a == null ? void 0 : a.items) ?? [];
|
|
45
|
+
const t = d.value.length > 0;
|
|
46
|
+
i.value = t ? o : void 0, t || V();
|
|
42
47
|
}
|
|
43
|
-
function
|
|
44
|
-
|
|
48
|
+
function V() {
|
|
49
|
+
s.value = !1;
|
|
45
50
|
}
|
|
46
|
-
function
|
|
47
|
-
|
|
51
|
+
function _() {
|
|
52
|
+
E(() => {
|
|
53
|
+
var o;
|
|
54
|
+
return (o = r.value) == null ? void 0 : o.$el.focus();
|
|
55
|
+
});
|
|
48
56
|
}
|
|
49
|
-
|
|
50
|
-
a.value ? s() : I();
|
|
51
|
-
}
|
|
52
|
-
function O(t) {
|
|
53
|
-
var o;
|
|
54
|
-
if (t.key) {
|
|
55
|
-
if (window.clearTimeout(p), ["Escape", "Tab", "Delete"].includes(t.key)) {
|
|
56
|
-
s();
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
if (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(t.key) && (t.preventDefault(), t.stopPropagation()), /^[a-z]$/i.test(t.key)) {
|
|
60
|
-
u.value += t.key.toLowerCase();
|
|
61
|
-
const n = ((o = e.items) == null ? void 0 : o.length) || 0;
|
|
62
|
-
for (let l = 0; l < n; l++) {
|
|
63
|
-
const g = e.items[l];
|
|
64
|
-
if (g[e.itemLabel] && g[e.itemLabel].toLowerCase().startsWith(u.value)) {
|
|
65
|
-
M(l);
|
|
66
|
-
break;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
p = window.setTimeout(function() {
|
|
71
|
-
u.value = "";
|
|
72
|
-
}, 500);
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
function x(t) {
|
|
76
|
-
var o;
|
|
77
|
-
(o = v.value) != null && o.contains(t.relatedTarget) || s();
|
|
78
|
-
}
|
|
79
|
-
function B() {
|
|
80
|
-
var t;
|
|
81
|
-
(t = d.value) == null || t.$el.focus();
|
|
82
|
-
}
|
|
83
|
-
function M(t) {
|
|
84
|
-
var o;
|
|
85
|
-
(o = d.value) == null || o.focusItem(t);
|
|
86
|
-
}
|
|
87
|
-
return (t, o) => (w(), R(k(K), {
|
|
57
|
+
return (o, a) => (p(), B(g(q), {
|
|
88
58
|
id: e.id,
|
|
89
|
-
|
|
59
|
+
modelValue: s.value,
|
|
60
|
+
"onUpdate:modelValue": a[0] || (a[0] = (t) => s.value = t),
|
|
90
61
|
anchor: e.activator,
|
|
91
62
|
appearance: e.appearance,
|
|
92
63
|
inline: e.inline,
|
|
93
64
|
delay: e.delay,
|
|
94
|
-
offset:
|
|
95
|
-
"cross-offset":
|
|
65
|
+
offset: h.value,
|
|
66
|
+
"cross-offset": y.value,
|
|
96
67
|
placement: e.placement,
|
|
97
68
|
transition: e.transition,
|
|
98
|
-
class:
|
|
69
|
+
class: C(e.class),
|
|
99
70
|
trigger: e.trigger,
|
|
100
71
|
"scroll-lock": "",
|
|
101
|
-
|
|
102
|
-
"onUpdate:modelValue": D,
|
|
103
|
-
onEnter: B
|
|
72
|
+
onEnter: _
|
|
104
73
|
}, {
|
|
105
|
-
default:
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
P,
|
|
137
|
-
Q(n.extraInfo),
|
|
138
|
-
1
|
|
139
|
-
/* TEXT */
|
|
140
|
-
)) : F("v-if", !0)
|
|
141
|
-
])
|
|
142
|
-
]),
|
|
143
|
-
_: 3
|
|
144
|
-
/* FORWARDED */
|
|
145
|
-
}, 8, ["highlighted", "items", "groups", "item-label", "item-value"])
|
|
146
|
-
],
|
|
147
|
-
544
|
|
148
|
-
/* NEED_HYDRATION, NEED_PATCH */
|
|
149
|
-
)
|
|
74
|
+
default: n(() => [
|
|
75
|
+
w("div", Q, [
|
|
76
|
+
L(g(I), {
|
|
77
|
+
ref_key: "listRef",
|
|
78
|
+
ref: r,
|
|
79
|
+
class: "q-dropdown-menu__items",
|
|
80
|
+
highlighted: i.value,
|
|
81
|
+
items: e.items,
|
|
82
|
+
groups: e.groups,
|
|
83
|
+
"item-label": e.itemLabel,
|
|
84
|
+
"item-value": e.itemValue,
|
|
85
|
+
"onUpdate:modelValue": b
|
|
86
|
+
}, {
|
|
87
|
+
item: n(({ item: t }) => [
|
|
88
|
+
v(o.$slots, "item", { item: t })
|
|
89
|
+
]),
|
|
90
|
+
"item.append": n(({ item: t }) => [
|
|
91
|
+
v(o.$slots, "item.append", { item: t }, () => [
|
|
92
|
+
t.extraInfo ? (p(), M(
|
|
93
|
+
"span",
|
|
94
|
+
U,
|
|
95
|
+
O(t.extraInfo),
|
|
96
|
+
1
|
|
97
|
+
/* TEXT */
|
|
98
|
+
)) : N("v-if", !0)
|
|
99
|
+
])
|
|
100
|
+
]),
|
|
101
|
+
_: 3
|
|
102
|
+
/* FORWARDED */
|
|
103
|
+
}, 8, ["highlighted", "items", "groups", "item-label", "item-value"])
|
|
104
|
+
])
|
|
150
105
|
]),
|
|
151
106
|
_: 3
|
|
152
107
|
/* FORWARDED */
|
|
153
|
-
}, 8, ["id", "
|
|
108
|
+
}, 8, ["id", "modelValue", "anchor", "appearance", "inline", "delay", "offset", "cross-offset", "placement", "transition", "class", "trigger"]));
|
|
154
109
|
}
|
|
155
110
|
});
|
|
156
111
|
export {
|
|
157
|
-
|
|
112
|
+
A as default
|
|
158
113
|
};
|
|
@@ -14,8 +14,6 @@ declare const QDropdownMenu: import('vue').DefineComponent<{
|
|
|
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: import('../../types/primitive').Primitive | undefined) => any;
|
|
19
17
|
}, string, import('vue').PublicProps, Readonly<{
|
|
20
18
|
modelValue?: boolean;
|
|
21
19
|
} & import('../../types/component').QBaseComponentProps & {
|
|
@@ -31,7 +29,6 @@ declare const QDropdownMenu: import('vue').DefineComponent<{
|
|
|
31
29
|
itemLabel?: string;
|
|
32
30
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
33
31
|
}> & Readonly<{
|
|
34
|
-
onSelect?: ((item: import('../../types/primitive').Primitive | undefined) => any) | undefined;
|
|
35
32
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
36
33
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
37
34
|
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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { QFocusTrapProps } from './types';
|
|
2
|
+
type __VLS_Props = QFocusTrapProps;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
'disabled'?: boolean;
|
|
5
|
+
} & __VLS_Props;
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
refs: {};
|
|
13
|
+
rootEl: any;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
"update:disabled": (value: boolean) => any;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
19
|
+
"onUpdate:disabled"?: ((value: boolean) => any) | undefined;
|
|
20
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=QFocusTrap.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QFocusTrap.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFocusTrap/QFocusTrap.vue"],"names":[],"mappings":"AAQA;AA0BC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAQpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsCT,OAAO,IAA6B;;yBAXrB,GAAG;yBACH,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { defineComponent as a, mergeModels as d, useModel as l, renderSlot as s, createBlock as n, openBlock as i, unref as p, normalizeProps as u, mergeProps as m, withCtx as c } from "vue";
|
|
2
|
+
import { UseFocusTrap as f } from "../../vendors/@vueuse/integrations/useFocusTrap/component.js";
|
|
3
|
+
const B = /* @__PURE__ */ a({
|
|
4
|
+
__name: "QFocusTrap",
|
|
5
|
+
props: /* @__PURE__ */ d({
|
|
6
|
+
options: {},
|
|
7
|
+
as: {}
|
|
8
|
+
}, {
|
|
9
|
+
disabled: { type: Boolean },
|
|
10
|
+
disabledModifiers: {}
|
|
11
|
+
}),
|
|
12
|
+
emits: ["update:disabled"],
|
|
13
|
+
setup(e) {
|
|
14
|
+
const t = e, r = l(e, "disabled");
|
|
15
|
+
return (o, b) => r.value ? s(o.$slots, "default", { key: 0 }) : (i(), n(
|
|
16
|
+
p(f),
|
|
17
|
+
u(m({ key: 1 }, t)),
|
|
18
|
+
{
|
|
19
|
+
default: c(() => [
|
|
20
|
+
s(o.$slots, "default")
|
|
21
|
+
]),
|
|
22
|
+
_: 3
|
|
23
|
+
/* FORWARDED */
|
|
24
|
+
},
|
|
25
|
+
16
|
|
26
|
+
/* FULL_PROPS */
|
|
27
|
+
));
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
export {
|
|
31
|
+
B as default
|
|
32
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { QFocusTrapProps } from './types';
|
|
2
|
+
declare const QFocusTrap: {
|
|
3
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
} & import('@vueuse/integrations/useFocusTrap/component.mjs').ComponentUseFocusTrapOptions> & Readonly<{
|
|
6
|
+
"onUpdate:disabled"?: ((value: boolean) => any) | undefined;
|
|
7
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
|
+
"update:disabled": (value: boolean) => any;
|
|
9
|
+
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
10
|
+
P: {};
|
|
11
|
+
B: {};
|
|
12
|
+
D: {};
|
|
13
|
+
C: {};
|
|
14
|
+
M: {};
|
|
15
|
+
Defaults: {};
|
|
16
|
+
}, Readonly<{
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
} & import('@vueuse/integrations/useFocusTrap/component.mjs').ComponentUseFocusTrapOptions> & Readonly<{
|
|
19
|
+
"onUpdate:disabled"?: ((value: boolean) => any) | undefined;
|
|
20
|
+
}>, {}, {}, {}, {}, {}>;
|
|
21
|
+
__isFragment?: never;
|
|
22
|
+
__isTeleport?: never;
|
|
23
|
+
__isSuspense?: never;
|
|
24
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
} & import('@vueuse/integrations/useFocusTrap/component.mjs').ComponentUseFocusTrapOptions> & Readonly<{
|
|
27
|
+
"onUpdate:disabled"?: ((value: boolean) => any) | undefined;
|
|
28
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
29
|
+
"update:disabled": (value: boolean) => any;
|
|
30
|
+
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
31
|
+
$slots: {
|
|
32
|
+
default?(_: {}): any;
|
|
33
|
+
default?(_: {}): any;
|
|
34
|
+
};
|
|
35
|
+
});
|
|
36
|
+
export { QFocusTrap };
|
|
37
|
+
export type { QFocusTrapProps };
|
|
38
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFocusTrap/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAK9C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+B,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA;AAGrB,YAAY,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QFocusTrap/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAA;AAE/F;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,4BAA4B,CAAA"}
|
|
@@ -1,14 +1,6 @@
|
|
|
1
1
|
import { Group, QListProps } from './types';
|
|
2
2
|
import { Primitive } from '../../types/primitive';
|
|
3
3
|
type __VLS_Props = QListProps;
|
|
4
|
-
/**
|
|
5
|
-
* Focuses on the HTML element at the specified index among the child elements.
|
|
6
|
-
*
|
|
7
|
-
* If the index is out of bounds or the element is inaccessible, no action is taken.
|
|
8
|
-
*
|
|
9
|
-
* @param itemIdx - The index of the HTML element to focus on.
|
|
10
|
-
*/
|
|
11
|
-
declare function focusItem(itemIdx: number, preventScroll?: boolean): void;
|
|
12
4
|
declare function getItem(idx: number): HTMLElement | undefined;
|
|
13
5
|
/**
|
|
14
6
|
* Retrieves the index of the first focusable item among the child elements.
|
|
@@ -124,7 +116,6 @@ declare function __VLS_template(): {
|
|
|
124
116
|
};
|
|
125
117
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
126
118
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
127
|
-
focusItem: typeof focusItem;
|
|
128
119
|
getItem: typeof getItem;
|
|
129
120
|
getAdjacentItemIndex: typeof getAdjacentItemIndex;
|
|
130
121
|
getFirstFocusableItemIndex: typeof getFirstFocusableItemIndex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA4CA;
|
|
1
|
+
{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA4CA;AA4ZC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAKlD,KAAK,WAAW,GAAG,UAAU,CAAC;AAuM9B,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAaD;;;;;;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;AAoDF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoIT,OAAO,IAA6B;;;;;YAbvB,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAhDE,GAAG,8CAChB,GAAG,yBACT,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EA+D9D;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAzFoB,GAAG,8CAChB,GAAG,yBACT,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAkG7D,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"}
|