@quidgest/ui 0.14.20 → 0.15.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/ui.css +206 -215
- package/dist/ui.esm.js +2024 -1993
- package/dist/ui.js +8 -8
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +652 -651
- package/dist/ui.scss +201 -169
- package/esm/components/QBadge/QBadge.d.ts.map +1 -1
- package/esm/components/QBadge/QBadge.vue.js +32 -33
- package/esm/components/QBadge/types.d.ts +5 -5
- package/esm/components/QBadge/types.d.ts.map +1 -1
- package/esm/components/QButton/QButton.d.ts +3 -1
- package/esm/components/QButton/QButton.d.ts.map +1 -1
- package/esm/components/QButton/QButton.vue.js +56 -61
- package/esm/components/QButton/index.d.ts +9 -3
- package/esm/components/QButton/index.d.ts.map +1 -1
- package/esm/components/QButton/types.d.ts +22 -11
- package/esm/components/QButton/types.d.ts.map +1 -1
- package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
- package/esm/components/QButtonGroup/QButtonGroup.vue.js +5 -6
- package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +1 -1
- package/esm/components/QButtonToggle/QButtonToggle.vue.js +7 -8
- package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -1
- package/esm/components/QCollapsible/QCollapsible.vue.js +15 -14
- package/esm/components/QCombobox/QCombobox.d.ts +24 -12
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +19 -18
- package/esm/components/QCombobox/index.d.ts +12 -6
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +10 -10
- package/esm/components/QDialog/types.js +3 -3
- package/esm/components/QIcon/QIcon.vue.js +14 -14
- package/esm/components/QMeter/QMeter.vue.js +19 -19
- package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListGroup.vue.js +15 -16
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +29 -28
- package/esm/components/__internal__/QClearButton/QClearButton.d.ts.map +1 -1
- package/esm/components/__internal__/QClearButton/QClearButton.vue.js +12 -11
- package/esm/composables/useColor/index.d.ts +33 -0
- package/esm/composables/useColor/index.d.ts.map +1 -0
- package/esm/composables/useColor/index.js +39 -0
- package/esm/composables/useColor/types.d.ts +36 -0
- package/esm/composables/useColor/types.d.ts.map +1 -0
- package/esm/templates/theme.d.ts.map +1 -1
- package/esm/templates/theme.js +13 -3
- package/esm/utils/color.d.ts +5 -0
- package/esm/utils/color.d.ts.map +1 -1
- package/package.json +1 -1
- package/esm/composables/useColorStyle/index.d.ts +0 -11
- package/esm/composables/useColorStyle/index.d.ts.map +0 -1
- package/esm/composables/useColorStyle/index.js +0 -33
- package/esm/composables/useColorStyle/types.d.ts +0 -36
- package/esm/composables/useColorStyle/types.d.ts.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as ie, mergeModels as H, useModel as S, ref as g, onMounted as ue, computed as m, watch as k, nextTick as I, createElementBlock as T, openBlock as b, Fragment as se, createVNode as M, unref as
|
|
2
|
-
import { DEFAULT_ICONS as me, DEFAULT_TEXTS as
|
|
3
|
-
import { QButton as
|
|
1
|
+
import { defineComponent as ie, mergeModels as H, useModel as S, ref as g, onMounted as ue, computed as m, watch as k, nextTick as I, createElementBlock as T, openBlock as b, Fragment as se, createVNode as M, unref as v, mergeProps as de, withModifiers as K, createSlots as re, withCtx as r, renderSlot as f, createBlock as A, createCommentVNode as j, createElementVNode as fe, toDisplayString as ce } from "vue";
|
|
2
|
+
import { DEFAULT_ICONS as me, DEFAULT_TEXTS as ve } from "./types.js";
|
|
3
|
+
import { QButton as pe } from "../QButton/index.js";
|
|
4
4
|
import { QList as be } from "../QList/index.js";
|
|
5
5
|
import { QOverlay as ye } from "../QOverlay/index.js";
|
|
6
6
|
import { QSpinnerLoader as he } from "../QSpinnerLoader/index.js";
|
|
@@ -28,7 +28,7 @@ const we = ["data-key"], xe = {
|
|
|
28
28
|
invalid: { type: Boolean },
|
|
29
29
|
placeholder: {},
|
|
30
30
|
clearable: { type: Boolean },
|
|
31
|
-
texts: { default: () =>
|
|
31
|
+
texts: { default: () => ve },
|
|
32
32
|
items: {},
|
|
33
33
|
groups: { default: () => [] },
|
|
34
34
|
itemValue: { default: "key" },
|
|
@@ -50,7 +50,7 @@ const we = ["data-key"], xe = {
|
|
|
50
50
|
setup(w, { expose: W, emit: X }) {
|
|
51
51
|
const l = w, x = X, d = S(w, "modelValue"), i = S(w, "open"), u = S(w, "search"), a = g(void 0), c = g(null), s = g(null), V = g(null), L = g(null);
|
|
52
52
|
ue(h);
|
|
53
|
-
const q = m(() => l.clearable && !l.readonly && !l.disabled),
|
|
53
|
+
const q = m(() => l.clearable && !l.readonly && !l.disabled), p = m(() => {
|
|
54
54
|
var e;
|
|
55
55
|
return l.filterMode === "manual" || !J.value ? l.items ?? [] : ((e = l.items) == null ? void 0 : e.filter(
|
|
56
56
|
(t) => t[l.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
|
|
@@ -60,8 +60,8 @@ const we = ["data-key"], xe = {
|
|
|
60
60
|
return (e = l.items) == null ? void 0 : e.find((t) => t[l.itemValue] === d.value);
|
|
61
61
|
}), _ = m(() => y.value === void 0), C = m(() => {
|
|
62
62
|
const e = a.value;
|
|
63
|
-
if (e !== void 0 &&
|
|
64
|
-
return
|
|
63
|
+
if (e !== void 0 && p.value[e])
|
|
64
|
+
return p.value[e];
|
|
65
65
|
}), G = m(() => {
|
|
66
66
|
var t;
|
|
67
67
|
if (a.value === void 0)
|
|
@@ -94,7 +94,7 @@ const we = ["data-key"], xe = {
|
|
|
94
94
|
}
|
|
95
95
|
function U() {
|
|
96
96
|
if (D(), y.value !== void 0) {
|
|
97
|
-
const e =
|
|
97
|
+
const e = p.value.indexOf(y.value);
|
|
98
98
|
e !== -1 && I(() => O(e));
|
|
99
99
|
}
|
|
100
100
|
}
|
|
@@ -124,7 +124,7 @@ const we = ["data-key"], xe = {
|
|
|
124
124
|
if (_.value)
|
|
125
125
|
a.value = (t = s.value) == null ? void 0 : t.getFirstFocusableItemIndex();
|
|
126
126
|
else {
|
|
127
|
-
const o =
|
|
127
|
+
const o = p.value.findIndex(
|
|
128
128
|
(n) => n[l.itemValue] === d.value
|
|
129
129
|
);
|
|
130
130
|
o === -1 ? a.value = (e = s.value) == null ? void 0 : e.getFirstFocusableItemIndex() : a.value = o;
|
|
@@ -191,7 +191,7 @@ const we = ["data-key"], xe = {
|
|
|
191
191
|
se,
|
|
192
192
|
null,
|
|
193
193
|
[
|
|
194
|
-
M(
|
|
194
|
+
M(v(ge), de({
|
|
195
195
|
id: l.id,
|
|
196
196
|
ref_key: "triggerEl",
|
|
197
197
|
ref: c,
|
|
@@ -231,26 +231,27 @@ const we = ["data-key"], xe = {
|
|
|
231
231
|
]),
|
|
232
232
|
append: r(() => [
|
|
233
233
|
f(e.$slots, "append"),
|
|
234
|
-
q.value && u.value ? (b(), A(
|
|
234
|
+
q.value && u.value ? (b(), A(v(Ie), {
|
|
235
235
|
key: 0,
|
|
236
236
|
icons: l.icons,
|
|
237
237
|
texts: l.texts,
|
|
238
238
|
onClick: Z
|
|
239
239
|
}, null, 8, ["icons", "texts"])) : j("v-if", !0),
|
|
240
|
-
l.readonly ? j("v-if", !0) : (b(), A(
|
|
240
|
+
l.readonly ? j("v-if", !0) : (b(), A(v(pe), {
|
|
241
241
|
key: 1,
|
|
242
242
|
ref_key: "toggleRef",
|
|
243
243
|
ref: V,
|
|
244
244
|
class: "q-combobox__chevron",
|
|
245
245
|
"aria-label": l.texts.showOptions,
|
|
246
|
-
|
|
246
|
+
variant: "text",
|
|
247
|
+
color: "neutral",
|
|
247
248
|
borderless: "",
|
|
248
249
|
tabindex: "-1",
|
|
249
250
|
disabled: l.disabled,
|
|
250
251
|
onMousedown: K(Y, ["stop", "prevent"])
|
|
251
252
|
}, {
|
|
252
253
|
default: r(() => [
|
|
253
|
-
M(
|
|
254
|
+
M(v(ke), {
|
|
254
255
|
"model-value": i.value,
|
|
255
256
|
icons: l.icons
|
|
256
257
|
}, null, 8, ["model-value", "icons"])
|
|
@@ -277,7 +278,7 @@ const we = ["data-key"], xe = {
|
|
|
277
278
|
key: "1"
|
|
278
279
|
} : void 0
|
|
279
280
|
]), 1040, ["id", "modelValue", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
|
|
280
|
-
M(
|
|
281
|
+
M(v(ye), {
|
|
281
282
|
modelValue: i.value,
|
|
282
283
|
"onUpdate:modelValue": t[1] || (t[1] = (n) => i.value = n),
|
|
283
284
|
spy: "",
|
|
@@ -303,8 +304,8 @@ const we = ["data-key"], xe = {
|
|
|
303
304
|
}, [
|
|
304
305
|
f(e.$slots, "body.prepend"),
|
|
305
306
|
l.loading ? (b(), T("div", xe, [
|
|
306
|
-
M(
|
|
307
|
-
])) :
|
|
307
|
+
M(v(he), { size: 24 })
|
|
308
|
+
])) : p.value.length ? (b(), A(v(be), {
|
|
308
309
|
key: 1,
|
|
309
310
|
ref_key: "listRef",
|
|
310
311
|
ref: s,
|
|
@@ -312,7 +313,7 @@ const we = ["data-key"], xe = {
|
|
|
312
313
|
class: "q-select__items",
|
|
313
314
|
selectable: "",
|
|
314
315
|
highlighted: (n = C.value) == null ? void 0 : n[l.itemValue],
|
|
315
|
-
items:
|
|
316
|
+
items: p.value,
|
|
316
317
|
groups: e.groups,
|
|
317
318
|
"item-label": l.itemLabel,
|
|
318
319
|
"item-value": l.itemValue,
|
|
@@ -619,16 +619,18 @@ declare const QCombobox: {
|
|
|
619
619
|
$props: {
|
|
620
620
|
readonly id?: string | undefined;
|
|
621
621
|
readonly class?: string | unknown[] | undefined;
|
|
622
|
-
readonly active?: boolean | undefined;
|
|
623
|
-
readonly bStyle?: import('../QButton/types').QButtonVariant | undefined;
|
|
624
622
|
readonly label?: string | undefined;
|
|
623
|
+
readonly variant?: import('../QButton/types').QButtonVariant | undefined;
|
|
624
|
+
readonly color?: string | undefined;
|
|
625
625
|
readonly disabled?: boolean | undefined;
|
|
626
|
-
readonly iconOnRight?: boolean | undefined;
|
|
627
626
|
readonly borderless?: boolean | undefined;
|
|
628
627
|
readonly elevated?: boolean | undefined;
|
|
629
628
|
readonly block?: boolean | undefined;
|
|
630
629
|
readonly loading?: boolean | undefined;
|
|
631
630
|
readonly size?: import('../QButton/types').QButtonSize | undefined;
|
|
631
|
+
readonly iconPos?: import('../QButton/types').QButtonIconPosition | undefined;
|
|
632
|
+
readonly active?: boolean | undefined;
|
|
633
|
+
readonly pill?: boolean | undefined;
|
|
632
634
|
readonly onClick?: ((event: Event) => any) | undefined;
|
|
633
635
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
634
636
|
$attrs: {
|
|
@@ -651,7 +653,9 @@ declare const QCombobox: {
|
|
|
651
653
|
click: (event: Event) => any;
|
|
652
654
|
}, string, {
|
|
653
655
|
size: import('../QButton/types').QButtonSize;
|
|
654
|
-
|
|
656
|
+
color: string;
|
|
657
|
+
variant: import('../QButton/types').QButtonVariant;
|
|
658
|
+
iconPos: import('../QButton/types').QButtonIconPosition;
|
|
655
659
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
656
660
|
beforeCreate?: (() => void) | (() => void)[];
|
|
657
661
|
created?: (() => void) | (() => void)[];
|
|
@@ -674,10 +678,12 @@ declare const QCombobox: {
|
|
|
674
678
|
$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;
|
|
675
679
|
} & Readonly<{
|
|
676
680
|
size: import('../QButton/types').QButtonSize;
|
|
677
|
-
|
|
681
|
+
color: string;
|
|
682
|
+
variant: import('../QButton/types').QButtonVariant;
|
|
683
|
+
iconPos: import('../QButton/types').QButtonIconPosition;
|
|
678
684
|
}> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
|
|
679
685
|
onClick?: ((event: Event) => any) | undefined;
|
|
680
|
-
}>, "size" | "
|
|
686
|
+
}>, "size" | "color" | "variant" | "iconPos"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
681
687
|
$slots: {
|
|
682
688
|
default?(_: {}): any;
|
|
683
689
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAI+vzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as C, mergeModels as q, useModel as T, createBlock as s, openBlock as o, unref as t, withCtx as r, createElementVNode as i, normalizeClass as D, renderSlot as c, createCommentVNode as u, toDisplayString as y, createVNode as k, normalizeProps as h, guardReactiveProps as g, createElementBlock as n, Fragment as L, renderList as N, mergeProps as v } from "vue";
|
|
2
|
-
import { QButton as
|
|
2
|
+
import { QButton as B } from "../QButton/index.js";
|
|
3
3
|
import { QIcon as _ } from "../QIcon/index.js";
|
|
4
4
|
import { QOverlay as V } from "../QOverlay/index.js";
|
|
5
|
-
import { DEFAULT_ICONS as
|
|
5
|
+
import { DEFAULT_ICONS as x, DEFAULT_BUTTONS as E, DEFAULT_ICON as M } from "./types.js";
|
|
6
6
|
const A = { class: "q-dialog__header" }, F = { class: "q-dialog__header-title" }, O = { class: "q-dialog__body" }, Q = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "q-dialog__body-icon"
|
|
@@ -13,14 +13,14 @@ const A = { class: "q-dialog__header" }, F = { class: "q-dialog__header-title" }
|
|
|
13
13
|
class: {},
|
|
14
14
|
title: {},
|
|
15
15
|
text: {},
|
|
16
|
-
icon: { default: () =>
|
|
17
|
-
buttons: { default: () =>
|
|
16
|
+
icon: { default: () => M },
|
|
17
|
+
buttons: { default: () => E },
|
|
18
18
|
attach: { default: "body" },
|
|
19
19
|
inline: { type: Boolean },
|
|
20
20
|
backdropBlur: { type: Boolean, default: !0 },
|
|
21
21
|
dismissible: { type: Boolean },
|
|
22
22
|
html: { type: Boolean, default: !0 },
|
|
23
|
-
icons: { default: () =>
|
|
23
|
+
icons: { default: () => x }
|
|
24
24
|
}, {
|
|
25
25
|
modelValue: { type: Boolean },
|
|
26
26
|
modelModifiers: {}
|
|
@@ -31,7 +31,7 @@ const A = { class: "q-dialog__header" }, F = { class: "q-dialog__header-title" }
|
|
|
31
31
|
function f() {
|
|
32
32
|
m.value = !1;
|
|
33
33
|
}
|
|
34
|
-
function
|
|
34
|
+
function b(l) {
|
|
35
35
|
var d;
|
|
36
36
|
(d = l.action) == null || d.call(l), f();
|
|
37
37
|
}
|
|
@@ -60,9 +60,9 @@ const A = { class: "q-dialog__header" }, F = { class: "q-dialog__header-title" }
|
|
|
60
60
|
1
|
|
61
61
|
/* TEXT */
|
|
62
62
|
),
|
|
63
|
-
e.dismissible ? (o(), s(t(
|
|
63
|
+
e.dismissible ? (o(), s(t(B), {
|
|
64
64
|
key: 0,
|
|
65
|
-
|
|
65
|
+
variant: "text",
|
|
66
66
|
onClick: f
|
|
67
67
|
}, {
|
|
68
68
|
default: r(() => [
|
|
@@ -110,9 +110,9 @@ const A = { class: "q-dialog__header" }, F = { class: "q-dialog__header-title" }
|
|
|
110
110
|
(o(!0), n(
|
|
111
111
|
L,
|
|
112
112
|
null,
|
|
113
|
-
N(e.buttons, (a) => (o(), s(t(
|
|
113
|
+
N(e.buttons, (a) => (o(), s(t(B), v({ ref_for: !0 }, a.props, {
|
|
114
114
|
key: a.id,
|
|
115
|
-
onClick: () =>
|
|
115
|
+
onClick: () => b(a)
|
|
116
116
|
}), {
|
|
117
117
|
default: r(() => [
|
|
118
118
|
a.icon ? (o(), s(
|
|
@@ -5,13 +5,13 @@ const c = [
|
|
|
5
5
|
icon: "check"
|
|
6
6
|
},
|
|
7
7
|
props: {
|
|
8
|
-
|
|
8
|
+
variant: "bold",
|
|
9
9
|
label: "Ok"
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
], o = {
|
|
13
13
|
icon: "check-circle-outline"
|
|
14
|
-
},
|
|
14
|
+
}, n = {
|
|
15
15
|
close: {
|
|
16
16
|
icon: "close"
|
|
17
17
|
}
|
|
@@ -19,5 +19,5 @@ const c = [
|
|
|
19
19
|
export {
|
|
20
20
|
c as DEFAULT_BUTTONS,
|
|
21
21
|
o as DEFAULT_ICON,
|
|
22
|
-
|
|
22
|
+
n as DEFAULT_ICONS
|
|
23
23
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as i, computed as n, toRef as l, createBlock as a, openBlock as u, resolveDynamicComponent as d, normalizeStyle as m, normalizeClass as p } from "vue";
|
|
2
2
|
import { QIconImg as f, QIconFont as y, QIconSvg as v } from "./index.js";
|
|
3
|
-
import {
|
|
4
|
-
const
|
|
3
|
+
import { useColor as z } from "../../composables/useColor/index.js";
|
|
4
|
+
const Q = /* @__PURE__ */ i({
|
|
5
5
|
__name: "QIcon",
|
|
6
6
|
props: {
|
|
7
7
|
id: {},
|
|
@@ -12,8 +12,8 @@ const S = /* @__PURE__ */ s({
|
|
|
12
12
|
color: {}
|
|
13
13
|
},
|
|
14
14
|
setup(c) {
|
|
15
|
-
const
|
|
16
|
-
switch (
|
|
15
|
+
const e = c, t = n(() => {
|
|
16
|
+
switch (e.type) {
|
|
17
17
|
case "svg":
|
|
18
18
|
return v;
|
|
19
19
|
case "font":
|
|
@@ -23,21 +23,21 @@ const S = /* @__PURE__ */ s({
|
|
|
23
23
|
default:
|
|
24
24
|
return;
|
|
25
25
|
}
|
|
26
|
-
}),
|
|
27
|
-
var
|
|
26
|
+
}), { style: s } = z(l(e, "color")), r = n(() => {
|
|
27
|
+
var o;
|
|
28
28
|
return {
|
|
29
|
-
"font-size":
|
|
30
|
-
color:
|
|
29
|
+
"font-size": e.size !== void 0 ? `${e.size}px` : void 0,
|
|
30
|
+
color: e.color !== void 0 && e.color !== "primary" ? (o = s.value) == null ? void 0 : o.mainColor : void 0
|
|
31
31
|
};
|
|
32
32
|
});
|
|
33
|
-
return (
|
|
34
|
-
id:
|
|
35
|
-
class: p(
|
|
36
|
-
icon:
|
|
33
|
+
return (o, _) => (u(), a(d(t.value), {
|
|
34
|
+
id: e.id,
|
|
35
|
+
class: p(e.class),
|
|
36
|
+
icon: e.icon,
|
|
37
37
|
style: m(r.value)
|
|
38
38
|
}, null, 8, ["id", "class", "icon", "style"]));
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
41
|
export {
|
|
42
|
-
|
|
42
|
+
Q as default
|
|
43
43
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { QLabel as
|
|
3
|
-
import {
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as v, mergeModels as b, useModel as f, computed as t, toRef as h, createElementBlock as p, openBlock as x, normalizeClass as L, createElementVNode as o, createVNode as n, unref as c, normalizeStyle as M } from "vue";
|
|
2
|
+
import { QLabel as m } from "../QLabel/index.js";
|
|
3
|
+
import { useColor as q } from "../../composables/useColor/index.js";
|
|
4
|
+
const y = ["id"], C = { class: "q-meter__labels" }, V = { class: "q-meter__track" }, z = /* @__PURE__ */ v({
|
|
5
5
|
__name: "QMeter",
|
|
6
|
-
props: /* @__PURE__ */
|
|
6
|
+
props: /* @__PURE__ */ b({
|
|
7
7
|
id: {},
|
|
8
8
|
class: {},
|
|
9
9
|
label: {},
|
|
@@ -17,44 +17,44 @@ const M = ["id"], g = { class: "q-meter__labels" }, k = { class: "q-meter__track
|
|
|
17
17
|
}),
|
|
18
18
|
emits: ["update:modelValue"],
|
|
19
19
|
setup(r) {
|
|
20
|
-
const e = r, s = f(r, "modelValue"),
|
|
21
|
-
var
|
|
20
|
+
const e = r, s = f(r, "modelValue"), u = t(() => s.value / e.max * 100), { style: d } = q(h(e, "color")), i = t(() => {
|
|
21
|
+
var a;
|
|
22
22
|
return {
|
|
23
|
-
width: `${Math.max(0, Math.min(
|
|
24
|
-
backgroundColor: (
|
|
23
|
+
width: `${Math.max(0, Math.min(u.value, 100))}%`,
|
|
24
|
+
backgroundColor: (a = d.value) == null ? void 0 : a.mainColor
|
|
25
25
|
};
|
|
26
|
-
}), _ =
|
|
26
|
+
}), _ = t(() => {
|
|
27
27
|
var l;
|
|
28
28
|
return typeof e.valueLabel == "string" ? e.valueLabel : (l = e.valueLabel) == null ? void 0 : l.call(e, s.value, e.max);
|
|
29
29
|
});
|
|
30
|
-
return (l,
|
|
30
|
+
return (l, a) => (x(), p("div", {
|
|
31
31
|
id: e.id,
|
|
32
|
-
class:
|
|
32
|
+
class: L(["q-meter", e.class])
|
|
33
33
|
}, [
|
|
34
|
-
o("div",
|
|
35
|
-
n(c(
|
|
34
|
+
o("div", C, [
|
|
35
|
+
n(c(m), {
|
|
36
36
|
label: e.label
|
|
37
37
|
}, null, 8, ["label"]),
|
|
38
|
-
n(c(
|
|
38
|
+
n(c(m), {
|
|
39
39
|
label: _.value,
|
|
40
40
|
class: "q-meter__value-label"
|
|
41
41
|
}, null, 8, ["label"])
|
|
42
42
|
]),
|
|
43
|
-
o("div",
|
|
43
|
+
o("div", V, [
|
|
44
44
|
o(
|
|
45
45
|
"div",
|
|
46
46
|
{
|
|
47
47
|
class: "q-meter__fill",
|
|
48
|
-
style:
|
|
48
|
+
style: M(i.value)
|
|
49
49
|
},
|
|
50
50
|
null,
|
|
51
51
|
4
|
|
52
52
|
/* STYLE */
|
|
53
53
|
)
|
|
54
54
|
])
|
|
55
|
-
], 10,
|
|
55
|
+
], 10, y));
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
58
|
export {
|
|
59
|
-
|
|
59
|
+
z as default
|
|
60
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QPropertyListGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListGroup.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QPropertyListGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListGroup.vue"],"names":[],"mappings":"AAsBA;AAwEC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;AA0HxC,wBASG"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as m, ref as g, computed as
|
|
2
|
-
import { QButton as
|
|
3
|
-
import { QIcon as
|
|
1
|
+
import { defineComponent as m, ref as g, computed as i, createElementBlock as _, openBlock as l, unref as o, normalizeClass as f, createElementVNode as s, createBlock as v, createCommentVNode as y, createTextVNode as k, withCtx as x, createVNode as C, normalizeProps as T, guardReactiveProps as h, toDisplayString as B } from "vue";
|
|
2
|
+
import { QButton as N } from "../QButton/index.js";
|
|
3
|
+
import { QIcon as b } from "../QIcon/index.js";
|
|
4
4
|
import { useId as V } from "../../composables/uid.js";
|
|
5
5
|
import { DEFAULT_ICONS as q } from "./types.js";
|
|
6
6
|
const E = ["id", "aria-labelledby"], I = ["id"], P = { class: "q-property-list-group__content" }, A = /* @__PURE__ */ m({
|
|
@@ -15,37 +15,36 @@ const E = ["id", "aria-labelledby"], I = ["id"], P = { class: "q-property-list-g
|
|
|
15
15
|
},
|
|
16
16
|
emits: ["click"],
|
|
17
17
|
setup(c, { emit: a }) {
|
|
18
|
-
const e = c, p = a, t = g(!0), r = V(), u =
|
|
18
|
+
const e = c, p = a, t = g(!0), r = V(), u = i(() => t.value ? e.icons.open : e.icons.close), d = i(() => [
|
|
19
19
|
"q-property-list-group",
|
|
20
20
|
{
|
|
21
21
|
"q-property-list-group--no-toggle": e.noToggle
|
|
22
22
|
},
|
|
23
23
|
e.class
|
|
24
24
|
]);
|
|
25
|
-
function
|
|
25
|
+
function n() {
|
|
26
26
|
e.noToggle || (t.value = !t.value, p("click"));
|
|
27
27
|
}
|
|
28
|
-
return (Q, z) => (
|
|
28
|
+
return (Q, z) => (l(), _("tr", {
|
|
29
29
|
id: e.id,
|
|
30
30
|
class: f(d.value),
|
|
31
31
|
role: "group",
|
|
32
32
|
"aria-labelledby": o(r),
|
|
33
|
-
onClick:
|
|
33
|
+
onClick: n
|
|
34
34
|
}, [
|
|
35
|
-
|
|
35
|
+
s("td", {
|
|
36
36
|
id: o(r),
|
|
37
37
|
colspan: "2"
|
|
38
38
|
}, [
|
|
39
|
-
|
|
40
|
-
e.noToggle ?
|
|
39
|
+
s("div", P, [
|
|
40
|
+
e.noToggle ? y("v-if", !0) : (l(), v(o(N), {
|
|
41
41
|
key: 0,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
onClick: s
|
|
42
|
+
variant: "text",
|
|
43
|
+
onClick: n
|
|
45
44
|
}, {
|
|
46
|
-
default:
|
|
45
|
+
default: x(() => [
|
|
47
46
|
C(
|
|
48
|
-
o(
|
|
47
|
+
o(b),
|
|
49
48
|
T(h(u.value)),
|
|
50
49
|
null,
|
|
51
50
|
16
|
|
@@ -56,7 +55,7 @@ const E = ["id", "aria-labelledby"], I = ["id"], P = { class: "q-property-list-g
|
|
|
56
55
|
/* STABLE */
|
|
57
56
|
})),
|
|
58
57
|
k(
|
|
59
|
-
" " +
|
|
58
|
+
" " + B(e.title),
|
|
60
59
|
1
|
|
61
60
|
/* TEXT */
|
|
62
61
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAyHA;AAoUC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAatD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAEpD,KAAK,WAAW,GAAG,YAAY,CAAC;AA8LjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4TT,OAAO,IAA6B;;yBAnBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAiEpB,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAHE,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHE,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAjDhB;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAWF,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAHE,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHE,GAAG,8CACU,GAC/B,yBAA0B,GAAE,6DACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OALf,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"}
|