@quidgest/ui 0.16.14 → 0.16.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/manifest/components.json +1 -0
- package/dist/ui.css +195 -9
- package/dist/ui.esm.js +5163 -4930
- package/dist/ui.js +12 -12
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +735 -720
- package/dist/ui.scss +215 -12
- package/esm/components/QCheckbox/QCheckbox.d.ts +6 -2
- package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckbox.vue.js +90 -79
- package/esm/components/QCheckbox/QCheckboxLabel.d.ts +2 -3
- package/esm/components/QCheckbox/QCheckboxLabel.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckboxLabel.vue.js +32 -24
- package/esm/components/QCheckbox/index.d.ts +12 -4
- package/esm/components/QCheckbox/index.d.ts.map +1 -1
- package/esm/components/QCheckbox/types.d.ts +2 -7
- package/esm/components/QCheckbox/types.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.d.ts +16 -4
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/index.d.ts +8 -2
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.d.ts +3 -1
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +151 -108
- package/esm/components/QDialog/QDialogProvider.d.ts +6 -1
- package/esm/components/QDialog/QDialogProvider.d.ts.map +1 -1
- package/esm/components/QDialog/QDialogProvider.vue.js +22 -14
- package/esm/components/QDialog/index.d.ts +11 -2
- package/esm/components/QDialog/index.d.ts.map +1 -1
- package/esm/components/QDialog/types.d.ts +31 -1
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenu.vue.js +11 -9
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +22 -6
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +171 -84
- package/esm/components/QDropdownMenu/index.d.ts +4 -0
- package/esm/components/QDropdownMenu/index.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/types.d.ts +8 -8
- package/esm/components/QDropdownMenu/types.d.ts.map +1 -1
- package/esm/components/QList/QList.d.ts +9 -0
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +73 -68
- package/esm/components/QList/index.d.ts +8 -0
- package/esm/components/QList/index.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.d.ts +16 -4
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/index.d.ts +8 -2
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QSwitch/QSwitch.d.ts +16 -0
- package/esm/components/QSwitch/QSwitch.d.ts.map +1 -0
- package/esm/components/QSwitch/QSwitch.vue.js +129 -0
- package/esm/components/QSwitch/QSwitch.vue2.js +4 -0
- package/esm/components/QSwitch/index.d.ts +33 -0
- package/esm/components/QSwitch/index.d.ts.map +1 -0
- package/esm/components/QSwitch/index.js +6 -0
- package/esm/components/QSwitch/types.d.ts +39 -0
- package/esm/components/QSwitch/types.d.ts.map +1 -0
- package/esm/components/index.d.ts +1 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +31 -29
- package/esm/composables/useDialog/index.d.ts +15 -3
- package/esm/composables/useDialog/index.d.ts.map +1 -1
- package/esm/composables/useDialog/index.js +14 -14
- package/esm/composables/useDialog/types.d.ts +6 -3
- package/esm/composables/useDialog/types.d.ts.map +1 -1
- package/esm/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { defineComponent as L, mergeModels as g, useModel as S, toRef as c, computed as w, createElementBlock as d, openBlock as i, createBlock as B, createCommentVNode as r, createElementVNode as a, unref as n, withCtx as V, createTextVNode as u, toDisplayString as h, normalizeStyle as z, normalizeClass as M, withDirectives as x, mergeProps as D, vModelCheckbox as I, Fragment as _ } from "vue";
|
|
2
|
+
import { QLabel as N } from "../QLabel/index.js";
|
|
3
|
+
import { useId as E } from "../../composables/uid.js";
|
|
4
|
+
import { useColor as q } from "../../composables/useColor/index.js";
|
|
5
|
+
const O = { class: "q-switch__container" }, P = ["id", "aria-checked", "disabled"], Q = { class: "q-switch__labels" }, $ = {
|
|
6
|
+
class: "q-switch__label q-switch__label--off",
|
|
7
|
+
"aria-hidden": "true"
|
|
8
|
+
}, A = {
|
|
9
|
+
class: "q-switch__label q-switch__label--on",
|
|
10
|
+
"aria-hidden": "true"
|
|
11
|
+
}, j = /* @__PURE__ */ L({
|
|
12
|
+
inheritAttrs: !1,
|
|
13
|
+
__name: "QSwitch",
|
|
14
|
+
props: /* @__PURE__ */ g({
|
|
15
|
+
id: {},
|
|
16
|
+
class: {},
|
|
17
|
+
label: {},
|
|
18
|
+
required: { type: Boolean },
|
|
19
|
+
showStateLabels: { type: Boolean },
|
|
20
|
+
trueLabel: { default: "On" },
|
|
21
|
+
falseLabel: { default: "Off" },
|
|
22
|
+
checkedColor: {},
|
|
23
|
+
uncheckedColor: {},
|
|
24
|
+
disabled: { type: Boolean },
|
|
25
|
+
readonly: { type: Boolean },
|
|
26
|
+
size: { default: "medium" }
|
|
27
|
+
}, {
|
|
28
|
+
modelValue: { type: Boolean },
|
|
29
|
+
modelModifiers: {}
|
|
30
|
+
}),
|
|
31
|
+
emits: ["update:modelValue"],
|
|
32
|
+
setup(m) {
|
|
33
|
+
const e = m, l = S(m, "modelValue"), v = (t) => {
|
|
34
|
+
e.readonly && (t.preventDefault(), t.stopImmediatePropagation(), t.target.checked = !!l.value);
|
|
35
|
+
}, b = E(c(e, "id")), { style: f } = q(c(e, "checkedColor")), { style: p } = q(c(e, "uncheckedColor")), y = w(() => [
|
|
36
|
+
"q-switch",
|
|
37
|
+
e.size !== "medium" ? `q-switch--${e.size}` : void 0,
|
|
38
|
+
{
|
|
39
|
+
"q-switch--checked": l.value,
|
|
40
|
+
"q-switch--disabled": e.disabled,
|
|
41
|
+
"q-switch--readonly": e.readonly,
|
|
42
|
+
"q-switch--with-labels": e.showStateLabels && (e.trueLabel || e.falseLabel)
|
|
43
|
+
},
|
|
44
|
+
e.class
|
|
45
|
+
]), C = w(() => {
|
|
46
|
+
var t, o, s, k;
|
|
47
|
+
return {
|
|
48
|
+
"--q-switch-checked-background": (t = f.value) == null ? void 0 : t.mainColor,
|
|
49
|
+
"--q-switch-on-checked-background": (o = f.value) == null ? void 0 : o.onMainColor,
|
|
50
|
+
"--q-switch-unchecked-background": (s = p.value) == null ? void 0 : s.mainColor,
|
|
51
|
+
"--q-switch-on-unchecked-background": (k = p.value) == null ? void 0 : k.onMainColor
|
|
52
|
+
};
|
|
53
|
+
});
|
|
54
|
+
return (t, o) => (i(), d("div", O, [
|
|
55
|
+
e.label ? (i(), B(n(N), {
|
|
56
|
+
key: 0,
|
|
57
|
+
for: n(b),
|
|
58
|
+
required: e.required
|
|
59
|
+
}, {
|
|
60
|
+
default: V(() => [
|
|
61
|
+
u(
|
|
62
|
+
h(e.label),
|
|
63
|
+
1
|
|
64
|
+
/* TEXT */
|
|
65
|
+
)
|
|
66
|
+
]),
|
|
67
|
+
_: 1
|
|
68
|
+
/* STABLE */
|
|
69
|
+
}, 8, ["for", "required"])) : r("v-if", !0),
|
|
70
|
+
a(
|
|
71
|
+
"div",
|
|
72
|
+
{
|
|
73
|
+
class: M(y.value),
|
|
74
|
+
style: z(C.value)
|
|
75
|
+
},
|
|
76
|
+
[
|
|
77
|
+
x(a("input", D({
|
|
78
|
+
id: n(b),
|
|
79
|
+
"onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
|
|
80
|
+
class: "q-switch__input",
|
|
81
|
+
type: "checkbox",
|
|
82
|
+
role: "switch",
|
|
83
|
+
"aria-checked": l.value,
|
|
84
|
+
disabled: e.disabled
|
|
85
|
+
}, t.$attrs, { onInput: v }), null, 16, P), [
|
|
86
|
+
[I, l.value]
|
|
87
|
+
]),
|
|
88
|
+
a("div", Q, [
|
|
89
|
+
a("span", $, [
|
|
90
|
+
e.showStateLabels ? (i(), d(
|
|
91
|
+
_,
|
|
92
|
+
{ key: 0 },
|
|
93
|
+
[
|
|
94
|
+
u(
|
|
95
|
+
h(e.falseLabel),
|
|
96
|
+
1
|
|
97
|
+
/* TEXT */
|
|
98
|
+
)
|
|
99
|
+
],
|
|
100
|
+
64
|
|
101
|
+
/* STABLE_FRAGMENT */
|
|
102
|
+
)) : r("v-if", !0)
|
|
103
|
+
]),
|
|
104
|
+
a("span", A, [
|
|
105
|
+
e.showStateLabels ? (i(), d(
|
|
106
|
+
_,
|
|
107
|
+
{ key: 0 },
|
|
108
|
+
[
|
|
109
|
+
u(
|
|
110
|
+
h(e.trueLabel),
|
|
111
|
+
1
|
|
112
|
+
/* TEXT */
|
|
113
|
+
)
|
|
114
|
+
],
|
|
115
|
+
64
|
|
116
|
+
/* STABLE_FRAGMENT */
|
|
117
|
+
)) : r("v-if", !0)
|
|
118
|
+
])
|
|
119
|
+
])
|
|
120
|
+
],
|
|
121
|
+
6
|
|
122
|
+
/* CLASS, STYLE */
|
|
123
|
+
)
|
|
124
|
+
]));
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
export {
|
|
128
|
+
j as default
|
|
129
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
declare const QSwitch: import('vue').DefineComponent<{
|
|
2
|
+
modelValue?: boolean;
|
|
3
|
+
} & Omit<import('..').QLabelProps, "for"> & {
|
|
4
|
+
showStateLabels?: boolean;
|
|
5
|
+
trueLabel?: string;
|
|
6
|
+
falseLabel?: string;
|
|
7
|
+
checkedColor?: string;
|
|
8
|
+
uncheckedColor?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
readonly?: boolean;
|
|
11
|
+
size?: "small" | "medium" | "large";
|
|
12
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
"update:modelValue": (value: boolean) => any;
|
|
14
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
15
|
+
modelValue?: boolean;
|
|
16
|
+
} & Omit<import('..').QLabelProps, "for"> & {
|
|
17
|
+
showStateLabels?: boolean;
|
|
18
|
+
trueLabel?: string;
|
|
19
|
+
falseLabel?: string;
|
|
20
|
+
checkedColor?: string;
|
|
21
|
+
uncheckedColor?: string;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
readonly?: boolean;
|
|
24
|
+
size?: "small" | "medium" | "large";
|
|
25
|
+
}> & Readonly<{
|
|
26
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
27
|
+
}>, {
|
|
28
|
+
size: "small" | "medium" | "large";
|
|
29
|
+
trueLabel: string;
|
|
30
|
+
falseLabel: string;
|
|
31
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
32
|
+
export { QSwitch };
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { QLabelProps } from '../QLabel';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the QSwitch component.
|
|
4
|
+
*/
|
|
5
|
+
export type QSwitchProps = Omit<QLabelProps, 'for'> & {
|
|
6
|
+
/**
|
|
7
|
+
* Whether to show labels for the switch states.
|
|
8
|
+
*/
|
|
9
|
+
showStateLabels?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Label displayed when switch is in the "true" state.
|
|
12
|
+
*/
|
|
13
|
+
trueLabel?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Label displayed when switch is in the "false" state.
|
|
16
|
+
*/
|
|
17
|
+
falseLabel?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Background color when the switch is checked (true).
|
|
20
|
+
*/
|
|
21
|
+
checkedColor?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Background color when the switch is unchecked (false).
|
|
24
|
+
*/
|
|
25
|
+
uncheckedColor?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Whether the switch is disabled.
|
|
28
|
+
*/
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Whether the switch is read-only.
|
|
32
|
+
*/
|
|
33
|
+
readonly?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Size variant of the switch.
|
|
36
|
+
*/
|
|
37
|
+
size?: 'small' | 'medium' | 'large';
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG;IACrD;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACnC,CAAA"}
|
|
@@ -32,6 +32,7 @@ export * from './QSelect';
|
|
|
32
32
|
export * from './QSidebar';
|
|
33
33
|
export * from './QSkeletonLoader';
|
|
34
34
|
export * from './QSpinnerLoader';
|
|
35
|
+
export * from './QSwitch';
|
|
35
36
|
export * from './QTextArea';
|
|
36
37
|
export * from './QTextField';
|
|
37
38
|
export * from './QThemeProvider';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
|
package/esm/components/index.js
CHANGED
|
@@ -9,10 +9,10 @@ import { QCollapsible as g } from "./QCollapsible/index.js";
|
|
|
9
9
|
import { QColorPicker as P } from "./QColorPicker/index.js";
|
|
10
10
|
import { QCombobox as b } from "./QCombobox/index.js";
|
|
11
11
|
import { QDateTimePicker as G } from "./QDateTimePicker/index.js";
|
|
12
|
-
import { QDialog as
|
|
13
|
-
import { QDismissibleLayer as
|
|
14
|
-
import { QDivider as
|
|
15
|
-
import { QDropdownMenu as
|
|
12
|
+
import { QDialog as v, QDialogProvider as y } from "./QDialog/index.js";
|
|
13
|
+
import { QDismissibleLayer as F } from "./QDismissibleLayer/index.js";
|
|
14
|
+
import { QDivider as w } from "./QDivider/index.js";
|
|
15
|
+
import { QDropdownMenu as h } from "./QDropdownMenu/index.js";
|
|
16
16
|
import { QField as A } from "./QField/index.js";
|
|
17
17
|
import { QFileUpload as O } from "./QFileUpload/index.js";
|
|
18
18
|
import { QFocusTrap as j } from "./QFocusTrap/index.js";
|
|
@@ -29,16 +29,17 @@ import { QPopover as co } from "./QPopover/index.js";
|
|
|
29
29
|
import { QPropertyList as Lo, QPropertyListGroup as uo, QPropertyListPanel as go, QPropertyListRow as Io } from "./QPropertyList/index.js";
|
|
30
30
|
import { QRadioButton as To, QRadioGroup as bo } from "./QRadioGroup/index.js";
|
|
31
31
|
import { QSelect as Go } from "./QSelect/index.js";
|
|
32
|
-
import { QSidebar as
|
|
33
|
-
import { QSkeletonLoader as
|
|
32
|
+
import { QSidebar as vo } from "./QSidebar/index.js";
|
|
33
|
+
import { QSkeletonLoader as Do } from "./QSkeletonLoader/index.js";
|
|
34
34
|
import { QSpinnerLoader as ko } from "./QSpinnerLoader/index.js";
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
35
|
+
import { QSwitch as Bo } from "./QSwitch/index.js";
|
|
36
|
+
import { QTextArea as Ro } from "./QTextArea/index.js";
|
|
37
|
+
import { QTextField as Mo } from "./QTextField/index.js";
|
|
38
|
+
import { QThemeProvider as Uo } from "./QThemeProvider/index.js";
|
|
39
|
+
import { QToast as qo, QToaster as zo } from "./QToast/index.js";
|
|
40
|
+
import { QToggle as Ho } from "./QToggle/index.js";
|
|
41
|
+
import { QToggleGroup as Ko, QToggleGroupItem as No } from "./QToggleGroup/index.js";
|
|
42
|
+
import { QTooltip as Wo } from "./QTooltip/index.js";
|
|
42
43
|
export {
|
|
43
44
|
e as QAccordion,
|
|
44
45
|
t as QAccordionItem,
|
|
@@ -55,11 +56,11 @@ export {
|
|
|
55
56
|
b as QCombobox,
|
|
56
57
|
E as QContainer,
|
|
57
58
|
G as QDateTimePicker,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
v as QDialog,
|
|
60
|
+
y as QDialogProvider,
|
|
61
|
+
F as QDismissibleLayer,
|
|
62
|
+
w as QDivider,
|
|
63
|
+
h as QDropdownMenu,
|
|
63
64
|
A as QField,
|
|
64
65
|
O as QFileUpload,
|
|
65
66
|
j as QFocusTrap,
|
|
@@ -85,17 +86,18 @@ export {
|
|
|
85
86
|
bo as QRadioGroup,
|
|
86
87
|
H as QRow,
|
|
87
88
|
Go as QSelect,
|
|
88
|
-
|
|
89
|
-
|
|
89
|
+
vo as QSidebar,
|
|
90
|
+
Do as QSkeletonLoader,
|
|
90
91
|
J as QSpacer,
|
|
91
92
|
ko as QSpinnerLoader,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
Mo as
|
|
95
|
-
Uo as
|
|
96
|
-
|
|
97
|
-
zo as
|
|
98
|
-
Ho as
|
|
99
|
-
|
|
100
|
-
No as
|
|
93
|
+
Bo as QSwitch,
|
|
94
|
+
Ro as QTextArea,
|
|
95
|
+
Mo as QTextField,
|
|
96
|
+
Uo as QThemeProvider,
|
|
97
|
+
qo as QToast,
|
|
98
|
+
zo as QToaster,
|
|
99
|
+
Ho as QToggle,
|
|
100
|
+
Ko as QToggleGroup,
|
|
101
|
+
No as QToggleGroupItem,
|
|
102
|
+
Wo as QTooltip
|
|
101
103
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { QDialogProps } from '../../components/QDialog/types.ts';
|
|
1
|
+
import { QDialogProps, QDialogOptions } from '../../components/QDialog/types.ts';
|
|
2
2
|
/**
|
|
3
3
|
* Manager for dialog models
|
|
4
4
|
*
|
|
5
5
|
* @returns Dialog state and functions
|
|
6
6
|
*/
|
|
7
7
|
export declare function useDialog(): {
|
|
8
|
-
addDialog: (props: QDialogProps, id?: string) => string;
|
|
8
|
+
addDialog: (props: QDialogProps, id?: string, options?: QDialogOptions) => string;
|
|
9
9
|
removeDialog: (id: string) => void;
|
|
10
10
|
dialogs: {
|
|
11
11
|
id: string;
|
|
@@ -33,7 +33,7 @@ export declare function useDialog(): {
|
|
|
33
33
|
color?: string | undefined;
|
|
34
34
|
} | undefined;
|
|
35
35
|
action?: {
|
|
36
|
-
(): void;
|
|
36
|
+
(value?: string): void;
|
|
37
37
|
} | undefined;
|
|
38
38
|
props: {
|
|
39
39
|
id?: string | undefined;
|
|
@@ -63,7 +63,19 @@ export declare function useDialog(): {
|
|
|
63
63
|
} | undefined;
|
|
64
64
|
size?: import('../../components/QDialog/types.ts').QDialogSize | undefined;
|
|
65
65
|
centerVertically?: boolean | undefined;
|
|
66
|
+
input?: {
|
|
67
|
+
type: string;
|
|
68
|
+
placeholder?: string | undefined;
|
|
69
|
+
validator?: ((value: string) => string | undefined) | undefined;
|
|
70
|
+
} | undefined;
|
|
66
71
|
};
|
|
72
|
+
options?: {
|
|
73
|
+
input?: {
|
|
74
|
+
type: string;
|
|
75
|
+
placeholder?: string | undefined;
|
|
76
|
+
validator?: ((value: string) => string | undefined) | undefined;
|
|
77
|
+
} | undefined;
|
|
78
|
+
} | undefined;
|
|
67
79
|
}[];
|
|
68
80
|
};
|
|
69
81
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AASrF;;;;GAIG;AACH,wBAAgB,SAAS;uBASE,YAAY,OAAO,MAAM,YAAY,cAAc;uBAgBnD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAasC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EADvE"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { reactive as
|
|
2
|
-
import { useId as
|
|
3
|
-
const
|
|
4
|
-
function
|
|
5
|
-
function
|
|
6
|
-
const
|
|
7
|
-
return
|
|
1
|
+
import { reactive as a } from "vue";
|
|
2
|
+
import { useId as r } from "../uid.js";
|
|
3
|
+
const o = a({ dialogs: [] });
|
|
4
|
+
function g() {
|
|
5
|
+
function e(d, i, n) {
|
|
6
|
+
const t = r(i);
|
|
7
|
+
return o.dialogs.push({ id: t, props: d, options: n }), t;
|
|
8
8
|
}
|
|
9
|
-
function
|
|
10
|
-
const i =
|
|
11
|
-
i !== -1 &&
|
|
9
|
+
function s(d) {
|
|
10
|
+
const i = o.dialogs.findIndex((n) => n.id === d);
|
|
11
|
+
i !== -1 && o.dialogs.splice(i, 1);
|
|
12
12
|
}
|
|
13
13
|
return {
|
|
14
|
-
...
|
|
15
|
-
addDialog:
|
|
16
|
-
removeDialog:
|
|
14
|
+
...o,
|
|
15
|
+
addDialog: e,
|
|
16
|
+
removeDialog: s
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
19
|
export {
|
|
20
|
-
|
|
20
|
+
g as useDialog
|
|
21
21
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { QDialogProps } from '../../components/QDialog/types.ts';
|
|
1
|
+
import { QDialogProps, QDialogOptions } from '../../components/QDialog/types.ts';
|
|
2
2
|
/**
|
|
3
3
|
* Represents an instance of a dialog component.
|
|
4
4
|
*/
|
|
5
|
-
type DialogInstance = {
|
|
5
|
+
export type DialogInstance = {
|
|
6
6
|
/**
|
|
7
7
|
* A unique identifier for the dialog instance.
|
|
8
8
|
*/
|
|
@@ -11,6 +11,10 @@ type DialogInstance = {
|
|
|
11
11
|
* The properties applied to the dialog, conforming to `QDialogProps`.
|
|
12
12
|
*/
|
|
13
13
|
props: QDialogProps;
|
|
14
|
+
/**
|
|
15
|
+
* The options applied to the dialog, conforming to `QDialogOptions`.
|
|
16
|
+
*/
|
|
17
|
+
options?: QDialogOptions;
|
|
14
18
|
};
|
|
15
19
|
/**
|
|
16
20
|
* Represents the state for dialog management.
|
|
@@ -21,5 +25,4 @@ export type DialogState = {
|
|
|
21
25
|
*/
|
|
22
26
|
dialogs: DialogInstance[];
|
|
23
27
|
};
|
|
24
|
-
export {};
|
|
25
28
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAErF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;CACxB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAA;CACzB,CAAA"}
|
package/esm/index.d.ts
CHANGED
|
@@ -56,6 +56,7 @@ declare module '@vue/runtime-core' {
|
|
|
56
56
|
QSidebar: typeof import('@quidgest/ui/components')['QSidebar']
|
|
57
57
|
QSkeletonLoader: typeof import('@quidgest/ui/components')['QSkeletonLoader']
|
|
58
58
|
QSpinnerLoader: typeof import('@quidgest/ui/components')['QSpinnerLoader']
|
|
59
|
+
QSwitch: typeof import('@quidgest/ui/components')['QSwitch']
|
|
59
60
|
QTextArea: typeof import('@quidgest/ui/components')['QTextArea']
|
|
60
61
|
QTextField: typeof import('@quidgest/ui/components')['QTextField']
|
|
61
62
|
QThemeProvider: typeof import('@quidgest/ui/components')['QThemeProvider']
|