vlite3 0.5.4 → 0.5.5
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/components/ColorPicker/ColorIro.vue3.js +2 -2
- package/components/ColorPicker/ColorPicker.vue.js +11 -10
- package/components/DataTable/DataTableToolbar.vue.js +3 -2
- package/components/DatePicker.vue.js +3 -2
- package/components/DateRangePicker.vue.js +3 -2
- package/components/Dropdown/DropdownMenu.vue.js +3 -2
- package/components/Form/FormField.vue.js +13 -10
- package/components/IconPicker.vue.js +10 -9
- package/components/ImportData/ImportStep2.vue.js +3 -2
- package/components/Input.vue.js +119 -114
- package/components/Input.vue3.js +5 -0
- package/components/PermissionMatrix/PermissionEditor.vue.js +3 -2
- package/components/PermissionMatrix/PermissionMatrix.vue2.js +35 -34
- package/components/Screen/Screen.vue.js +3 -2
- package/components/Screen/ScreenFilter.vue.js +4 -3
- package/components/SidebarMenu/SidebarMenuItem.vue.js +3 -2
- package/components/Workbook/Sheet.vue.js +3 -2
- package/index.js +241 -240
- package/package.json +1 -1
- package/style.css +1 -1
- package/components/Input.vue2.js +0 -4
- /package/components/ColorPicker/{ColorIro.vue.js → ColorIro.vue2.js} +0 -0
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { defineComponent as z, ref as p, watch as i, openBlock as a, createBlock as f, unref as v, withCtx as u, createElementBlock as h, createVNode as c, createCommentVNode as
|
|
1
|
+
import { defineComponent as z, ref as p, watch as i, openBlock as a, createBlock as f, unref as v, withCtx as u, createElementBlock as h, createVNode as c, createCommentVNode as m, createElementVNode as $, mergeProps as w } from "vue";
|
|
2
2
|
import B from "../Dropdown/Dropdown.vue.js";
|
|
3
3
|
import "@iconify/vue";
|
|
4
4
|
import O from "../Input.vue.js";
|
|
5
|
+
/* empty css */
|
|
5
6
|
import "../../core/config.js";
|
|
6
7
|
import y from "../Button.vue.js";
|
|
7
|
-
import E from "./ColorIro.
|
|
8
|
-
/* empty css
|
|
8
|
+
import E from "./ColorIro.vue2.js";
|
|
9
|
+
/* empty css */
|
|
9
10
|
import { useEyeDropper as P } from "@vueuse/core";
|
|
10
11
|
const I = {
|
|
11
12
|
key: 0,
|
|
@@ -13,7 +14,7 @@ const I = {
|
|
|
13
14
|
}, N = {
|
|
14
15
|
key: 0,
|
|
15
16
|
class: "flex items-center gap-1.5 w-full"
|
|
16
|
-
}, D = { class: "w-32" },
|
|
17
|
+
}, D = { class: "w-32" }, K = /* @__PURE__ */ z({
|
|
17
18
|
__name: "ColorPicker",
|
|
18
19
|
props: {
|
|
19
20
|
modelValue: { default: "#000000" },
|
|
@@ -25,7 +26,7 @@ const I = {
|
|
|
25
26
|
},
|
|
26
27
|
emits: ["update:modelValue", "change"],
|
|
27
28
|
setup(o, { emit: V }) {
|
|
28
|
-
const n = o,
|
|
29
|
+
const n = o, d = V, r = p(!1), t = p(n.modelValue || "#000000"), { isSupported: b, open: g, sRGBHex: k } = P();
|
|
29
30
|
i(k, (e) => {
|
|
30
31
|
e && (t.value = e);
|
|
31
32
|
});
|
|
@@ -42,7 +43,7 @@ const I = {
|
|
|
42
43
|
e && e !== t.value && (t.value = e);
|
|
43
44
|
}
|
|
44
45
|
), i(t, (e) => {
|
|
45
|
-
/^#([0-9A-F]{3,8})$/i.test(e) && e !== n.modelValue && (
|
|
46
|
+
/^#([0-9A-F]{3,8})$/i.test(e) && e !== n.modelValue && (d("update:modelValue", e), d("change", e));
|
|
46
47
|
});
|
|
47
48
|
const C = (e) => {
|
|
48
49
|
t.value = e;
|
|
@@ -85,7 +86,7 @@ const I = {
|
|
|
85
86
|
variant: "outline",
|
|
86
87
|
size: "sm",
|
|
87
88
|
class: "px-2 shrink-0"
|
|
88
|
-
})) :
|
|
89
|
+
})) : m("", !0),
|
|
89
90
|
$("div", D, [
|
|
90
91
|
c(O, {
|
|
91
92
|
modelValue: t.value,
|
|
@@ -97,16 +98,16 @@ const I = {
|
|
|
97
98
|
"input-class": "font-mono text-xs uppercase "
|
|
98
99
|
}, null, 8, ["modelValue"])
|
|
99
100
|
])
|
|
100
|
-
])) :
|
|
101
|
+
])) : m("", !0)
|
|
101
102
|
]),
|
|
102
103
|
_: 1
|
|
103
104
|
}, 8, ["color", "size"])
|
|
104
|
-
])) :
|
|
105
|
+
])) : m("", !0)
|
|
105
106
|
]),
|
|
106
107
|
_: 1
|
|
107
108
|
}, 8, ["disabled", "position"]));
|
|
108
109
|
}
|
|
109
110
|
});
|
|
110
111
|
export {
|
|
111
|
-
|
|
112
|
+
K as default
|
|
112
113
|
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { defineComponent as V, computed as d, openBlock as t, createElementBlock as o, normalizeClass as n, renderSlot as s, createCommentVNode as u, createElementVNode as m, createVNode as b } from "vue";
|
|
2
2
|
import g from "../Input.vue.js";
|
|
3
|
+
/* empty css */
|
|
3
4
|
import { $t as i } from "../../utils/i18n.js";
|
|
4
5
|
const w = {
|
|
5
6
|
key: 0,
|
|
6
7
|
class: "flex items-center gap-3 mr-auto"
|
|
7
|
-
}, $ = { class: "ml-auto" }, k = { class: "flex items-center gap-3" },
|
|
8
|
+
}, $ = { class: "ml-auto" }, k = { class: "flex items-center gap-3" }, _ = /* @__PURE__ */ V({
|
|
8
9
|
__name: "DataTableToolbar",
|
|
9
10
|
props: {
|
|
10
11
|
modelValue: { default: "" },
|
|
@@ -55,5 +56,5 @@ const w = {
|
|
|
55
56
|
}
|
|
56
57
|
});
|
|
57
58
|
export {
|
|
58
|
-
|
|
59
|
+
_ as default
|
|
59
60
|
};
|
|
@@ -3,9 +3,10 @@ import b from "./Button.vue.js";
|
|
|
3
3
|
import w from "./Dropdown/Dropdown.vue.js";
|
|
4
4
|
import "@iconify/vue";
|
|
5
5
|
import { $t as y } from "../utils/i18n.js";
|
|
6
|
+
/* empty css */
|
|
6
7
|
import I, { TimePicker as z } from "v-datepicker-lite";
|
|
7
8
|
import "v-datepicker-lite/style.css";
|
|
8
|
-
const S = { class: "overflow-hidden min-w-[300px]" },
|
|
9
|
+
const S = { class: "overflow-hidden min-w-[300px]" }, U = /* @__PURE__ */ P({
|
|
9
10
|
__name: "DatePicker",
|
|
10
11
|
props: {
|
|
11
12
|
placeholder: {},
|
|
@@ -128,5 +129,5 @@ const S = { class: "overflow-hidden min-w-[300px]" }, H = /* @__PURE__ */ P({
|
|
|
128
129
|
}
|
|
129
130
|
});
|
|
130
131
|
export {
|
|
131
|
-
|
|
132
|
+
U as default
|
|
132
133
|
};
|
|
@@ -2,13 +2,14 @@ import { defineComponent as V, ref as w, watch as L, computed as u, openBlock as
|
|
|
2
2
|
import T from "./Dropdown/Dropdown.vue.js";
|
|
3
3
|
import f from "./Icon.vue.js";
|
|
4
4
|
import { $t as l } from "../utils/i18n.js";
|
|
5
|
+
/* empty css */
|
|
5
6
|
import P from "./Button.vue.js";
|
|
6
7
|
import p from "v-datepicker-lite";
|
|
7
8
|
import "v-datepicker-lite/style.css";
|
|
8
9
|
const $ = { class: "flex items-center gap-2" }, H = { class: "flex flex-col sm:flex-row bg-background rounded-md" }, Q = {
|
|
9
10
|
key: 0,
|
|
10
11
|
class: "flex flex-col gap-1 sm:pr-3 py-2 sm:border-r border-border max-h-[280px]"
|
|
11
|
-
}, j = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, O = { class: "border border-border rounded-md overflow-hidden bg-background" }, I = { class: "flex items-center justify-center shrink-0" }, U = { class: "border border-border rounded-md overflow-hidden bg-background" },
|
|
12
|
+
}, j = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, O = { class: "border border-border rounded-md overflow-hidden bg-background" }, I = { class: "flex items-center justify-center shrink-0" }, U = { class: "border border-border rounded-md overflow-hidden bg-background" }, ee = /* @__PURE__ */ V({
|
|
12
13
|
__name: "DateRangePicker",
|
|
13
14
|
props: {
|
|
14
15
|
modelValue: {},
|
|
@@ -227,5 +228,5 @@ const $ = { class: "flex items-center gap-2" }, H = { class: "flex flex-col sm:f
|
|
|
227
228
|
}
|
|
228
229
|
});
|
|
229
230
|
export {
|
|
230
|
-
|
|
231
|
+
ee as default
|
|
231
232
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { defineComponent as Z, defineAsyncComponent as ee, ref as j, computed as h, watch as T, onMounted as te, onBeforeUnmount as le, openBlock as n, createElementBlock as c, createVNode as S, createCommentVNode as u, renderSlot as b, unref as o, normalizeStyle as se, normalizeClass as _, toDisplayString as D, createBlock as v, Fragment as E, renderList as ne, withCtx as N, createElementVNode as $, createSlots as oe, mergeProps as re, nextTick as ae } from "vue";
|
|
2
2
|
import I from "../Icon.vue.js";
|
|
3
3
|
import ce from "../Input.vue.js";
|
|
4
|
+
/* empty css */
|
|
4
5
|
import de from "./DropdownItem.vue.js";
|
|
5
6
|
import ie from "./DropdownBooleanItem.vue.js";
|
|
6
7
|
import ue from "./DropdownGroupedLayout.vue.js";
|
|
@@ -25,7 +26,7 @@ const he = ["dir"], ve = {
|
|
|
25
26
|
}, Se = {
|
|
26
27
|
key: 3,
|
|
27
28
|
class: "shrink-0"
|
|
28
|
-
},
|
|
29
|
+
}, Ee = /* @__PURE__ */ Z({
|
|
29
30
|
__name: "DropdownMenu",
|
|
30
31
|
props: {
|
|
31
32
|
options: { default: () => [] },
|
|
@@ -245,5 +246,5 @@ const he = ["dir"], ve = {
|
|
|
245
246
|
}
|
|
246
247
|
});
|
|
247
248
|
export {
|
|
248
|
-
|
|
249
|
+
Ee as default
|
|
249
250
|
};
|
|
@@ -4,6 +4,7 @@ import O from "../NumberInput.vue.js";
|
|
|
4
4
|
import v from "../Button.vue.js";
|
|
5
5
|
import { $t as T } from "../../utils/i18n.js";
|
|
6
6
|
import g from "../Input.vue.js";
|
|
7
|
+
/* empty css */
|
|
7
8
|
import j from "../Switch.vue.js";
|
|
8
9
|
import D from "../CheckBox.vue.js";
|
|
9
10
|
import E from "../FilePicker/FilePicker.vue.js";
|
|
@@ -14,7 +15,7 @@ import G from "../DatePicker.vue.js";
|
|
|
14
15
|
import J from "../ColorPicker/ColorPicker.vue.js";
|
|
15
16
|
import K from "../IconPicker.vue.js";
|
|
16
17
|
import M from "./CustomFields.vue.js";
|
|
17
|
-
const
|
|
18
|
+
const se = /* @__PURE__ */ U({
|
|
18
19
|
__name: "FormField",
|
|
19
20
|
props: {
|
|
20
21
|
field: {},
|
|
@@ -75,13 +76,13 @@ const ue = /* @__PURE__ */ U({
|
|
|
75
76
|
default:
|
|
76
77
|
return g;
|
|
77
78
|
}
|
|
78
|
-
}),
|
|
79
|
+
}), b = o(() => {
|
|
79
80
|
const t = e.field.type, a = {
|
|
80
81
|
disabled: e.disabled || e.field.disabled === !0,
|
|
81
82
|
...e?.field || {},
|
|
82
83
|
...e.field.props || {},
|
|
83
|
-
label:
|
|
84
|
-
labelI18n:
|
|
84
|
+
label: "",
|
|
85
|
+
labelI18n: ""
|
|
85
86
|
}, i = e.field.placeholderI18n ? T(e.field.placeholderI18n) : e.field.placeholder;
|
|
86
87
|
return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || t === "textarea" || !t ? {
|
|
87
88
|
...a,
|
|
@@ -175,6 +176,8 @@ const ue = /* @__PURE__ */ U({
|
|
|
175
176
|
value: e.value || "lucide:smile"
|
|
176
177
|
} : t === "customFields" ? {
|
|
177
178
|
...a,
|
|
179
|
+
label: e?.field?.label,
|
|
180
|
+
labelI18n: e?.field?.labelI18n,
|
|
178
181
|
modelValue: Array.isArray(e.value) ? e.value : [],
|
|
179
182
|
schema: e.field.props?.schema || [],
|
|
180
183
|
headers: e.field.props?.headers || [],
|
|
@@ -188,7 +191,7 @@ const ue = /* @__PURE__ */ U({
|
|
|
188
191
|
value: e.value,
|
|
189
192
|
values: e.values
|
|
190
193
|
} : a;
|
|
191
|
-
}),
|
|
194
|
+
}), x = o(() => {
|
|
192
195
|
const t = e.field.type;
|
|
193
196
|
return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || t === "textarea" || t === "switch" || t === "check" || t === "number" || !t ? {
|
|
194
197
|
"update:modelValue": w
|
|
@@ -234,9 +237,9 @@ const ue = /* @__PURE__ */ U({
|
|
|
234
237
|
t.action && s("addonAction", t.action);
|
|
235
238
|
};
|
|
236
239
|
return (t, a) => P.value ? (r(), f(g, u({ key: 0 }, {
|
|
237
|
-
...
|
|
240
|
+
...b.value,
|
|
238
241
|
...l.field?.props || {}
|
|
239
|
-
}, S(
|
|
242
|
+
}, S(x.value)), N({ _: 2 }, [
|
|
240
243
|
R(p)(l.field.addonLeft) ? {
|
|
241
244
|
name: "addon-left",
|
|
242
245
|
fn: n(() => [
|
|
@@ -307,11 +310,11 @@ const ue = /* @__PURE__ */ U({
|
|
|
307
310
|
key: 1,
|
|
308
311
|
class: ["switch", "check"].includes(l.field?.type) ? "" : "w-full"
|
|
309
312
|
}, {
|
|
310
|
-
...
|
|
313
|
+
...b.value,
|
|
311
314
|
...l.field?.props || {}
|
|
312
|
-
}, S(
|
|
315
|
+
}, S(x.value)), null, 16, ["class"]));
|
|
313
316
|
}
|
|
314
317
|
});
|
|
315
318
|
export {
|
|
316
|
-
|
|
319
|
+
se as default
|
|
317
320
|
};
|
|
@@ -2,10 +2,11 @@ import { defineComponent as g, ref as v, computed as w, openBlock as k, createBl
|
|
|
2
2
|
import $ from "./Dropdown/Dropdown.vue.js";
|
|
3
3
|
import "@iconify/vue";
|
|
4
4
|
import { $t as d } from "../utils/i18n.js";
|
|
5
|
+
/* empty css */
|
|
5
6
|
import C from "./Button.vue.js";
|
|
6
7
|
import I from "iconify-icon-picker";
|
|
7
8
|
import "iconify-icon-picker/style.css";
|
|
8
|
-
const
|
|
9
|
+
const V = /* @__PURE__ */ g({
|
|
9
10
|
__name: "IconPicker",
|
|
10
11
|
props: {
|
|
11
12
|
btnProps: {},
|
|
@@ -15,12 +16,12 @@ const z = /* @__PURE__ */ g({
|
|
|
15
16
|
placeholderI18n: {}
|
|
16
17
|
},
|
|
17
18
|
emits: ["onSelect", "onTrigger", "onClose"],
|
|
18
|
-
setup(o, { emit:
|
|
19
|
-
const t = o, i =
|
|
20
|
-
|
|
21
|
-
},
|
|
19
|
+
setup(o, { emit: m }) {
|
|
20
|
+
const t = o, i = m, u = v(!1), l = () => {
|
|
21
|
+
u.value = !1;
|
|
22
|
+
}, p = (e, r) => {
|
|
22
23
|
i("onSelect", e, r), l();
|
|
23
|
-
},
|
|
24
|
+
}, h = w(() => {
|
|
24
25
|
if (t.placeholderI18n) return d(t.placeholderI18n);
|
|
25
26
|
if (t.placeholder) return t.placeholder;
|
|
26
27
|
const e = d("vlite.iconPicker.search");
|
|
@@ -116,10 +117,10 @@ const z = /* @__PURE__ */ g({
|
|
|
116
117
|
c(e.$slots, "menu-top", { close: l }),
|
|
117
118
|
s(a(I), {
|
|
118
119
|
id: "icon-picker",
|
|
119
|
-
placeholder:
|
|
120
|
+
placeholder: h.value,
|
|
120
121
|
"items-per-page": 35,
|
|
121
122
|
value: o.value,
|
|
122
|
-
onOnSelect:
|
|
123
|
+
onOnSelect: p,
|
|
123
124
|
defaultIcons: f
|
|
124
125
|
}, null, 8, ["placeholder", "value"])
|
|
125
126
|
]),
|
|
@@ -128,5 +129,5 @@ const z = /* @__PURE__ */ g({
|
|
|
128
129
|
}
|
|
129
130
|
});
|
|
130
131
|
export {
|
|
131
|
-
|
|
132
|
+
V as default
|
|
132
133
|
};
|
|
@@ -2,6 +2,7 @@ import { defineComponent as H, ref as M, computed as c, openBlock as o, createEl
|
|
|
2
2
|
import A from "../Dropdown/Dropdown.vue.js";
|
|
3
3
|
import "@iconify/vue";
|
|
4
4
|
import { $t as B } from "../../utils/i18n.js";
|
|
5
|
+
/* empty css */
|
|
5
6
|
import I from "../CheckBox.vue.js";
|
|
6
7
|
const O = { class: "space-y-6" }, j = { class: "font-medium text-lg mb-1" }, E = { class: "text-sm text-muted-foreground" }, P = { class: "border border-border rounded-xl overflow-hidden" }, R = { class: "overflow-x-auto max-h-[400px]" }, U = { class: "w-full text-sm text-left" }, q = { class: "text-xs text-muted-foreground uppercase bg-muted sticky top-0 z-10" }, L = { class: "px-4 py-3 font-medium" }, W = { class: "px-4 py-3 font-medium" }, G = { class: "px-4 py-3 font-medium" }, J = { class: "divide-y divide-border" }, K = { class: "px-4 py-3 font-medium text-foreground whitespace-nowrap" }, Q = { class: "px-4 py-2 min-w-[200px]" }, T = {
|
|
7
8
|
key: 1,
|
|
@@ -12,7 +13,7 @@ const O = { class: "space-y-6" }, j = { class: "font-medium text-lg mb-1" }, E =
|
|
|
12
13
|
}, Z = { class: "px-4 py-3 text-center align-middle" }, ee = { class: "flex justify-center items-center h-full" }, te = {
|
|
13
14
|
key: 0,
|
|
14
15
|
class: "text-center text-sm text-warning font-medium p-4 bg-warning/10 rounded-lg border border-warning/20"
|
|
15
|
-
},
|
|
16
|
+
}, ce = /* @__PURE__ */ H({
|
|
16
17
|
__name: "ImportStep2",
|
|
17
18
|
props: {
|
|
18
19
|
headers: {},
|
|
@@ -94,5 +95,5 @@ const O = { class: "space-y-6" }, j = { class: "font-medium text-lg mb-1" }, E =
|
|
|
94
95
|
}
|
|
95
96
|
});
|
|
96
97
|
export {
|
|
97
|
-
|
|
98
|
+
ce as default
|
|
98
99
|
};
|