@quidgest/ui 0.15.8 → 0.16.0
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 +4 -1
- package/dist/ui.css +9 -6
- package/dist/ui.esm.js +3559 -3456
- package/dist/ui.js +26 -26
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +738 -731
- package/dist/ui.scss +11 -7
- package/esm/components/QAccordion/QAccordion.d.ts +4 -3
- package/esm/components/QAccordion/QAccordion.d.ts.map +1 -1
- package/esm/components/QAccordion/QAccordion.vue.js +21 -17
- package/esm/components/QAccordion/QAccordionItem.d.ts +19 -0
- package/esm/components/QAccordion/QAccordionItem.d.ts.map +1 -0
- package/esm/components/QAccordion/QAccordionItem.vue.js +42 -0
- package/esm/components/QAccordion/QAccordionItem.vue2.js +4 -0
- package/esm/components/QAccordion/index.d.ts +35 -15
- package/esm/components/QAccordion/index.d.ts.map +1 -1
- package/esm/components/QAccordion/index.js +6 -4
- package/esm/components/QAccordion/types.d.ts +25 -5
- package/esm/components/QAccordion/types.d.ts.map +1 -1
- package/esm/components/QButton/QButton.d.ts.map +1 -1
- package/esm/components/QButton/QButton.vue.js +9 -11
- package/esm/components/QButton/types.d.ts +0 -4
- package/esm/components/QButton/types.d.ts.map +1 -1
- package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -1
- package/esm/components/QCollapsible/QCollapsible.vue.js +60 -65
- package/esm/components/QCollapsible/index.d.ts +14 -14
- package/esm/components/QCollapsible/index.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.d.ts +44 -49
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +71 -71
- package/esm/components/QCombobox/index.d.ts +40 -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/QDropdownMenu/QDropdownMenu.d.ts +2 -3
- package/esm/components/QDropdownMenu/QDropdownMenu.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +45 -46
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +24 -24
- package/esm/components/QDropdownMenu/index.d.ts +2 -2
- package/esm/components/QList/QList.d.ts +15 -16
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +46 -46
- package/esm/components/QList/QListItem.d.ts +1 -1
- package/esm/components/QList/QListItem.vue.js +19 -19
- package/esm/components/QList/index.d.ts +24 -24
- package/esm/components/QList/types.d.ts +3 -4
- package/esm/components/QList/types.d.ts.map +1 -1
- package/esm/components/QRadioGroup/QRadioButton.vue.js +3 -3
- 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 +8 -8
- package/esm/components/QRadioGroup/index.d.ts +8 -8
- package/esm/components/QSelect/QSelect.d.ts +44 -47
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +49 -49
- package/esm/components/QSelect/index.d.ts +40 -58
- 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/{QButtonToggle/QButtonToggle.d.ts → QToggle/QToggle.d.ts} +11 -9
- package/esm/components/QToggle/QToggle.d.ts.map +1 -0
- package/esm/components/QToggle/QToggle.vue.js +40 -0
- package/esm/components/QToggle/QToggle.vue2.js +4 -0
- package/esm/components/QToggle/index.d.ts +71 -0
- package/esm/components/QToggle/index.d.ts.map +1 -0
- package/esm/components/{QButtonToggle → QToggle}/index.js +3 -3
- package/esm/components/QToggle/types.d.ts +3 -0
- package/esm/components/QToggle/types.d.ts.map +1 -0
- package/esm/components/QToggleGroup/QToggleGroup.d.ts +28 -0
- package/esm/components/QToggleGroup/QToggleGroup.d.ts.map +1 -0
- package/esm/components/QToggleGroup/QToggleGroup.vue.js +49 -0
- package/esm/components/QToggleGroup/QToggleGroup.vue2.js +4 -0
- package/esm/components/QToggleGroup/QToggleGroupItem.d.ts +19 -0
- package/esm/components/QToggleGroup/QToggleGroupItem.d.ts.map +1 -0
- package/esm/components/QToggleGroup/QToggleGroupItem.vue.js +44 -0
- package/esm/components/QToggleGroup/QToggleGroupItem.vue2.js +4 -0
- package/esm/components/QToggleGroup/index.d.ts +75 -0
- package/esm/components/QToggleGroup/index.d.ts.map +1 -0
- package/esm/components/QToggleGroup/index.js +8 -0
- package/esm/components/QToggleGroup/types.d.ts +19 -0
- package/esm/components/QToggleGroup/types.d.ts.map +1 -0
- package/esm/components/index.d.ts +2 -1
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +83 -79
- package/esm/composables/{group.d.ts → useGroup/index.d.ts} +11 -3
- package/esm/composables/useGroup/index.d.ts.map +1 -0
- package/esm/composables/useGroup/index.js +38 -0
- package/esm/index.d.ts +4 -1
- package/package.json +1 -1
- package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +0 -1
- package/esm/components/QButtonToggle/QButtonToggle.vue.js +0 -62
- package/esm/components/QButtonToggle/QButtonToggle.vue2.js +0 -4
- package/esm/components/QButtonToggle/index.d.ts +0 -51
- package/esm/components/QButtonToggle/index.d.ts.map +0 -1
- package/esm/components/QButtonToggle/types.d.ts +0 -29
- package/esm/components/QButtonToggle/types.d.ts.map +0 -1
- package/esm/composables/group.d.ts.map +0 -1
- package/esm/composables/group.js +0 -31
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as N, mergeModels as _, useModel as X, ref as p, computed as D, createBlock as x, openBlock as d, resolveDynamicComponent as Y, normalizeClass as Z, withCtx as b, createElementBlock as M, Fragment as T, renderList as B, unref as E, renderSlot as U } from "vue";
|
|
2
2
|
import { QListItemGroup as ee, QListItem as te } from "./index.js";
|
|
3
|
-
const
|
|
3
|
+
const se = /* @__PURE__ */ N({
|
|
4
4
|
__name: "QList",
|
|
5
|
-
props: /* @__PURE__ */
|
|
5
|
+
props: /* @__PURE__ */ _({
|
|
6
6
|
id: {},
|
|
7
7
|
class: {},
|
|
8
|
-
highlighted: {
|
|
8
|
+
highlighted: {},
|
|
9
9
|
items: {},
|
|
10
10
|
groups: { default: () => [] },
|
|
11
11
|
itemValue: { default: "key" },
|
|
@@ -13,19 +13,19 @@ const oe = /* @__PURE__ */ J({
|
|
|
13
13
|
disabled: { type: Boolean },
|
|
14
14
|
selectable: { type: Boolean }
|
|
15
15
|
}, {
|
|
16
|
-
modelValue: {
|
|
16
|
+
modelValue: {},
|
|
17
17
|
modelModifiers: {}
|
|
18
18
|
}),
|
|
19
|
-
emits: /* @__PURE__ */
|
|
20
|
-
setup(
|
|
21
|
-
const n =
|
|
19
|
+
emits: /* @__PURE__ */ _(["click"], ["update:modelValue"]),
|
|
20
|
+
setup(y, { expose: $, emit: R }) {
|
|
21
|
+
const n = y, S = R, f = X(y, "modelValue"), v = p(!1), q = D(() => a.value.length > 1 ? "div" : "ul"), a = D(() => n.groups.length ? n.groups.filter(
|
|
22
22
|
(e) => {
|
|
23
23
|
var t;
|
|
24
24
|
return (t = n.items) == null ? void 0 : t.some((l) => l.group === e.id);
|
|
25
25
|
}
|
|
26
26
|
) : [{ id: "", title: "" }]), g = p(null), h = p(null);
|
|
27
27
|
function O(e) {
|
|
28
|
-
|
|
28
|
+
S("click", e);
|
|
29
29
|
}
|
|
30
30
|
function Q(e) {
|
|
31
31
|
f.value = e;
|
|
@@ -37,8 +37,8 @@ const oe = /* @__PURE__ */ J({
|
|
|
37
37
|
v.value = !1;
|
|
38
38
|
}
|
|
39
39
|
function G(e) {
|
|
40
|
-
var
|
|
41
|
-
if (!n.items || (
|
|
40
|
+
var s;
|
|
41
|
+
if (!n.items || (s = g.value) != null && s.contains(e.relatedTarget))
|
|
42
42
|
return;
|
|
43
43
|
let t;
|
|
44
44
|
f.value ? t = n.items.findIndex((i) => i[n.itemValue] === f.value) : t = k();
|
|
@@ -66,9 +66,9 @@ const oe = /* @__PURE__ */ J({
|
|
|
66
66
|
if (/^[a-z]$/i.test(e.key)) {
|
|
67
67
|
I.value += e.key.toLowerCase();
|
|
68
68
|
const l = ((t = n.items) == null ? void 0 : t.length) || 0;
|
|
69
|
-
for (let
|
|
70
|
-
if (n.items[
|
|
71
|
-
u(
|
|
69
|
+
for (let s = 0; s < l; s++)
|
|
70
|
+
if (n.items[s][n.itemLabel].toLowerCase().startsWith(I.value)) {
|
|
71
|
+
u(s);
|
|
72
72
|
break;
|
|
73
73
|
}
|
|
74
74
|
e.preventDefault(), e.stopPropagation();
|
|
@@ -81,7 +81,7 @@ const oe = /* @__PURE__ */ J({
|
|
|
81
81
|
switch (e) {
|
|
82
82
|
case "next":
|
|
83
83
|
case "prev":
|
|
84
|
-
u(
|
|
84
|
+
u(W(e));
|
|
85
85
|
break;
|
|
86
86
|
case "first":
|
|
87
87
|
u(k());
|
|
@@ -92,60 +92,60 @@ const oe = /* @__PURE__ */ J({
|
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
function u(e, t = !1) {
|
|
95
|
-
var
|
|
96
|
-
(
|
|
95
|
+
var s;
|
|
96
|
+
(s = o()[e]) == null || s.focus({ preventScroll: t });
|
|
97
97
|
}
|
|
98
|
-
function
|
|
98
|
+
function o() {
|
|
99
99
|
var t;
|
|
100
100
|
const e = (t = g.value) == null ? void 0 : t.querySelectorAll("li");
|
|
101
101
|
return e ? Array.from(e) : [];
|
|
102
102
|
}
|
|
103
103
|
function K(e) {
|
|
104
|
-
return
|
|
104
|
+
return o()[e];
|
|
105
105
|
}
|
|
106
|
-
function
|
|
107
|
-
return
|
|
106
|
+
function P() {
|
|
107
|
+
return o().indexOf(document.activeElement);
|
|
108
108
|
}
|
|
109
109
|
function k() {
|
|
110
|
-
const e =
|
|
110
|
+
const e = o(), t = e.find((l) => w(l));
|
|
111
111
|
return t ? e.indexOf(t) : -1;
|
|
112
112
|
}
|
|
113
113
|
function A() {
|
|
114
|
-
const e =
|
|
114
|
+
const e = o(), t = [...e].reverse().find((l) => w(l));
|
|
115
115
|
return t ? e.indexOf(t) : -1;
|
|
116
116
|
}
|
|
117
117
|
function L(e, t, l) {
|
|
118
118
|
return t === "prev" && e <= 0 || t === "next" && e === l.length - 1;
|
|
119
119
|
}
|
|
120
|
-
function
|
|
121
|
-
const t =
|
|
120
|
+
function W(e) {
|
|
121
|
+
const t = P();
|
|
122
122
|
return C(t, e);
|
|
123
123
|
}
|
|
124
124
|
function C(e, t) {
|
|
125
|
-
const l =
|
|
125
|
+
const l = o();
|
|
126
126
|
if (L(e, t, l))
|
|
127
127
|
return e;
|
|
128
|
-
let
|
|
129
|
-
for (; !
|
|
130
|
-
if (L(
|
|
128
|
+
let s = e + (t === "next" ? 1 : -1);
|
|
129
|
+
for (; !w(l[s]); ) {
|
|
130
|
+
if (L(s, t, l))
|
|
131
131
|
return e;
|
|
132
|
-
|
|
132
|
+
s += t === "next" ? 1 : -1;
|
|
133
133
|
}
|
|
134
|
-
return
|
|
134
|
+
return s;
|
|
135
135
|
}
|
|
136
|
-
function
|
|
136
|
+
function w(e) {
|
|
137
137
|
return e.tabIndex === -2;
|
|
138
138
|
}
|
|
139
|
-
function
|
|
139
|
+
function J(e) {
|
|
140
140
|
var t;
|
|
141
141
|
return e ? (t = n.items) == null ? void 0 : t.filter((l) => l.group === e) : n.items;
|
|
142
142
|
}
|
|
143
|
-
return
|
|
143
|
+
return $({
|
|
144
144
|
getItem: K,
|
|
145
145
|
getAdjacentItemIndex: C,
|
|
146
146
|
getFirstFocusableItemIndex: k,
|
|
147
147
|
getLastFocusableItemIndex: A
|
|
148
|
-
}), (e, t) => (d(),
|
|
148
|
+
}), (e, t) => (d(), x(Y(q.value), {
|
|
149
149
|
id: n.id,
|
|
150
150
|
ref_key: "listRef",
|
|
151
151
|
ref: g,
|
|
@@ -158,19 +158,19 @@ const oe = /* @__PURE__ */ J({
|
|
|
158
158
|
onKeydown: H
|
|
159
159
|
}, {
|
|
160
160
|
default: b(() => [
|
|
161
|
-
(d(!0),
|
|
162
|
-
|
|
161
|
+
(d(!0), M(
|
|
162
|
+
T,
|
|
163
163
|
null,
|
|
164
|
-
|
|
164
|
+
B(a.value, (l, s) => (d(), x(E(ee), {
|
|
165
165
|
id: l.id,
|
|
166
166
|
key: l.id,
|
|
167
167
|
title: a.value.length === 1 ? void 0 : l.title
|
|
168
168
|
}, {
|
|
169
169
|
default: b(() => [
|
|
170
|
-
(d(!0),
|
|
171
|
-
|
|
170
|
+
(d(!0), M(
|
|
171
|
+
T,
|
|
172
172
|
null,
|
|
173
|
-
|
|
173
|
+
B(J(l.id), (i, F) => (d(), x(E(te), {
|
|
174
174
|
key: i[n.itemValue],
|
|
175
175
|
ref_for: !0,
|
|
176
176
|
ref_key: "listItemsRef",
|
|
@@ -189,18 +189,18 @@ const oe = /* @__PURE__ */ J({
|
|
|
189
189
|
append: b(() => {
|
|
190
190
|
var r, c;
|
|
191
191
|
return [
|
|
192
|
-
|
|
192
|
+
U(e.$slots, "item.append", {
|
|
193
193
|
item: i,
|
|
194
|
-
element: (c = (r = h.value) == null ? void 0 : r[F +
|
|
194
|
+
element: (c = (r = h.value) == null ? void 0 : r[F + s * a.value.length]) == null ? void 0 : c.$el
|
|
195
195
|
})
|
|
196
196
|
];
|
|
197
197
|
}),
|
|
198
198
|
default: b(() => {
|
|
199
199
|
var r, c;
|
|
200
200
|
return [
|
|
201
|
-
|
|
201
|
+
U(e.$slots, "item", {
|
|
202
202
|
item: i,
|
|
203
|
-
element: (c = (r = h.value) == null ? void 0 : r[F +
|
|
203
|
+
element: (c = (r = h.value) == null ? void 0 : r[F + s * a.value.length]) == null ? void 0 : c.$el
|
|
204
204
|
})
|
|
205
205
|
];
|
|
206
206
|
}),
|
|
@@ -224,5 +224,5 @@ const oe = /* @__PURE__ */ J({
|
|
|
224
224
|
}
|
|
225
225
|
});
|
|
226
226
|
export {
|
|
227
|
-
|
|
227
|
+
se as default
|
|
228
228
|
};
|
|
@@ -19,8 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
19
19
|
} & {
|
|
20
20
|
click: () => any;
|
|
21
21
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
22
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
23
22
|
onClick?: (() => any) | undefined;
|
|
23
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
24
24
|
}>, {
|
|
25
25
|
icons: typeof DEFAULT_ICONS;
|
|
26
26
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as g, mergeModels as p, useModel as q, createElementBlock as a, openBlock as i, withModifiers as B, normalizeClass as V, unref as o, renderSlot as d, createElementVNode as c, createCommentVNode as s, createBlock as u, createTextVNode as C, normalizeProps as f, mergeProps as _, toDisplayString as
|
|
2
|
-
import { DEFAULT_ICONS as
|
|
1
|
+
import { defineComponent as g, mergeModels as p, useModel as q, createElementBlock as a, openBlock as i, withModifiers as B, normalizeClass as V, unref as o, renderSlot as d, createElementVNode as c, createCommentVNode as s, createBlock as u, createTextVNode as C, normalizeProps as f, mergeProps as _, toDisplayString as h, createVNode as N, guardReactiveProps as D } from "vue";
|
|
2
|
+
import { DEFAULT_ICONS as E } from "./types.js";
|
|
3
3
|
import { QIcon as r } from "../QIcon/index.js";
|
|
4
|
-
import { useId as
|
|
5
|
-
const
|
|
4
|
+
import { useId as I } from "../../composables/uid.js";
|
|
5
|
+
const M = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], P = { class: "q-list-item__container" }, w = { class: "q-list-item__content" }, S = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "q-list-item__description"
|
|
8
8
|
}, T = {
|
|
@@ -11,29 +11,29 @@ const I = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], M = { c
|
|
|
11
11
|
}, Q = /* @__PURE__ */ g({
|
|
12
12
|
__name: "QListItem",
|
|
13
13
|
props: /* @__PURE__ */ p({
|
|
14
|
-
value: {
|
|
14
|
+
value: {},
|
|
15
15
|
label: {},
|
|
16
16
|
icon: {},
|
|
17
17
|
selectable: { type: Boolean },
|
|
18
18
|
highlighted: { type: Boolean },
|
|
19
19
|
disabled: { type: Boolean },
|
|
20
20
|
description: {},
|
|
21
|
-
icons: { default: () =>
|
|
21
|
+
icons: { default: () => E }
|
|
22
22
|
}, {
|
|
23
23
|
modelValue: { type: Boolean },
|
|
24
24
|
modelModifiers: {}
|
|
25
25
|
}),
|
|
26
26
|
emits: /* @__PURE__ */ p(["click"], ["update:modelValue"]),
|
|
27
|
-
setup(m, { emit:
|
|
28
|
-
const e = m,
|
|
27
|
+
setup(m, { emit: k }) {
|
|
28
|
+
const e = m, b = k, l = q(m, "modelValue"), v = I();
|
|
29
29
|
function n() {
|
|
30
|
-
e.disabled || (
|
|
30
|
+
e.disabled || (b("click"), e.selectable && (l.value = !0));
|
|
31
31
|
}
|
|
32
|
-
function
|
|
32
|
+
function y(t) {
|
|
33
33
|
t.key === "Tab" && n(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), n());
|
|
34
34
|
}
|
|
35
35
|
return (t, $) => (i(), a("li", {
|
|
36
|
-
id: o(
|
|
36
|
+
id: o(v),
|
|
37
37
|
"data-key": e.value,
|
|
38
38
|
role: "option",
|
|
39
39
|
tabindex: e.disabled ? void 0 : -2,
|
|
@@ -47,12 +47,12 @@ const I = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], M = { c
|
|
|
47
47
|
]),
|
|
48
48
|
"aria-label": e.label,
|
|
49
49
|
"aria-selected": e.disabled ? void 0 : l.value,
|
|
50
|
-
onKeydown:
|
|
50
|
+
onKeydown: y,
|
|
51
51
|
onClick: B(n, ["stop", "prevent"])
|
|
52
52
|
}, [
|
|
53
53
|
d(t.$slots, "prepend"),
|
|
54
|
-
c("div",
|
|
55
|
-
c("div",
|
|
54
|
+
c("div", P, [
|
|
55
|
+
c("div", w, [
|
|
56
56
|
d(t.$slots, "default", {}, () => [
|
|
57
57
|
e.icon ? (i(), u(
|
|
58
58
|
o(r),
|
|
@@ -62,16 +62,16 @@ const I = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], M = { c
|
|
|
62
62
|
/* FULL_PROPS */
|
|
63
63
|
)) : s("v-if", !0),
|
|
64
64
|
C(
|
|
65
|
-
" " +
|
|
65
|
+
" " + h(e.label),
|
|
66
66
|
1
|
|
67
67
|
/* TEXT */
|
|
68
68
|
)
|
|
69
69
|
])
|
|
70
70
|
]),
|
|
71
|
-
e.description ? (i(), a("div",
|
|
71
|
+
e.description ? (i(), a("div", S, [
|
|
72
72
|
N(
|
|
73
73
|
o(r),
|
|
74
|
-
f(
|
|
74
|
+
f(D(e.icons.description)),
|
|
75
75
|
null,
|
|
76
76
|
16
|
|
77
77
|
/* FULL_PROPS */
|
|
@@ -79,7 +79,7 @@ const I = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], M = { c
|
|
|
79
79
|
c(
|
|
80
80
|
"span",
|
|
81
81
|
null,
|
|
82
|
-
|
|
82
|
+
h(e.description),
|
|
83
83
|
1
|
|
84
84
|
/* TEXT */
|
|
85
85
|
)
|
|
@@ -95,7 +95,7 @@ const I = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], M = { c
|
|
|
95
95
|
/* FULL_PROPS */
|
|
96
96
|
)) : s("v-if", !0)
|
|
97
97
|
])) : s("v-if", !0)
|
|
98
|
-
], 42,
|
|
98
|
+
], 42, M));
|
|
99
99
|
}
|
|
100
100
|
});
|
|
101
101
|
export {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { QListProps, QListItemProps, QListItemGroupProps } from './types';
|
|
2
2
|
declare const QList: {
|
|
3
3
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
4
|
-
modelValue?:
|
|
4
|
+
modelValue?: any;
|
|
5
5
|
} & import('../../types/component').QBaseComponentProps & {
|
|
6
|
-
highlighted?:
|
|
6
|
+
highlighted?: any;
|
|
7
7
|
items?: import('./types').Item[];
|
|
8
8
|
groups?: import('./types').Group[];
|
|
9
9
|
itemValue?: string;
|
|
@@ -11,17 +11,17 @@ declare const QList: {
|
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
selectable?: boolean;
|
|
13
13
|
}> & Readonly<{
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
onClick?: ((key: any) => any) | undefined;
|
|
15
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
16
16
|
}>, {
|
|
17
17
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
18
18
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
19
19
|
getFirstFocusableItemIndex: () => number;
|
|
20
20
|
getLastFocusableItemIndex: () => number;
|
|
21
21
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
-
"update:modelValue": (value:
|
|
22
|
+
"update:modelValue": (value: any) => any;
|
|
23
23
|
} & {
|
|
24
|
-
click: (key:
|
|
24
|
+
click: (key: any) => any;
|
|
25
25
|
}, import('vue').PublicProps, {
|
|
26
26
|
groups: import('./types').Group[];
|
|
27
27
|
itemValue: string;
|
|
@@ -33,7 +33,7 @@ declare const QList: {
|
|
|
33
33
|
$data: {};
|
|
34
34
|
$props: {
|
|
35
35
|
readonly modelValue?: boolean | undefined;
|
|
36
|
-
readonly value:
|
|
36
|
+
readonly value: any;
|
|
37
37
|
readonly label: string;
|
|
38
38
|
readonly icon?: import('..').Icon | undefined;
|
|
39
39
|
readonly selectable?: boolean | undefined;
|
|
@@ -41,8 +41,8 @@ declare const QList: {
|
|
|
41
41
|
readonly disabled?: boolean | undefined;
|
|
42
42
|
readonly description?: string | undefined;
|
|
43
43
|
readonly icons?: typeof import('./types').DEFAULT_ICONS | undefined;
|
|
44
|
-
readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
45
44
|
readonly onClick?: (() => any) | undefined;
|
|
45
|
+
readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
46
46
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
47
47
|
$attrs: {
|
|
48
48
|
[x: string]: unknown;
|
|
@@ -56,13 +56,13 @@ declare const QList: {
|
|
|
56
56
|
$root: import('vue').ComponentPublicInstance | null;
|
|
57
57
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
58
58
|
$host: Element | null;
|
|
59
|
-
$emit: ((event: "
|
|
59
|
+
$emit: ((event: "click") => void) & ((event: "update:modelValue", value: boolean) => void);
|
|
60
60
|
$el: HTMLLIElement;
|
|
61
61
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
62
62
|
modelValue?: boolean;
|
|
63
63
|
} & QListItemProps> & Readonly<{
|
|
64
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
65
64
|
onClick?: (() => any) | undefined;
|
|
65
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
66
66
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
67
67
|
"update:modelValue": (value: boolean) => any;
|
|
68
68
|
} & {
|
|
@@ -94,8 +94,8 @@ declare const QList: {
|
|
|
94
94
|
}> & Omit<Readonly<{
|
|
95
95
|
modelValue?: boolean;
|
|
96
96
|
} & QListItemProps> & Readonly<{
|
|
97
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
98
97
|
onClick?: (() => any) | undefined;
|
|
98
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
99
99
|
}>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
100
100
|
$slots: {
|
|
101
101
|
prepend?(_: {}): any;
|
|
@@ -111,9 +111,9 @@ declare const QList: {
|
|
|
111
111
|
M: {};
|
|
112
112
|
Defaults: {};
|
|
113
113
|
}, Readonly<{
|
|
114
|
-
modelValue?:
|
|
114
|
+
modelValue?: any;
|
|
115
115
|
} & import('../../types/component').QBaseComponentProps & {
|
|
116
|
-
highlighted?:
|
|
116
|
+
highlighted?: any;
|
|
117
117
|
items?: import('./types').Item[];
|
|
118
118
|
groups?: import('./types').Group[];
|
|
119
119
|
itemValue?: string;
|
|
@@ -121,8 +121,8 @@ declare const QList: {
|
|
|
121
121
|
disabled?: boolean;
|
|
122
122
|
selectable?: boolean;
|
|
123
123
|
}> & Readonly<{
|
|
124
|
-
|
|
125
|
-
|
|
124
|
+
onClick?: ((key: any) => any) | undefined;
|
|
125
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
126
126
|
}>, {
|
|
127
127
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
128
128
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
@@ -137,9 +137,9 @@ declare const QList: {
|
|
|
137
137
|
__isTeleport?: never;
|
|
138
138
|
__isSuspense?: never;
|
|
139
139
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
140
|
-
modelValue?:
|
|
140
|
+
modelValue?: any;
|
|
141
141
|
} & import('../../types/component').QBaseComponentProps & {
|
|
142
|
-
highlighted?:
|
|
142
|
+
highlighted?: any;
|
|
143
143
|
items?: import('./types').Item[];
|
|
144
144
|
groups?: import('./types').Group[];
|
|
145
145
|
itemValue?: string;
|
|
@@ -147,17 +147,17 @@ declare const QList: {
|
|
|
147
147
|
disabled?: boolean;
|
|
148
148
|
selectable?: boolean;
|
|
149
149
|
}> & Readonly<{
|
|
150
|
-
|
|
151
|
-
|
|
150
|
+
onClick?: ((key: any) => any) | undefined;
|
|
151
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
152
152
|
}>, {
|
|
153
153
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
154
154
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
155
155
|
getFirstFocusableItemIndex: () => number;
|
|
156
156
|
getLastFocusableItemIndex: () => number;
|
|
157
157
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
158
|
-
"update:modelValue": (value:
|
|
158
|
+
"update:modelValue": (value: any) => any;
|
|
159
159
|
} & {
|
|
160
|
-
click: (key:
|
|
160
|
+
click: (key: any) => any;
|
|
161
161
|
}, string, {
|
|
162
162
|
groups: import('./types').Group[];
|
|
163
163
|
itemValue: string;
|
|
@@ -178,8 +178,8 @@ declare const QListItem: {
|
|
|
178
178
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
179
179
|
modelValue?: boolean;
|
|
180
180
|
} & QListItemProps> & Readonly<{
|
|
181
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
182
181
|
onClick?: (() => any) | undefined;
|
|
182
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
183
183
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
184
184
|
"update:modelValue": (value: boolean) => any;
|
|
185
185
|
} & {
|
|
@@ -196,8 +196,8 @@ declare const QListItem: {
|
|
|
196
196
|
}, Readonly<{
|
|
197
197
|
modelValue?: boolean;
|
|
198
198
|
} & QListItemProps> & Readonly<{
|
|
199
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
200
199
|
onClick?: (() => any) | undefined;
|
|
200
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
201
201
|
}>, {}, {}, {}, {}, {
|
|
202
202
|
icons: typeof import('./types').DEFAULT_ICONS;
|
|
203
203
|
}>;
|
|
@@ -207,8 +207,8 @@ declare const QListItem: {
|
|
|
207
207
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
208
208
|
modelValue?: boolean;
|
|
209
209
|
} & QListItemProps> & Readonly<{
|
|
210
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
211
210
|
onClick?: (() => any) | undefined;
|
|
211
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
212
212
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
213
213
|
"update:modelValue": (value: boolean) => any;
|
|
214
214
|
} & {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { Icon } from '../QIcon';
|
|
2
|
-
import { Primitive } from '../../types/primitive';
|
|
3
1
|
import { QBaseComponentProps } from '../../types/component';
|
|
2
|
+
import { Icon } from '../QIcon';
|
|
4
3
|
export type Item = Omit<QListItemProps, 'value' | 'label'> & {
|
|
5
4
|
[key: string]: any;
|
|
6
5
|
};
|
|
@@ -14,7 +13,7 @@ export type QListProps = QBaseComponentProps & {
|
|
|
14
13
|
/**
|
|
15
14
|
* The value of the currently highlighted item.
|
|
16
15
|
*/
|
|
17
|
-
highlighted?:
|
|
16
|
+
highlighted?: any;
|
|
18
17
|
/**
|
|
19
18
|
* The list of available items for selection.
|
|
20
19
|
*/
|
|
@@ -44,7 +43,7 @@ export type QListItemProps = {
|
|
|
44
43
|
/**
|
|
45
44
|
* The value of the item.
|
|
46
45
|
*/
|
|
47
|
-
value:
|
|
46
|
+
value: any;
|
|
48
47
|
/**
|
|
49
48
|
* The label of the item.
|
|
50
49
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAEpC,MAAM,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAG5D,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,mBAAmB,GAAG;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;OAEG;IAEH,WAAW,CAAC,EAAE,GAAG,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IAEH,KAAK,EAAE,GAAG,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAGD,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as m, computed as r, createBlock as b, openBlock as f, unref as o, normalizeClass as v, createSlots as y, withCtx as d, createElementVNode as g, renderSlot as i, createCommentVNode as q, mergeProps as B } from "vue";
|
|
2
2
|
import { QLabel as h } from "../QLabel/index.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { useId as C } from "../../composables/uid.js";
|
|
4
|
+
import { useGroupItem as k } from "../../composables/useGroup/index.js";
|
|
5
5
|
const z = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "QRadioButton",
|
|
@@ -21,7 +21,7 @@ const z = ["id", "checked", "name", "value", "disabled"], w = /* @__PURE__ */ m(
|
|
|
21
21
|
name: {}
|
|
22
22
|
},
|
|
23
23
|
setup(s) {
|
|
24
|
-
const e = s, n =
|
|
24
|
+
const e = s, n = C(e.id), t = k(e.value);
|
|
25
25
|
if (!t)
|
|
26
26
|
throw new Error("QRadioButton must be used inside a QRadioGroup");
|
|
27
27
|
const u = r(() => e.labelPlacement === "start" ? "append" : "prepend"), p = r(() => {
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { Primitive } from '../../types/primitive';
|
|
2
1
|
import { QRadioGroupProps } from './types';
|
|
3
2
|
type __VLS_Props = QRadioGroupProps;
|
|
4
3
|
type __VLS_PublicProps = {
|
|
5
|
-
modelValue?:
|
|
4
|
+
modelValue?: any;
|
|
6
5
|
} & __VLS_Props;
|
|
7
6
|
declare function __VLS_template(): {
|
|
8
7
|
attrs: Partial<{}>;
|
|
@@ -15,9 +14,9 @@ declare function __VLS_template(): {
|
|
|
15
14
|
};
|
|
16
15
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
16
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
-
"update:modelValue": (value:
|
|
17
|
+
"update:modelValue": (value: any) => any;
|
|
19
18
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
20
|
-
"onUpdate:modelValue"?: ((value:
|
|
19
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
21
20
|
}>, {
|
|
22
21
|
size: import('./types').QRadioButtonSize;
|
|
23
22
|
orientation: import('./types').QRadioButtonOrientation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioGroup.vue"],"names":[],"mappings":"AAsBA;
|
|
1
|
+
{"version":3,"file":"QRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRadioGroup/QRadioGroup.vue"],"names":[],"mappings":"AAsBA;AA+FC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAsDrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;yBAZrB,GAAG;wBACJ,GAAG;;;;EAgB9B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;6EAQnB,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,12 +1,12 @@
|
|
|
1
|
-
import { defineComponent as b, mergeModels as y, useModel as g, watch as
|
|
1
|
+
import { defineComponent as b, mergeModels as y, useModel as g, watch as q, computed as d, toRef as r, createElementBlock as n, openBlock as a, normalizeClass as B, createBlock as _, createCommentVNode as u, createElementVNode as h, unref as l, mergeProps as z, renderSlot as m } from "vue";
|
|
2
2
|
import { QLabel as k } from "../QLabel/index.js";
|
|
3
3
|
import { provideDefaults as V } from "../../composables/defaults.js";
|
|
4
|
-
import { useGroup as $ } from "../../composables/group.js";
|
|
5
4
|
import { useId as c } from "../../composables/uid.js";
|
|
5
|
+
import { useGroup as $ } from "../../composables/useGroup/index.js";
|
|
6
6
|
const C = ["id"], M = {
|
|
7
7
|
key: 1,
|
|
8
8
|
class: "q-field__extras"
|
|
9
|
-
},
|
|
9
|
+
}, x = /* @__PURE__ */ b({
|
|
10
10
|
inheritAttrs: !1,
|
|
11
11
|
__name: "QRadioGroup",
|
|
12
12
|
props: /* @__PURE__ */ y({
|
|
@@ -22,13 +22,13 @@ const C = ["id"], M = {
|
|
|
22
22
|
invalid: { type: Boolean },
|
|
23
23
|
name: {}
|
|
24
24
|
}, {
|
|
25
|
-
modelValue: {
|
|
25
|
+
modelValue: {},
|
|
26
26
|
modelModifiers: {}
|
|
27
27
|
}),
|
|
28
28
|
emits: ["update:modelValue"],
|
|
29
29
|
setup(t) {
|
|
30
30
|
const e = t, i = g(t, "modelValue"), { active: p } = $({ active: i });
|
|
31
|
-
|
|
31
|
+
q(p, (o) => {
|
|
32
32
|
i.value = o;
|
|
33
33
|
});
|
|
34
34
|
const s = c(e.id), f = d(() => c(e.name)), v = d(() => [
|
|
@@ -46,10 +46,10 @@ const C = ["id"], M = {
|
|
|
46
46
|
invalid: r(e, "invalid"),
|
|
47
47
|
name: f
|
|
48
48
|
}
|
|
49
|
-
}), (o,
|
|
49
|
+
}), (o, Q) => (a(), n(
|
|
50
50
|
"div",
|
|
51
51
|
{
|
|
52
|
-
class:
|
|
52
|
+
class: B(v.value)
|
|
53
53
|
},
|
|
54
54
|
[
|
|
55
55
|
e.label ? (a(), _(l(k), {
|
|
@@ -75,5 +75,5 @@ const C = ["id"], M = {
|
|
|
75
75
|
}
|
|
76
76
|
});
|
|
77
77
|
export {
|
|
78
|
-
|
|
78
|
+
x as default
|
|
79
79
|
};
|