@quidgest/ui 0.14.15 → 0.14.17
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 +72 -3
- package/dist/ui.esm.js +3830 -3649
- package/dist/ui.js +16 -16
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +302 -277
- package/dist/ui.scss +60 -4
- package/esm/components/QBadge/QBadge.vue.js +2 -2
- package/esm/components/QCheckbox/QCheckbox.vue.js +3 -2
- package/esm/components/QColorPicker/QColorPicker.vue.js +4 -5
- package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +3 -2
- package/esm/components/QFileUpload/QFileUpload.vue.js +7 -8
- package/esm/components/QIcon/InlineSvg.d.ts.map +1 -1
- package/esm/components/QIcon/InlineSvg.js +16 -16
- package/esm/components/QPopover/QPopover.vue.js +2 -2
- package/esm/components/QTextArea/QTextArea.d.ts +39 -0
- package/esm/components/QTextArea/QTextArea.d.ts.map +1 -0
- package/esm/components/QTextArea/QTextArea.vue.js +105 -0
- package/esm/components/QTextArea/QTextArea.vue2.js +4 -0
- package/esm/components/QTextArea/index.d.ts +98 -0
- package/esm/components/QTextArea/index.d.ts.map +1 -0
- package/esm/components/QTextArea/index.js +6 -0
- package/esm/components/QTextArea/types.d.ts +33 -0
- package/esm/components/QTextArea/types.d.ts.map +1 -0
- package/esm/components/QTooltip/QTooltip.vue.js +2 -2
- package/esm/components/index.d.ts +1 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +12 -10
- package/esm/index.d.ts +1 -0
- package/esm/vendors/@vueuse/core/index.js +85 -0
- package/esm/vendors/@vueuse/shared/index.js +20 -0
- package/package.json +2 -1
package/esm/components/index.js
CHANGED
|
@@ -8,8 +8,8 @@ import { QCard as c } from "./QCard/index.js";
|
|
|
8
8
|
import { QCheckbox as u } from "./QCheckbox/index.js";
|
|
9
9
|
import { QCollapsible as P } from "./QCollapsible/index.js";
|
|
10
10
|
import { QColorPicker as g } from "./QColorPicker/index.js";
|
|
11
|
-
import { QCombobox as
|
|
12
|
-
import { QDateTimePicker as
|
|
11
|
+
import { QCombobox as y } from "./QCombobox/index.js";
|
|
12
|
+
import { QDateTimePicker as C } from "./QDateTimePicker/index.js";
|
|
13
13
|
import { QDialog as k } from "./QDialog/index.js";
|
|
14
14
|
import { QDropdownMenu as F } from "./QDropdownMenu/index.js";
|
|
15
15
|
import { QField as S } from "./QField/index.js";
|
|
@@ -24,9 +24,10 @@ import { QPropertyList as Z, QPropertyListGroup as _, QPropertyListPanel as $, Q
|
|
|
24
24
|
import { QSelect as eo } from "./QSelect/index.js";
|
|
25
25
|
import { QSkeletonLoader as po } from "./QSkeletonLoader/index.js";
|
|
26
26
|
import { QSpinnerLoader as mo } from "./QSpinnerLoader/index.js";
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
27
|
+
import { QTextArea as fo } from "./QTextArea/index.js";
|
|
28
|
+
import { QTextField as no } from "./QTextField/index.js";
|
|
29
|
+
import { QThemeProvider as ao } from "./QThemeProvider/index.js";
|
|
30
|
+
import { QTooltip as Lo } from "./QTooltip/index.js";
|
|
30
31
|
export {
|
|
31
32
|
e as QAccordion,
|
|
32
33
|
p as QBadge,
|
|
@@ -38,8 +39,8 @@ export {
|
|
|
38
39
|
u as QCheckbox,
|
|
39
40
|
P as QCollapsible,
|
|
40
41
|
g as QColorPicker,
|
|
41
|
-
|
|
42
|
-
|
|
42
|
+
y as QCombobox,
|
|
43
|
+
C as QDateTimePicker,
|
|
43
44
|
k as QDialog,
|
|
44
45
|
F as QDropdownMenu,
|
|
45
46
|
S as QField,
|
|
@@ -62,7 +63,8 @@ export {
|
|
|
62
63
|
eo as QSelect,
|
|
63
64
|
po as QSkeletonLoader,
|
|
64
65
|
mo as QSpinnerLoader,
|
|
65
|
-
fo as
|
|
66
|
-
no as
|
|
67
|
-
ao as
|
|
66
|
+
fo as QTextArea,
|
|
67
|
+
no as QTextField,
|
|
68
|
+
ao as QThemeProvider,
|
|
69
|
+
Lo as QTooltip
|
|
68
70
|
};
|
package/esm/index.d.ts
CHANGED
|
@@ -41,6 +41,7 @@ declare module '@vue/runtime-core' {
|
|
|
41
41
|
QSelect: typeof import('@quidgest/ui/components')['QSelect']
|
|
42
42
|
QSkeletonLoader: typeof import('@quidgest/ui/components')['QSkeletonLoader']
|
|
43
43
|
QSpinnerLoader: typeof import('@quidgest/ui/components')['QSpinnerLoader']
|
|
44
|
+
QTextArea: typeof import('@quidgest/ui/components')['QTextArea']
|
|
44
45
|
QTextField: typeof import('@quidgest/ui/components')['QTextField']
|
|
45
46
|
QThemeProvider: typeof import('@quidgest/ui/components')['QThemeProvider']
|
|
46
47
|
QTooltip: typeof import('@quidgest/ui/components')['QTooltip']
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { toRef as y, isClient as x, tryOnScopeDispose as _ } from "../shared/index.js";
|
|
2
|
+
import { noop as C } from "../shared/index.js";
|
|
3
|
+
import { shallowRef as m, watch as v, nextTick as b, toValue as h, computed as w, getCurrentInstance as R, onMounted as z } from "vue";
|
|
4
|
+
const p = x ? window : void 0;
|
|
5
|
+
function g(e) {
|
|
6
|
+
var t;
|
|
7
|
+
const r = h(e);
|
|
8
|
+
return (t = r == null ? void 0 : r.$el) != null ? t : r;
|
|
9
|
+
}
|
|
10
|
+
function A() {
|
|
11
|
+
const e = m(!1), t = R();
|
|
12
|
+
return t && z(() => {
|
|
13
|
+
e.value = !0;
|
|
14
|
+
}, t), e;
|
|
15
|
+
}
|
|
16
|
+
function O(e) {
|
|
17
|
+
const t = A();
|
|
18
|
+
return w(() => (t.value, !!e()));
|
|
19
|
+
}
|
|
20
|
+
function M(e, t, r = {}) {
|
|
21
|
+
const { window: d = p, ...u } = r;
|
|
22
|
+
let l;
|
|
23
|
+
const o = O(() => d && "ResizeObserver" in d), a = () => {
|
|
24
|
+
l && (l.disconnect(), l = void 0);
|
|
25
|
+
}, f = w(() => {
|
|
26
|
+
const i = h(e);
|
|
27
|
+
return Array.isArray(i) ? i.map((s) => g(s)) : [g(i)];
|
|
28
|
+
}), c = v(
|
|
29
|
+
f,
|
|
30
|
+
(i) => {
|
|
31
|
+
if (a(), o.value && d) {
|
|
32
|
+
l = new ResizeObserver(t);
|
|
33
|
+
for (const s of i)
|
|
34
|
+
s && l.observe(s, u);
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
{ immediate: !0, flush: "post" }
|
|
38
|
+
), n = () => {
|
|
39
|
+
a(), c();
|
|
40
|
+
};
|
|
41
|
+
return _(n), {
|
|
42
|
+
isSupported: o,
|
|
43
|
+
stop: n
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
function S(e = p, t) {
|
|
47
|
+
e && typeof e.requestAnimationFrame == "function" ? e.requestAnimationFrame(t) : t();
|
|
48
|
+
}
|
|
49
|
+
function F(e = {}) {
|
|
50
|
+
var t, r;
|
|
51
|
+
const { window: d = p } = e, u = y(e == null ? void 0 : e.element), l = y((t = e == null ? void 0 : e.input) != null ? t : ""), o = (r = e == null ? void 0 : e.styleProp) != null ? r : "height", a = m(1), f = m(0);
|
|
52
|
+
function c() {
|
|
53
|
+
var n;
|
|
54
|
+
if (!u.value)
|
|
55
|
+
return;
|
|
56
|
+
let i = "";
|
|
57
|
+
u.value.style[o] = "1px", a.value = (n = u.value) == null ? void 0 : n.scrollHeight;
|
|
58
|
+
const s = h(e == null ? void 0 : e.styleTarget);
|
|
59
|
+
s ? s.style[o] = `${a.value}px` : i = `${a.value}px`, u.value.style[o] = i;
|
|
60
|
+
}
|
|
61
|
+
return v([l, u], () => b(c), { immediate: !0 }), v(a, () => {
|
|
62
|
+
var n;
|
|
63
|
+
return (n = e == null ? void 0 : e.onResize) == null ? void 0 : n.call(e);
|
|
64
|
+
}), M(u, ([{ contentRect: n }]) => {
|
|
65
|
+
f.value !== n.width && S(d, () => {
|
|
66
|
+
f.value = n.width, c();
|
|
67
|
+
});
|
|
68
|
+
}), e != null && e.watch && v(e.watch, c, { immediate: !0, deep: !0 }), {
|
|
69
|
+
textarea: u,
|
|
70
|
+
input: l,
|
|
71
|
+
triggerResize: c
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
export {
|
|
75
|
+
p as defaultWindow,
|
|
76
|
+
x as isClient,
|
|
77
|
+
C as noop,
|
|
78
|
+
y as toRef,
|
|
79
|
+
_ as tryOnScopeDispose,
|
|
80
|
+
g as unrefElement,
|
|
81
|
+
A as useMounted,
|
|
82
|
+
M as useResizeObserver,
|
|
83
|
+
O as useSupported,
|
|
84
|
+
F as useTextareaAutosize
|
|
85
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { toRef as n, readonly as t, ref as f, customRef as r, getCurrentScope as i, onScopeDispose as c } from "vue";
|
|
2
|
+
function s(e) {
|
|
3
|
+
return i() ? (c(e), !0) : !1;
|
|
4
|
+
}
|
|
5
|
+
const l = typeof window < "u" && typeof document < "u";
|
|
6
|
+
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
7
|
+
const p = () => {
|
|
8
|
+
};
|
|
9
|
+
function d(...e) {
|
|
10
|
+
if (e.length !== 1)
|
|
11
|
+
return n(...e);
|
|
12
|
+
const o = e[0];
|
|
13
|
+
return typeof o == "function" ? t(r(() => ({ get: o, set: p }))) : f(o);
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
l as isClient,
|
|
17
|
+
p as noop,
|
|
18
|
+
d as toRef,
|
|
19
|
+
s as tryOnScopeDispose
|
|
20
|
+
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@quidgest/ui",
|
|
3
3
|
"description": "Quidgest's UI framework",
|
|
4
|
-
"version": "0.14.
|
|
4
|
+
"version": "0.14.17",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"author": "Quidgest",
|
|
@@ -70,6 +70,7 @@
|
|
|
70
70
|
},
|
|
71
71
|
"dependencies": {
|
|
72
72
|
"@vuepic/vue-datepicker": "^11.0.1",
|
|
73
|
+
"@vueuse/core": "^13.0.0",
|
|
73
74
|
"maska": "^3.1.0"
|
|
74
75
|
},
|
|
75
76
|
"scripts": {
|