@quidgest/ui 0.12.1 → 0.13.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 +2 -0
- package/dist/ui.css +161 -0
- package/dist/ui.esm.js +1066 -873
- package/dist/ui.js +6 -6
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +134 -127
- package/dist/ui.scss +117 -1
- package/esm/components/QBadge/QBadge.d.ts +72 -0
- package/esm/components/QBadge/QBadge.d.ts.map +1 -0
- package/esm/components/QBadge/QBadge.vue.js +87 -0
- package/esm/components/QBadge/QBadge.vue2.js +4 -0
- package/esm/components/QBadge/index.d.ts +119 -0
- package/esm/components/QBadge/index.d.ts.map +1 -0
- package/esm/components/QBadge/index.js +6 -0
- package/esm/components/QButton/QButton.vue.js +14 -15
- package/esm/components/QButton/index.d.ts +198 -1
- package/esm/components/QButton/index.d.ts.map +1 -1
- package/esm/components/QButton/index.js +6 -0
- package/esm/components/QButtonGroup/index.d.ts +79 -2
- package/esm/components/QButtonGroup/index.d.ts.map +1 -1
- package/esm/components/QButtonGroup/index.js +6 -0
- package/esm/components/QButtonToggle/QButtonToggle.vue.js +17 -17
- package/esm/components/QButtonToggle/index.d.ts +115 -2
- package/esm/components/QButtonToggle/index.d.ts.map +1 -1
- package/esm/components/QButtonToggle/index.js +6 -0
- package/esm/components/QCombobox/QCombobox.d.ts +10 -10
- package/esm/components/QCombobox/QCombobox.vue.js +106 -111
- package/esm/components/QCombobox/index.d.ts +1083 -2
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QCombobox/index.js +6 -0
- package/esm/components/QDialog/QDialog.d.ts +180 -0
- package/esm/components/QDialog/QDialog.d.ts.map +1 -0
- package/esm/components/QDialog/QDialog.vue.js +146 -0
- package/esm/components/QDialog/QDialog.vue2.js +4 -0
- package/esm/components/QDialog/index.d.ts +237 -0
- package/esm/components/QDialog/index.d.ts.map +1 -0
- package/esm/components/QDialog/index.js +6 -0
- package/esm/components/QField/index.d.ts +168 -1
- package/esm/components/QField/index.d.ts.map +1 -1
- package/esm/components/QField/index.js +2 -2
- package/esm/components/QIcon/QIcon.vue.js +9 -12
- package/esm/components/QIcon/index.d.ts +156 -4
- package/esm/components/QIcon/index.d.ts.map +1 -1
- package/esm/components/QIcon/index.js +8 -11
- package/esm/components/QInputGroup/QInputGroup.vue.js +25 -27
- package/esm/components/QInputGroup/index.d.ts +153 -2
- package/esm/components/QInputGroup/index.d.ts.map +1 -1
- package/esm/components/QInputGroup/index.js +6 -0
- package/esm/components/QLineLoader/index.d.ts +13 -2
- package/esm/components/QLineLoader/index.d.ts.map +1 -1
- package/esm/components/QLineLoader/index.js +6 -0
- package/esm/components/QList/QList.vue.js +43 -45
- package/esm/components/QList/QListItem.vue.js +9 -10
- package/esm/components/QList/index.d.ts +418 -3
- package/esm/components/QList/index.d.ts.map +1 -1
- package/esm/components/QList/index.js +8 -10
- package/esm/components/QOverlay/index.d.ts +320 -2
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QOverlay/index.js +4 -4
- package/esm/components/QPopover/QPopover.vue.js +11 -12
- package/esm/components/QPopover/index.d.ts +180 -2
- package/esm/components/QPopover/index.d.ts.map +1 -1
- package/esm/components/QPopover/index.js +6 -0
- package/esm/components/QSelect/QSelect.vue.js +68 -73
- package/esm/components/QSelect/index.d.ts +377 -2
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QSelect/index.js +6 -0
- package/esm/components/QSkeletonLoader/index.d.ts +31 -2
- package/esm/components/QSkeletonLoader/index.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/index.js +6 -0
- package/esm/components/QSpinnerLoader/index.d.ts +22 -2
- package/esm/components/QSpinnerLoader/index.d.ts.map +1 -1
- package/esm/components/QSpinnerLoader/index.js +4 -4
- package/esm/components/QTextField/QTextField.d.ts +5 -5
- package/esm/components/QTextField/QTextField.vue.js +7 -8
- package/esm/components/QTextField/index.d.ts +229 -2
- package/esm/components/QTextField/index.d.ts.map +1 -1
- package/esm/components/QTextField/index.js +2 -2
- package/esm/components/QThemeProvider/index.d.ts +37 -2
- package/esm/components/QThemeProvider/index.d.ts.map +1 -1
- package/esm/components/QThemeProvider/index.js +6 -0
- package/esm/components/QTooltip/QTooltip.vue.js +8 -9
- package/esm/components/QTooltip/index.d.ts +259 -2
- package/esm/components/QTooltip/index.d.ts.map +1 -1
- package/esm/components/QTooltip/index.js +6 -0
- package/esm/components/index.d.ts +2 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +43 -44
- package/esm/composables/defaults.js +5 -5
- package/esm/index.d.ts +2 -0
- package/esm/utils/color.d.ts +7 -1
- package/esm/utils/color.d.ts.map +1 -1
- package/esm/utils/color.js +54 -9
- package/package.json +1 -1
|
@@ -1,4 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
declare const QLineLoader: import('vue').DefineComponent<{
|
|
2
|
+
class: {
|
|
3
|
+
type: import('vue').PropType<string | unknown[]>;
|
|
4
|
+
default: undefined;
|
|
5
|
+
};
|
|
6
|
+
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
7
|
+
class: {
|
|
8
|
+
type: import('vue').PropType<string | unknown[]>;
|
|
9
|
+
default: undefined;
|
|
10
|
+
};
|
|
11
|
+
}>>, {
|
|
12
|
+
class: string | unknown[];
|
|
13
|
+
}, {}>;
|
|
3
14
|
export { QLineLoader };
|
|
4
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QLineLoader/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QLineLoader/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW;;;;;;;;;;;;MAAuD,CAAA;AAGxE,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import "./index.js";
|
|
3
|
-
|
|
4
|
-
import G from "./QListItem.vue.js";
|
|
5
|
-
const X = /* @__PURE__ */ U({
|
|
1
|
+
import { defineComponent as T, mergeModels as U, useModel as G, ref as k, computed as y, openBlock as r, createBlock as g, resolveDynamicComponent as H, normalizeClass as K, withCtx as p, createElementBlock as w, Fragment as A, renderList as S, unref as V, renderSlot as N } from "vue";
|
|
2
|
+
import { QListItemGroup as R, QListItem as z } from "./index.js";
|
|
3
|
+
const P = /* @__PURE__ */ T({
|
|
6
4
|
__name: "QList",
|
|
7
|
-
props: /* @__PURE__ */
|
|
5
|
+
props: /* @__PURE__ */ U({
|
|
8
6
|
highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
9
7
|
items: {},
|
|
10
8
|
groups: { default: () => [] },
|
|
@@ -19,29 +17,29 @@ const X = /* @__PURE__ */ U({
|
|
|
19
17
|
modelModifiers: {}
|
|
20
18
|
}),
|
|
21
19
|
emits: ["update:modelValue"],
|
|
22
|
-
setup(v, { expose:
|
|
23
|
-
const
|
|
24
|
-
(e) =>
|
|
20
|
+
setup(v, { expose: F }) {
|
|
21
|
+
const s = v, a = G(v, "modelValue"), c = k(!1), L = y(() => d.value.length > 1 ? "div" : "ul"), d = y(() => s.groups.length ? s.groups.filter(
|
|
22
|
+
(e) => s.items.some((t) => t.group === e.id)
|
|
25
23
|
) : [{ id: "", title: "" }]), f = k(null);
|
|
26
24
|
function M(e) {
|
|
27
25
|
a.value = e;
|
|
28
26
|
}
|
|
29
|
-
function
|
|
27
|
+
function _() {
|
|
30
28
|
c.value = !0;
|
|
31
29
|
}
|
|
32
|
-
function
|
|
30
|
+
function B() {
|
|
33
31
|
c.value = !1;
|
|
34
32
|
}
|
|
35
|
-
function
|
|
33
|
+
function D(e) {
|
|
36
34
|
var n;
|
|
37
35
|
if ((n = f.value) != null && n.contains(e.relatedTarget))
|
|
38
36
|
return;
|
|
39
37
|
let t;
|
|
40
|
-
a.value ? t =
|
|
38
|
+
a.value ? t = s.items.findIndex((Q) => Q[s.itemValue] === a.value) : t = m();
|
|
41
39
|
const l = c.value;
|
|
42
40
|
i(t, l);
|
|
43
41
|
}
|
|
44
|
-
function
|
|
42
|
+
function E(e) {
|
|
45
43
|
switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
|
|
46
44
|
case "ArrowDown":
|
|
47
45
|
u("next");
|
|
@@ -73,25 +71,25 @@ const X = /* @__PURE__ */ U({
|
|
|
73
71
|
}
|
|
74
72
|
function i(e, t = !1) {
|
|
75
73
|
var n;
|
|
76
|
-
(n =
|
|
74
|
+
(n = o()[e]) == null || n.focus({ preventScroll: t });
|
|
77
75
|
}
|
|
78
|
-
function
|
|
76
|
+
function o() {
|
|
79
77
|
var t;
|
|
80
78
|
const e = (t = f.value) == null ? void 0 : t.querySelectorAll("li");
|
|
81
79
|
return e ? Array.from(e) : [];
|
|
82
80
|
}
|
|
83
81
|
function C(e) {
|
|
84
|
-
return
|
|
82
|
+
return o()[e];
|
|
85
83
|
}
|
|
86
84
|
function j() {
|
|
87
|
-
return
|
|
85
|
+
return o().indexOf(document.activeElement);
|
|
88
86
|
}
|
|
89
87
|
function m() {
|
|
90
|
-
const e =
|
|
88
|
+
const e = o(), t = e.find((l) => b(l));
|
|
91
89
|
return t ? e.indexOf(t) : -1;
|
|
92
90
|
}
|
|
93
91
|
function h() {
|
|
94
|
-
const e =
|
|
92
|
+
const e = o(), t = [...e].reverse().find((l) => b(l));
|
|
95
93
|
return t ? e.indexOf(t) : -1;
|
|
96
94
|
}
|
|
97
95
|
function I(e, t, l) {
|
|
@@ -102,7 +100,7 @@ const X = /* @__PURE__ */ U({
|
|
|
102
100
|
return x(t, e);
|
|
103
101
|
}
|
|
104
102
|
function x(e, t) {
|
|
105
|
-
const l =
|
|
103
|
+
const l = o();
|
|
106
104
|
if (I(e, t, l))
|
|
107
105
|
return e;
|
|
108
106
|
let n = e + (t === "next" ? 1 : -1);
|
|
@@ -117,51 +115,51 @@ const X = /* @__PURE__ */ U({
|
|
|
117
115
|
return e.tabIndex === -2;
|
|
118
116
|
}
|
|
119
117
|
function O(e) {
|
|
120
|
-
return e ?
|
|
118
|
+
return e ? s.items.filter((t) => t.group === e) : s.items;
|
|
121
119
|
}
|
|
122
|
-
return
|
|
120
|
+
return F({
|
|
123
121
|
focusItem: i,
|
|
124
122
|
getItem: C,
|
|
125
123
|
getAdjacentItemIndex: x,
|
|
126
124
|
getFirstFocusableItemIndex: m,
|
|
127
125
|
getLastFocusableItemIndex: h
|
|
128
|
-
}), (e, t) => (r(),
|
|
126
|
+
}), (e, t) => (r(), g(H(L.value), {
|
|
129
127
|
ref_key: "listRef",
|
|
130
128
|
ref: f,
|
|
131
|
-
class:
|
|
129
|
+
class: K(["q-list", { "q-list--disabled": s.disabled }, s.class]),
|
|
132
130
|
role: "listbox",
|
|
133
|
-
tabindex:
|
|
134
|
-
onFocus:
|
|
135
|
-
onMousedown:
|
|
136
|
-
onMouseup:
|
|
137
|
-
onKeydown:
|
|
131
|
+
tabindex: s.disabled ? -1 : 0,
|
|
132
|
+
onFocus: D,
|
|
133
|
+
onMousedown: _,
|
|
134
|
+
onMouseup: B,
|
|
135
|
+
onKeydown: E
|
|
138
136
|
}, {
|
|
139
|
-
default:
|
|
137
|
+
default: p(() => [
|
|
140
138
|
(r(!0), w(
|
|
141
|
-
|
|
139
|
+
A,
|
|
142
140
|
null,
|
|
143
|
-
|
|
141
|
+
S(d.value, (l) => (r(), g(V(R), {
|
|
144
142
|
key: l.id,
|
|
145
143
|
id: l.id,
|
|
146
144
|
title: d.value.length === 1 ? void 0 : l.title
|
|
147
145
|
}, {
|
|
148
|
-
default:
|
|
146
|
+
default: p(() => [
|
|
149
147
|
(r(!0), w(
|
|
150
|
-
|
|
148
|
+
A,
|
|
151
149
|
null,
|
|
152
|
-
|
|
153
|
-
key: n[
|
|
154
|
-
value: n[
|
|
155
|
-
label: n[
|
|
150
|
+
S(O(l.id), (n) => (r(), g(V(z), {
|
|
151
|
+
key: n[s.itemValue],
|
|
152
|
+
value: n[s.itemValue],
|
|
153
|
+
label: n[s.itemLabel],
|
|
156
154
|
description: n.description,
|
|
157
155
|
icon: n.icon,
|
|
158
|
-
disabled:
|
|
159
|
-
highlighted:
|
|
160
|
-
selected: a.value === n[
|
|
156
|
+
disabled: s.disabled || l.disabled || n.disabled,
|
|
157
|
+
highlighted: s.highlighted === n[s.itemValue],
|
|
158
|
+
selected: a.value === n[s.itemValue],
|
|
161
159
|
onSelect: M
|
|
162
160
|
}, {
|
|
163
|
-
default:
|
|
164
|
-
|
|
161
|
+
default: p(() => [
|
|
162
|
+
N(e.$slots, "item", { item: n })
|
|
165
163
|
]),
|
|
166
164
|
_: 2
|
|
167
165
|
/* DYNAMIC */
|
|
@@ -183,5 +181,5 @@ const X = /* @__PURE__ */ U({
|
|
|
183
181
|
}
|
|
184
182
|
});
|
|
185
183
|
export {
|
|
186
|
-
|
|
184
|
+
P as default
|
|
187
185
|
};
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import { defineComponent as v, openBlock as i, createElementBlock as a, unref as o, normalizeClass as b, withModifiers as y, createElementVNode as l, renderSlot as g, createBlock as d, normalizeProps as r, mergeProps as m, createCommentVNode as n, createTextVNode as q, toDisplayString as p, createVNode as B, guardReactiveProps as N } from "vue";
|
|
2
|
-
import "../QIcon/index.js";
|
|
2
|
+
import { QIcon as c } from "../QIcon/index.js";
|
|
3
3
|
import { useId as S } from "../../composables/uid.js";
|
|
4
|
-
import c from "../QIcon/QIcon.vue.js";
|
|
5
4
|
const C = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], x = { class: "q-list-item__container" }, D = { class: "q-list-item__content" }, E = {
|
|
6
5
|
key: 0,
|
|
7
6
|
class: "q-list-item__description"
|
|
8
|
-
},
|
|
7
|
+
}, I = { class: "q-list-item__check-container" }, P = {
|
|
9
8
|
check: {
|
|
10
9
|
icon: "check"
|
|
11
10
|
},
|
|
12
11
|
description: {
|
|
13
12
|
icon: "information-outline"
|
|
14
13
|
}
|
|
15
|
-
},
|
|
14
|
+
}, K = /* @__PURE__ */ v({
|
|
16
15
|
__name: "QListItem",
|
|
17
16
|
props: {
|
|
18
17
|
value: { type: [String, Number, Boolean, Symbol] },
|
|
@@ -20,20 +19,20 @@ const C = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], x = { c
|
|
|
20
19
|
icon: { default: void 0 },
|
|
21
20
|
selected: { type: Boolean },
|
|
22
21
|
highlighted: { type: Boolean },
|
|
23
|
-
icons: { default: () =>
|
|
22
|
+
icons: { default: () => P },
|
|
24
23
|
disabled: { type: Boolean },
|
|
25
24
|
description: { default: void 0 }
|
|
26
25
|
},
|
|
27
26
|
emits: ["select"],
|
|
28
|
-
setup(
|
|
29
|
-
const e =
|
|
27
|
+
setup(u, { emit: _ }) {
|
|
28
|
+
const e = u, f = _, h = S();
|
|
30
29
|
function s() {
|
|
31
30
|
e.disabled || f("select", e.value);
|
|
32
31
|
}
|
|
33
32
|
function k(t) {
|
|
34
33
|
t.key === "Tab" && s(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), s());
|
|
35
34
|
}
|
|
36
|
-
return (t,
|
|
35
|
+
return (t, V) => (i(), a("li", {
|
|
37
36
|
id: o(h),
|
|
38
37
|
"data-key": e.value,
|
|
39
38
|
role: "option",
|
|
@@ -85,7 +84,7 @@ const C = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], x = { c
|
|
|
85
84
|
)
|
|
86
85
|
])) : n("v-if", !0)
|
|
87
86
|
]),
|
|
88
|
-
l("div",
|
|
87
|
+
l("div", I, [
|
|
89
88
|
e.selected ? (i(), d(
|
|
90
89
|
o(c),
|
|
91
90
|
m({ key: 0 }, e.icons.check, { class: "q-list-item__check" }),
|
|
@@ -98,5 +97,5 @@ const C = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], x = { c
|
|
|
98
97
|
}
|
|
99
98
|
});
|
|
100
99
|
export {
|
|
101
|
-
|
|
100
|
+
K as default
|
|
102
101
|
};
|