@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAmD,CAAA;AAGlE,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import { Icon } from '../QIcon';
|
|
2
|
+
import { QButtonProps } from '../QButton';
|
|
3
|
+
|
|
4
|
+
export type QDialogProps = {
|
|
5
|
+
/**
|
|
6
|
+
* The text of the dialog window.
|
|
7
|
+
*/
|
|
8
|
+
text?: string;
|
|
9
|
+
/**
|
|
10
|
+
* The DOM element the tooltip should be teleported to.
|
|
11
|
+
* Defaults to the body of the document.
|
|
12
|
+
*/
|
|
13
|
+
attach?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Whether to disable teleport.
|
|
16
|
+
* If enabled, the prop `attach` is ignored.
|
|
17
|
+
*/
|
|
18
|
+
inline?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Applies a backdrop blur effect behind the dialog window.
|
|
21
|
+
*/
|
|
22
|
+
backdropBlur?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* The buttons to interact with the dialog window.
|
|
25
|
+
*/
|
|
26
|
+
buttons?: DialogButton[];
|
|
27
|
+
/**
|
|
28
|
+
* True if the dialog window can be closed, false otherwise
|
|
29
|
+
*/
|
|
30
|
+
dismissible?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Whether the window's content is treated as HTML.
|
|
33
|
+
*/
|
|
34
|
+
html?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* The icon of the dialog window.
|
|
37
|
+
*/
|
|
38
|
+
icon?: Icon;
|
|
39
|
+
/**
|
|
40
|
+
* The dialog window unique identifier.
|
|
41
|
+
*/
|
|
42
|
+
id?: string;
|
|
43
|
+
/**
|
|
44
|
+
* The title of the dialog window
|
|
45
|
+
*/
|
|
46
|
+
title?: string;
|
|
47
|
+
/**
|
|
48
|
+
* Custom set of classes to apply to the component.
|
|
49
|
+
*/
|
|
50
|
+
class?: string | unknown[];
|
|
51
|
+
};
|
|
52
|
+
export type DialogButton = QButtonProps & {
|
|
53
|
+
/**
|
|
54
|
+
* The id of the button
|
|
55
|
+
*/
|
|
56
|
+
id: string;
|
|
57
|
+
/**
|
|
58
|
+
* The icon of the button
|
|
59
|
+
*/
|
|
60
|
+
icon?: Icon;
|
|
61
|
+
/**
|
|
62
|
+
* The action that the button performs when clicked
|
|
63
|
+
*/
|
|
64
|
+
action?: {
|
|
65
|
+
(): void;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
69
|
+
modelValue: import('vue').PropType<boolean>;
|
|
70
|
+
class: {
|
|
71
|
+
type: import('vue').PropType<string | unknown[]>;
|
|
72
|
+
default: undefined;
|
|
73
|
+
};
|
|
74
|
+
html: {
|
|
75
|
+
type: import('vue').PropType<boolean>;
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
78
|
+
title: {
|
|
79
|
+
type: import('vue').PropType<string>;
|
|
80
|
+
default: string;
|
|
81
|
+
};
|
|
82
|
+
text: {
|
|
83
|
+
type: import('vue').PropType<string>;
|
|
84
|
+
default: string;
|
|
85
|
+
};
|
|
86
|
+
icon: {
|
|
87
|
+
type: import('vue').PropType<Icon>;
|
|
88
|
+
default: () => Icon;
|
|
89
|
+
};
|
|
90
|
+
id: {
|
|
91
|
+
type: import('vue').PropType<string>;
|
|
92
|
+
default: undefined;
|
|
93
|
+
};
|
|
94
|
+
attach: {
|
|
95
|
+
type: import('vue').PropType<string>;
|
|
96
|
+
default: string;
|
|
97
|
+
};
|
|
98
|
+
inline: {
|
|
99
|
+
type: import('vue').PropType<boolean>;
|
|
100
|
+
};
|
|
101
|
+
backdropBlur: {
|
|
102
|
+
type: import('vue').PropType<boolean>;
|
|
103
|
+
default: boolean;
|
|
104
|
+
};
|
|
105
|
+
buttons: {
|
|
106
|
+
type: import('vue').PropType<DialogButton[]>;
|
|
107
|
+
default: () => DialogButton[];
|
|
108
|
+
};
|
|
109
|
+
dismissible: {
|
|
110
|
+
type: import('vue').PropType<boolean>;
|
|
111
|
+
default: boolean;
|
|
112
|
+
};
|
|
113
|
+
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
114
|
+
modelValue: import('vue').PropType<boolean>;
|
|
115
|
+
class: {
|
|
116
|
+
type: import('vue').PropType<string | unknown[]>;
|
|
117
|
+
default: undefined;
|
|
118
|
+
};
|
|
119
|
+
html: {
|
|
120
|
+
type: import('vue').PropType<boolean>;
|
|
121
|
+
default: boolean;
|
|
122
|
+
};
|
|
123
|
+
title: {
|
|
124
|
+
type: import('vue').PropType<string>;
|
|
125
|
+
default: string;
|
|
126
|
+
};
|
|
127
|
+
text: {
|
|
128
|
+
type: import('vue').PropType<string>;
|
|
129
|
+
default: string;
|
|
130
|
+
};
|
|
131
|
+
icon: {
|
|
132
|
+
type: import('vue').PropType<Icon>;
|
|
133
|
+
default: () => Icon;
|
|
134
|
+
};
|
|
135
|
+
id: {
|
|
136
|
+
type: import('vue').PropType<string>;
|
|
137
|
+
default: undefined;
|
|
138
|
+
};
|
|
139
|
+
attach: {
|
|
140
|
+
type: import('vue').PropType<string>;
|
|
141
|
+
default: string;
|
|
142
|
+
};
|
|
143
|
+
inline: {
|
|
144
|
+
type: import('vue').PropType<boolean>;
|
|
145
|
+
};
|
|
146
|
+
backdropBlur: {
|
|
147
|
+
type: import('vue').PropType<boolean>;
|
|
148
|
+
default: boolean;
|
|
149
|
+
};
|
|
150
|
+
buttons: {
|
|
151
|
+
type: import('vue').PropType<DialogButton[]>;
|
|
152
|
+
default: () => DialogButton[];
|
|
153
|
+
};
|
|
154
|
+
dismissible: {
|
|
155
|
+
type: import('vue').PropType<boolean>;
|
|
156
|
+
default: boolean;
|
|
157
|
+
};
|
|
158
|
+
}>>, {
|
|
159
|
+
class: string | unknown[];
|
|
160
|
+
html: boolean;
|
|
161
|
+
title: string;
|
|
162
|
+
text: string;
|
|
163
|
+
icon: Icon;
|
|
164
|
+
id: string;
|
|
165
|
+
attach: string;
|
|
166
|
+
backdropBlur: boolean;
|
|
167
|
+
buttons: DialogButton[];
|
|
168
|
+
dismissible: boolean;
|
|
169
|
+
}, {}>, {
|
|
170
|
+
"body.content"?(_: {}): any;
|
|
171
|
+
"body.icon"?(_: {}): any;
|
|
172
|
+
"body.append"?(_: {}): any;
|
|
173
|
+
}>;
|
|
174
|
+
export default _default;
|
|
175
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
176
|
+
new (): {
|
|
177
|
+
$slots: S;
|
|
178
|
+
};
|
|
179
|
+
};
|
|
180
|
+
//# sourceMappingURL=QDialog.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAwDA;AAWC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;AAKD,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACzC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,IAAI,IAAI,CAAA;KAAE,CAAA;CACrB,CAAA;;gBA2DU,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA/B,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAmON,GAAG;yBACN,GAAG;2BACD,GAAG;;AA7QvC,wBA6SI;AASJ,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { defineComponent as B, mergeModels as C, useModel as q, openBlock as o, createBlock as n, unref as l, withCtx as c, createElementVNode as i, toDisplayString as y, createVNode as h, createCommentVNode as r, renderSlot as u, createElementBlock as s, normalizeProps as T, guardReactiveProps as V, Fragment as D, renderList as L, mergeProps as k } from "vue";
|
|
2
|
+
import { QOverlay as M } from "../QOverlay/index.js";
|
|
3
|
+
import { QButton as v } from "../QButton/index.js";
|
|
4
|
+
import { QIcon as _ } from "../QIcon/index.js";
|
|
5
|
+
import { useId as N } from "../../composables/uid.js";
|
|
6
|
+
const O = { class: "q-dialog" }, x = { class: "q-dialog__header" }, E = { class: "q-dialog__header-title" }, Q = { class: "q-dialog__body" }, S = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "q-dialog__body-icon"
|
|
9
|
+
}, A = { class: "q-dialog__body-text" }, F = ["innerHTML"], I = { key: 1 }, P = { class: "q-dialog__body-actions" }, U = [
|
|
10
|
+
{
|
|
11
|
+
id: "button",
|
|
12
|
+
bStyle: "primary",
|
|
13
|
+
label: "Ok",
|
|
14
|
+
icon: {
|
|
15
|
+
icon: "check"
|
|
16
|
+
},
|
|
17
|
+
iconOnRight: !1,
|
|
18
|
+
action: void 0
|
|
19
|
+
}
|
|
20
|
+
], $ = {
|
|
21
|
+
icon: "check-circle-outline",
|
|
22
|
+
type: "svg"
|
|
23
|
+
}, G = /* @__PURE__ */ B({
|
|
24
|
+
__name: "QDialog",
|
|
25
|
+
props: /* @__PURE__ */ C({
|
|
26
|
+
text: { default: "" },
|
|
27
|
+
attach: { default: "body" },
|
|
28
|
+
inline: { type: Boolean },
|
|
29
|
+
backdropBlur: { type: Boolean, default: !0 },
|
|
30
|
+
buttons: { default: () => U },
|
|
31
|
+
dismissible: { type: Boolean, default: !1 },
|
|
32
|
+
html: { type: Boolean, default: !0 },
|
|
33
|
+
icon: { default: () => $ },
|
|
34
|
+
id: { default: void 0 },
|
|
35
|
+
title: { default: "" },
|
|
36
|
+
class: { default: void 0 }
|
|
37
|
+
}, {
|
|
38
|
+
modelValue: { type: Boolean },
|
|
39
|
+
modelModifiers: {}
|
|
40
|
+
}),
|
|
41
|
+
emits: ["update:modelValue"],
|
|
42
|
+
setup(f) {
|
|
43
|
+
const e = f, m = q(f, "modelValue"), g = N(e.id);
|
|
44
|
+
function p() {
|
|
45
|
+
m.value = !1;
|
|
46
|
+
}
|
|
47
|
+
function b(t) {
|
|
48
|
+
var d;
|
|
49
|
+
(d = t.action) == null || d.call(t), p();
|
|
50
|
+
}
|
|
51
|
+
return (t, d) => (o(), n(l(M), {
|
|
52
|
+
"model-value": m.value,
|
|
53
|
+
id: l(g),
|
|
54
|
+
inline: e.inline,
|
|
55
|
+
attach: e.attach,
|
|
56
|
+
"backdrop-blur": e.backdropBlur,
|
|
57
|
+
"scroll-lock": "",
|
|
58
|
+
persistent: ""
|
|
59
|
+
}, {
|
|
60
|
+
default: c(() => [
|
|
61
|
+
i("div", O, [
|
|
62
|
+
i("div", x, [
|
|
63
|
+
i(
|
|
64
|
+
"span",
|
|
65
|
+
E,
|
|
66
|
+
y(e.title),
|
|
67
|
+
1
|
|
68
|
+
/* TEXT */
|
|
69
|
+
),
|
|
70
|
+
e.dismissible ? (o(), n(l(v), {
|
|
71
|
+
key: 0,
|
|
72
|
+
"b-style": "tertiary",
|
|
73
|
+
onClick: p
|
|
74
|
+
}, {
|
|
75
|
+
default: c(() => [
|
|
76
|
+
h(l(_), { icon: "close" })
|
|
77
|
+
]),
|
|
78
|
+
_: 1
|
|
79
|
+
/* STABLE */
|
|
80
|
+
})) : r("v-if", !0)
|
|
81
|
+
]),
|
|
82
|
+
u(t.$slots, "body.content", {}, () => [
|
|
83
|
+
i("div", Q, [
|
|
84
|
+
u(t.$slots, "body.icon", {}, () => [
|
|
85
|
+
e.icon ? (o(), s("span", S, [
|
|
86
|
+
h(
|
|
87
|
+
l(_),
|
|
88
|
+
T(V(e.icon)),
|
|
89
|
+
null,
|
|
90
|
+
16
|
|
91
|
+
/* FULL_PROPS */
|
|
92
|
+
)
|
|
93
|
+
])) : r("v-if", !0)
|
|
94
|
+
]),
|
|
95
|
+
i("div", A, [
|
|
96
|
+
e.html ? (o(), s("span", {
|
|
97
|
+
key: 0,
|
|
98
|
+
innerHTML: e.text
|
|
99
|
+
}, null, 8, F)) : (o(), s(
|
|
100
|
+
"span",
|
|
101
|
+
I,
|
|
102
|
+
y(e.text),
|
|
103
|
+
1
|
|
104
|
+
/* TEXT */
|
|
105
|
+
))
|
|
106
|
+
]),
|
|
107
|
+
u(t.$slots, "body.append")
|
|
108
|
+
])
|
|
109
|
+
]),
|
|
110
|
+
i("div", P, [
|
|
111
|
+
(o(!0), s(
|
|
112
|
+
D,
|
|
113
|
+
null,
|
|
114
|
+
L(e.buttons, (a) => (o(), n(l(v), k({ ref_for: !0 }, a, {
|
|
115
|
+
key: a.id,
|
|
116
|
+
onClick: () => b(a)
|
|
117
|
+
}), {
|
|
118
|
+
default: c(() => [
|
|
119
|
+
a.icon ? (o(), n(
|
|
120
|
+
l(_),
|
|
121
|
+
k({
|
|
122
|
+
key: 0,
|
|
123
|
+
ref_for: !0
|
|
124
|
+
}, a.icon),
|
|
125
|
+
null,
|
|
126
|
+
16
|
|
127
|
+
/* FULL_PROPS */
|
|
128
|
+
)) : r("v-if", !0)
|
|
129
|
+
]),
|
|
130
|
+
_: 2
|
|
131
|
+
/* DYNAMIC */
|
|
132
|
+
}, 1040, ["onClick"]))),
|
|
133
|
+
128
|
|
134
|
+
/* KEYED_FRAGMENT */
|
|
135
|
+
))
|
|
136
|
+
])
|
|
137
|
+
])
|
|
138
|
+
]),
|
|
139
|
+
_: 3
|
|
140
|
+
/* FORWARDED */
|
|
141
|
+
}, 8, ["model-value", "id", "inline", "attach", "backdrop-blur"]));
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
export {
|
|
145
|
+
G as default
|
|
146
|
+
};
|
|
@@ -0,0 +1,237 @@
|
|
|
1
|
+
import { DialogButton } from './QDialog';
|
|
2
|
+
|
|
3
|
+
declare const QDialog: {
|
|
4
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
|
|
5
|
+
modelValue: import('vue').PropType<boolean>;
|
|
6
|
+
class: {
|
|
7
|
+
type: import('vue').PropType<string | unknown[]>;
|
|
8
|
+
default: undefined;
|
|
9
|
+
};
|
|
10
|
+
html: {
|
|
11
|
+
type: import('vue').PropType<boolean>;
|
|
12
|
+
default: boolean;
|
|
13
|
+
};
|
|
14
|
+
title: {
|
|
15
|
+
type: import('vue').PropType<string>;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
18
|
+
text: {
|
|
19
|
+
type: import('vue').PropType<string>;
|
|
20
|
+
default: string;
|
|
21
|
+
};
|
|
22
|
+
icon: {
|
|
23
|
+
type: import('vue').PropType<import('..').Icon>;
|
|
24
|
+
default: () => import('..').Icon;
|
|
25
|
+
};
|
|
26
|
+
id: {
|
|
27
|
+
type: import('vue').PropType<string>;
|
|
28
|
+
default: undefined;
|
|
29
|
+
};
|
|
30
|
+
attach: {
|
|
31
|
+
type: import('vue').PropType<string>;
|
|
32
|
+
default: string;
|
|
33
|
+
};
|
|
34
|
+
inline: {
|
|
35
|
+
type: import('vue').PropType<boolean>;
|
|
36
|
+
};
|
|
37
|
+
backdropBlur: {
|
|
38
|
+
type: import('vue').PropType<boolean>;
|
|
39
|
+
default: boolean;
|
|
40
|
+
};
|
|
41
|
+
buttons: {
|
|
42
|
+
type: import('vue').PropType<DialogButton[]>;
|
|
43
|
+
default: () => DialogButton[];
|
|
44
|
+
};
|
|
45
|
+
dismissible: {
|
|
46
|
+
type: import('vue').PropType<boolean>;
|
|
47
|
+
default: boolean;
|
|
48
|
+
};
|
|
49
|
+
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
50
|
+
modelValue: import('vue').PropType<boolean>;
|
|
51
|
+
class: {
|
|
52
|
+
type: import('vue').PropType<string | unknown[]>;
|
|
53
|
+
default: undefined;
|
|
54
|
+
};
|
|
55
|
+
html: {
|
|
56
|
+
type: import('vue').PropType<boolean>;
|
|
57
|
+
default: boolean;
|
|
58
|
+
};
|
|
59
|
+
title: {
|
|
60
|
+
type: import('vue').PropType<string>;
|
|
61
|
+
default: string;
|
|
62
|
+
};
|
|
63
|
+
text: {
|
|
64
|
+
type: import('vue').PropType<string>;
|
|
65
|
+
default: string;
|
|
66
|
+
};
|
|
67
|
+
icon: {
|
|
68
|
+
type: import('vue').PropType<import('..').Icon>;
|
|
69
|
+
default: () => import('..').Icon;
|
|
70
|
+
};
|
|
71
|
+
id: {
|
|
72
|
+
type: import('vue').PropType<string>;
|
|
73
|
+
default: undefined;
|
|
74
|
+
};
|
|
75
|
+
attach: {
|
|
76
|
+
type: import('vue').PropType<string>;
|
|
77
|
+
default: string;
|
|
78
|
+
};
|
|
79
|
+
inline: {
|
|
80
|
+
type: import('vue').PropType<boolean>;
|
|
81
|
+
};
|
|
82
|
+
backdropBlur: {
|
|
83
|
+
type: import('vue').PropType<boolean>;
|
|
84
|
+
default: boolean;
|
|
85
|
+
};
|
|
86
|
+
buttons: {
|
|
87
|
+
type: import('vue').PropType<DialogButton[]>;
|
|
88
|
+
default: () => DialogButton[];
|
|
89
|
+
};
|
|
90
|
+
dismissible: {
|
|
91
|
+
type: import('vue').PropType<boolean>;
|
|
92
|
+
default: boolean;
|
|
93
|
+
};
|
|
94
|
+
}>>, {
|
|
95
|
+
class: string | unknown[];
|
|
96
|
+
html: boolean;
|
|
97
|
+
title: string;
|
|
98
|
+
text: string;
|
|
99
|
+
icon: import('..').Icon;
|
|
100
|
+
id: string;
|
|
101
|
+
attach: string;
|
|
102
|
+
backdropBlur: boolean;
|
|
103
|
+
buttons: DialogButton[];
|
|
104
|
+
dismissible: boolean;
|
|
105
|
+
}, true, {}, {}, {
|
|
106
|
+
P: {};
|
|
107
|
+
B: {};
|
|
108
|
+
D: {};
|
|
109
|
+
C: {};
|
|
110
|
+
M: {};
|
|
111
|
+
Defaults: {};
|
|
112
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
113
|
+
modelValue: import('vue').PropType<boolean>;
|
|
114
|
+
class: {
|
|
115
|
+
type: import('vue').PropType<string | unknown[]>;
|
|
116
|
+
default: undefined;
|
|
117
|
+
};
|
|
118
|
+
html: {
|
|
119
|
+
type: import('vue').PropType<boolean>;
|
|
120
|
+
default: boolean;
|
|
121
|
+
};
|
|
122
|
+
title: {
|
|
123
|
+
type: import('vue').PropType<string>;
|
|
124
|
+
default: string;
|
|
125
|
+
};
|
|
126
|
+
text: {
|
|
127
|
+
type: import('vue').PropType<string>;
|
|
128
|
+
default: string;
|
|
129
|
+
};
|
|
130
|
+
icon: {
|
|
131
|
+
type: import('vue').PropType<import('..').Icon>;
|
|
132
|
+
default: () => import('..').Icon;
|
|
133
|
+
};
|
|
134
|
+
id: {
|
|
135
|
+
type: import('vue').PropType<string>;
|
|
136
|
+
default: undefined;
|
|
137
|
+
};
|
|
138
|
+
attach: {
|
|
139
|
+
type: import('vue').PropType<string>;
|
|
140
|
+
default: string;
|
|
141
|
+
};
|
|
142
|
+
inline: {
|
|
143
|
+
type: import('vue').PropType<boolean>;
|
|
144
|
+
};
|
|
145
|
+
backdropBlur: {
|
|
146
|
+
type: import('vue').PropType<boolean>;
|
|
147
|
+
default: boolean;
|
|
148
|
+
};
|
|
149
|
+
buttons: {
|
|
150
|
+
type: import('vue').PropType<DialogButton[]>;
|
|
151
|
+
default: () => DialogButton[];
|
|
152
|
+
};
|
|
153
|
+
dismissible: {
|
|
154
|
+
type: import('vue').PropType<boolean>;
|
|
155
|
+
default: boolean;
|
|
156
|
+
};
|
|
157
|
+
}>>, {}, {}, {}, {}, {
|
|
158
|
+
class: string | unknown[];
|
|
159
|
+
html: boolean;
|
|
160
|
+
title: string;
|
|
161
|
+
text: string;
|
|
162
|
+
icon: import('..').Icon;
|
|
163
|
+
id: string;
|
|
164
|
+
attach: string;
|
|
165
|
+
backdropBlur: boolean;
|
|
166
|
+
buttons: DialogButton[];
|
|
167
|
+
dismissible: boolean;
|
|
168
|
+
}>;
|
|
169
|
+
__isFragment?: undefined;
|
|
170
|
+
__isTeleport?: undefined;
|
|
171
|
+
__isSuspense?: undefined;
|
|
172
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
173
|
+
modelValue: import('vue').PropType<boolean>;
|
|
174
|
+
class: {
|
|
175
|
+
type: import('vue').PropType<string | unknown[]>;
|
|
176
|
+
default: undefined;
|
|
177
|
+
};
|
|
178
|
+
html: {
|
|
179
|
+
type: import('vue').PropType<boolean>;
|
|
180
|
+
default: boolean;
|
|
181
|
+
};
|
|
182
|
+
title: {
|
|
183
|
+
type: import('vue').PropType<string>;
|
|
184
|
+
default: string;
|
|
185
|
+
};
|
|
186
|
+
text: {
|
|
187
|
+
type: import('vue').PropType<string>;
|
|
188
|
+
default: string;
|
|
189
|
+
};
|
|
190
|
+
icon: {
|
|
191
|
+
type: import('vue').PropType<import('..').Icon>;
|
|
192
|
+
default: () => import('..').Icon;
|
|
193
|
+
};
|
|
194
|
+
id: {
|
|
195
|
+
type: import('vue').PropType<string>;
|
|
196
|
+
default: undefined;
|
|
197
|
+
};
|
|
198
|
+
attach: {
|
|
199
|
+
type: import('vue').PropType<string>;
|
|
200
|
+
default: string;
|
|
201
|
+
};
|
|
202
|
+
inline: {
|
|
203
|
+
type: import('vue').PropType<boolean>;
|
|
204
|
+
};
|
|
205
|
+
backdropBlur: {
|
|
206
|
+
type: import('vue').PropType<boolean>;
|
|
207
|
+
default: boolean;
|
|
208
|
+
};
|
|
209
|
+
buttons: {
|
|
210
|
+
type: import('vue').PropType<DialogButton[]>;
|
|
211
|
+
default: () => DialogButton[];
|
|
212
|
+
};
|
|
213
|
+
dismissible: {
|
|
214
|
+
type: import('vue').PropType<boolean>;
|
|
215
|
+
default: boolean;
|
|
216
|
+
};
|
|
217
|
+
}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
218
|
+
class: string | unknown[];
|
|
219
|
+
html: boolean;
|
|
220
|
+
title: string;
|
|
221
|
+
text: string;
|
|
222
|
+
icon: import('..').Icon;
|
|
223
|
+
id: string;
|
|
224
|
+
attach: string;
|
|
225
|
+
backdropBlur: boolean;
|
|
226
|
+
buttons: DialogButton[];
|
|
227
|
+
dismissible: boolean;
|
|
228
|
+
}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
229
|
+
$slots: {
|
|
230
|
+
"body.content"?(_: {}): any;
|
|
231
|
+
"body.icon"?(_: {}): any;
|
|
232
|
+
"body.append"?(_: {}): any;
|
|
233
|
+
};
|
|
234
|
+
});
|
|
235
|
+
export { QDialog };
|
|
236
|
+
export type { DialogButton };
|
|
237
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAKjD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+C,CAAA;AAG5D,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}
|