vlite3 1.4.37 → 1.4.40
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/Badge.vue.js +5 -5
- package/components/Badge.vue3.js +5 -0
- package/components/CategoryManager/CategoryManager.vue2.js +5 -4
- package/components/Chip/Chip.vue.js +21 -21
- package/components/Chip/Chip.vue3.js +5 -0
- package/components/ColorPicker/ColorIro.vue3.js +2 -2
- package/components/ColorPicker/ColorPicker.vue.js +2 -2
- package/components/CommandPalette/CommandPaletteContent.vue2.js +1 -1
- package/components/CommandPalette/{CommandPaletteItem.vue2.js → CommandPaletteItem.vue.js} +1 -1
- package/components/Comment/CommentItem.vue2.js +3 -2
- package/components/DataTable/DataTable.vue.d.ts +1 -0
- package/components/DataTable/DataTable.vue.js +204 -203
- package/components/DataTable/DataTableRow.vue.js +54 -51
- package/components/DataTable/types.d.ts +5 -0
- package/components/DataTable/useDataTableTree.d.ts +4 -3
- package/components/DataTable/useDataTableTree.js +102 -92
- package/components/FileTree/FileTree.vue.d.ts +3 -1
- package/components/FileTree/FileTree.vue.js +1 -1
- package/components/FileTree/FileTree.vue2.js +157 -116
- package/components/FileTree/FileTreeNode.vue.d.ts +9 -5
- package/components/FileTree/FileTreeNode.vue.js +147 -189
- package/components/Form/{AccordionView.vue2.js → AccordionView.vue.js} +1 -1
- package/components/Form/Form.vue2.js +45 -43
- package/components/Form/index.vue2.js +1 -1
- package/components/ImportData/ImportData.vue.js +4 -2
- package/components/Invoice/InvoiceVariant1.vue.js +3 -2
- package/components/Invoice/InvoiceVariant2.vue.js +3 -2
- package/components/Invoice/InvoiceVariant3.vue.js +3 -2
- package/components/Invoice/InvoiceVariant4.vue.js +3 -2
- package/components/MultiSelect/MultiSelect.vue.js +3 -2
- package/components/NavbarCommandPalette.vue.js +1 -1
- package/components/PricingPlan/PricingPlanItem.vue.js +10 -9
- package/components/Screen/ScreenFilter.vue.js +20 -19
- package/components/StatusChip/StatusChip.vue.js +8 -7
- package/components/StatusChip/StatusChip.vue3.js +5 -0
- package/components/Timeline/TimelineItem.vue.js +3 -2
- package/components/TreeConnectors/TreeConnectors.vue.d.ts +1 -1
- package/components/TreeConnectors/TreeConnectors.vue.js +26 -17
- package/components/TreeConnectors/geometry.d.ts +29 -3
- package/components/TreeConnectors/geometry.js +128 -46
- package/components/TreeConnectors/index.d.ts +1 -1
- package/index.js +473 -470
- package/package.json +1 -1
- package/style.css +15 -1
- package/components/Badge.vue2.js +0 -4
- package/components/Chip/Chip.vue2.js +0 -4
- package/components/StatusChip/StatusChip.vue2.js +0 -4
- /package/components/ColorPicker/{ColorIro.vue2.js → ColorIro.vue.js} +0 -0
package/components/Badge.vue.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const p = /* @__PURE__ */
|
|
1
|
+
import { defineComponent as l, computed as d, openBlock as b, createElementBlock as u, normalizeClass as i, renderSlot as c } from "vue";
|
|
2
|
+
const p = /* @__PURE__ */ l({
|
|
3
3
|
__name: "Badge",
|
|
4
4
|
props: {
|
|
5
5
|
variant: { default: "default" },
|
|
@@ -14,7 +14,7 @@ const p = /* @__PURE__ */ b({
|
|
|
14
14
|
sm: "px-2 h-5 text-xs font-medium",
|
|
15
15
|
md: "px-2.5 h-6 text-xs font-semibold",
|
|
16
16
|
lg: "px-2.5 h-7 text-sm font-semibold"
|
|
17
|
-
},
|
|
17
|
+
}, a = `badge scrollbar-hide inline-flex w-max max-w-none shrink-0 items-center overflow-x-auto overflow-y-hidden whitespace-nowrap ${e.rounded === "none" ? "rounded-none" : `rounded-${e.rounded}`} border ${r[e.size] || r.md} focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`, t = {
|
|
18
18
|
default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
|
|
19
19
|
outline: "text-foreground border-border",
|
|
20
20
|
/* Base Semantics */
|
|
@@ -31,9 +31,9 @@ const p = /* @__PURE__ */ b({
|
|
|
31
31
|
pink: "border-pink-subtle-border bg-pink-subtle text-pink-subtle-fg hover:opacity-80",
|
|
32
32
|
cyan: "border-cyan-subtle-border bg-cyan-subtle text-cyan-subtle-fg hover:opacity-80"
|
|
33
33
|
};
|
|
34
|
-
return [
|
|
34
|
+
return [a, t[e.variant] || t.default, e.class].join(" ");
|
|
35
35
|
});
|
|
36
|
-
return (r, n) => (
|
|
36
|
+
return (r, n) => (b(), u("div", {
|
|
37
37
|
class: i(s.value)
|
|
38
38
|
}, [
|
|
39
39
|
c(r.$slots, "default")
|
|
@@ -13,15 +13,16 @@ import "v-tooltip-lite";
|
|
|
13
13
|
import "v-tooltip-lite/style.css";
|
|
14
14
|
/* empty css */
|
|
15
15
|
/* empty css */
|
|
16
|
+
/* empty css */
|
|
16
17
|
import "v-datepicker-lite";
|
|
17
18
|
import "v-datepicker-lite/style.css";
|
|
18
19
|
/* empty css */
|
|
19
20
|
import "@jaames/iro";
|
|
20
21
|
import "@vueuse/core";
|
|
21
|
-
/* empty css
|
|
22
|
+
/* empty css */
|
|
22
23
|
import qe from "../IconPicker.vue.js";
|
|
23
24
|
/* empty css */
|
|
24
|
-
/* empty css
|
|
25
|
+
/* empty css */
|
|
25
26
|
/* empty css */
|
|
26
27
|
/* empty css */
|
|
27
28
|
/* empty css */
|
|
@@ -47,7 +48,7 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
47
48
|
}, Le = {
|
|
48
49
|
key: 0,
|
|
49
50
|
class: "absolute inset-0 z-10 flex items-center justify-center rounded-xl bg-background/60 backdrop-blur-[1px] transition-opacity"
|
|
50
|
-
}, We = { class: "flex items-center gap-2 text-sm text-muted-foreground" },
|
|
51
|
+
}, We = { class: "flex items-center gap-2 text-sm text-muted-foreground" }, Et = /* @__PURE__ */ Me({
|
|
51
52
|
__name: "CategoryManager",
|
|
52
53
|
props: {
|
|
53
54
|
modelValue: { default: () => [] },
|
|
@@ -496,5 +497,5 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
496
497
|
}
|
|
497
498
|
});
|
|
498
499
|
export {
|
|
499
|
-
|
|
500
|
+
Et as default
|
|
500
501
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as C, computed as l, openBlock as n, createElementBlock as d, normalizeClass as
|
|
1
|
+
import { defineComponent as C, computed as l, openBlock as n, createElementBlock as d, normalizeClass as i, renderSlot as b, createBlock as f, createCommentVNode as c, createTextVNode as z, toDisplayString as B, withCtx as D, createVNode as I } from "vue";
|
|
2
2
|
import g from "../Icon.vue.js";
|
|
3
3
|
import S from "../Button.vue.js";
|
|
4
4
|
import { $t as N } from "../../utils/i18n.js";
|
|
5
5
|
const V = ["role", "tabindex"], j = {
|
|
6
6
|
key: 0,
|
|
7
|
-
class: "
|
|
8
|
-
}, E = "inline-flex items-center justify-center font-medium rounded-full transition-all duration-200 border box-border whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary", q = /* @__PURE__ */ C({
|
|
7
|
+
class: "whitespace-nowrap"
|
|
8
|
+
}, E = "chip scrollbar-hide inline-flex w-max max-w-none shrink-0 items-center justify-center overflow-x-auto overflow-y-hidden font-medium rounded-full transition-all duration-200 border box-border whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary", q = /* @__PURE__ */ C({
|
|
9
9
|
__name: "Chip",
|
|
10
10
|
props: {
|
|
11
11
|
variant: { default: "subtle" },
|
|
@@ -20,12 +20,12 @@ const V = ["role", "tabindex"], j = {
|
|
|
20
20
|
},
|
|
21
21
|
emits: ["click", "delete"],
|
|
22
22
|
setup(a, { emit: v }) {
|
|
23
|
-
const e = a,
|
|
24
|
-
e.disabled || e.clickable &&
|
|
25
|
-
}, m = (t) => {
|
|
26
|
-
e.disabled || (t.stopPropagation(), s("delete", t));
|
|
23
|
+
const e = a, o = v, s = l(() => e.textI18n ? N(e.textI18n) : e.text), r = l(() => e.clickable && !e.disabled), p = (t) => {
|
|
24
|
+
e.disabled || e.clickable && o("click", t);
|
|
27
25
|
}, h = (t) => {
|
|
28
|
-
e.disabled ||
|
|
26
|
+
e.disabled || (t.stopPropagation(), o("delete", t));
|
|
27
|
+
}, m = (t) => {
|
|
28
|
+
e.disabled || !e.clickable && !e.deletable || ((t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.clickable && o("click", t)), (t.key === "Backspace" || t.key === "Delete") && e.deletable && (t.preventDefault(), o("delete", t)));
|
|
29
29
|
}, x = l(() => {
|
|
30
30
|
switch (e.size) {
|
|
31
31
|
case "small":
|
|
@@ -38,7 +38,7 @@ const V = ["role", "tabindex"], j = {
|
|
|
38
38
|
}), y = l(() => {
|
|
39
39
|
if (e.disabled)
|
|
40
40
|
return "bg-muted text-muted-foreground border-transparent opacity-50 cursor-not-allowed";
|
|
41
|
-
const t = r.value ? "cursor-pointer hover:shadow-sm active:scale-[0.98]" : "cursor-default",
|
|
41
|
+
const t = r.value ? "cursor-pointer hover:shadow-sm active:scale-[0.98]" : "cursor-default", u = {
|
|
42
42
|
solid: `bg-primary text-primary-fg border-transparent ${r.value ? "hover:bg-primary/90" : ""}`,
|
|
43
43
|
outline: `bg-transparent border-input text-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
|
|
44
44
|
ghost: `bg-transparent border-transparent text-muted-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
|
|
@@ -58,8 +58,8 @@ const V = ["role", "tabindex"], j = {
|
|
|
58
58
|
cyan: `bg-cyan-subtle text-cyan-subtle-fg border-cyan-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
|
|
59
59
|
blue: `bg-blue-200/40 text-blue-600 dark:text-blue-700 border-blue-200 ${r.value ? "hover:opacity-80" : ""}`
|
|
60
60
|
};
|
|
61
|
-
return `${
|
|
62
|
-
}), k = l(() => [E, x.value, y.value, e.class].join(" ")),
|
|
61
|
+
return `${u[e.variant] || u.subtle} ${t}`;
|
|
62
|
+
}), k = l(() => [E, x.value, y.value, e.class].join(" ")), w = l(() => {
|
|
63
63
|
switch (e.size) {
|
|
64
64
|
case "small":
|
|
65
65
|
return "h-3 w-3";
|
|
@@ -68,7 +68,7 @@ const V = ["role", "tabindex"], j = {
|
|
|
68
68
|
default:
|
|
69
69
|
return "h-3.5 w-3.5";
|
|
70
70
|
}
|
|
71
|
-
}),
|
|
71
|
+
}), $ = l(() => {
|
|
72
72
|
switch (e.size) {
|
|
73
73
|
case "small":
|
|
74
74
|
return "h-2.5 w-2.5";
|
|
@@ -78,23 +78,23 @@ const V = ["role", "tabindex"], j = {
|
|
|
78
78
|
return "h-3 w-3";
|
|
79
79
|
}
|
|
80
80
|
});
|
|
81
|
-
return (t,
|
|
82
|
-
class:
|
|
81
|
+
return (t, u) => (n(), d("div", {
|
|
82
|
+
class: i(k.value),
|
|
83
83
|
role: a.clickable ? "button" : "status",
|
|
84
84
|
tabindex: r.value || a.deletable ? 0 : void 0,
|
|
85
85
|
onClick: p,
|
|
86
|
-
onKeydown:
|
|
86
|
+
onKeydown: m
|
|
87
87
|
}, [
|
|
88
88
|
b(t.$slots, "icon", {}, () => [
|
|
89
89
|
a.icon ? (n(), f(g, {
|
|
90
90
|
key: 0,
|
|
91
91
|
icon: a.icon,
|
|
92
|
-
class:
|
|
92
|
+
class: i([w.value, "shrink-0", s.value ? "-ml-0.5" : ""])
|
|
93
93
|
}, null, 8, ["icon", "class"])) : c("", !0)
|
|
94
94
|
]),
|
|
95
|
-
|
|
95
|
+
s.value || t.$slots.default ? (n(), d("span", j, [
|
|
96
96
|
b(t.$slots, "default", {}, () => [
|
|
97
|
-
z(B(
|
|
97
|
+
z(B(s.value), 1)
|
|
98
98
|
])
|
|
99
99
|
])) : c("", !0),
|
|
100
100
|
a.deletable ? (n(), f(S, {
|
|
@@ -103,13 +103,13 @@ const V = ["role", "tabindex"], j = {
|
|
|
103
103
|
size: "xs",
|
|
104
104
|
rounded: "full",
|
|
105
105
|
disabled: a.disabled,
|
|
106
|
-
class:
|
|
107
|
-
onClick:
|
|
106
|
+
class: i(["ml-auto p-0.5! h-auto! w-auto! hover:bg-[#8282823c]", [s.value ? a.size === "small" ? "-mr-0.5" : "-mr-1" : ""]]),
|
|
107
|
+
onClick: h
|
|
108
108
|
}, {
|
|
109
109
|
default: D(() => [
|
|
110
110
|
I(g, {
|
|
111
111
|
icon: "lucide:x",
|
|
112
|
-
class:
|
|
112
|
+
class: i($.value)
|
|
113
113
|
}, null, 8, ["class"])
|
|
114
114
|
]),
|
|
115
115
|
_: 1
|
|
@@ -7,8 +7,8 @@ import "../../core/config.js";
|
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
9
|
import y from "../Button.vue.js";
|
|
10
|
-
import A from "./ColorIro.
|
|
11
|
-
/* empty css
|
|
10
|
+
import A from "./ColorIro.vue.js";
|
|
11
|
+
/* empty css */
|
|
12
12
|
import { useEyeDropper as T } from "@vueuse/core";
|
|
13
13
|
import { COLOR_PICKER_RESET_VALUE as g } from "./constants.js";
|
|
14
14
|
const F = ["disabled", "aria-label"], G = { class: "min-w-0 flex-1 truncate text-foreground" }, K = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center z-20 pointer-events-none" }, q = {
|
|
@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
|
|
|
4
4
|
import { $t as E } from "../../utils/i18n.js";
|
|
5
5
|
import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
|
|
6
6
|
import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
|
|
7
|
-
import ee from "./CommandPaletteItem.
|
|
7
|
+
import ee from "./CommandPaletteItem.vue.js";
|
|
8
8
|
const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
|
|
9
9
|
key: 0,
|
|
10
10
|
class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",
|
|
@@ -3,6 +3,7 @@ import { $t as k } from "../../utils/i18n.js";
|
|
|
3
3
|
import O from "../Avatar.vue.js";
|
|
4
4
|
import T from "../Button.vue.js";
|
|
5
5
|
import Q from "../Badge.vue.js";
|
|
6
|
+
/* empty css */
|
|
6
7
|
import W from "../AttachmentsList/AttachmentsList.vue.js";
|
|
7
8
|
import E from "./CommentEditor.vue.js";
|
|
8
9
|
const X = { class: "vl-comment flex w-full relative" }, Y = { class: "flex flex-col items-center mr-4 shrink-0" }, Z = {
|
|
@@ -35,7 +36,7 @@ const X = { class: "vl-comment flex w-full relative" }, Y = { class: "flex flex-
|
|
|
35
36
|
}, se = ["disabled"], ue = { key: 0 }, fe = {
|
|
36
37
|
key: 1,
|
|
37
38
|
class: "flex items-center gap-2"
|
|
38
|
-
},
|
|
39
|
+
}, Te = /* @__PURE__ */ F({
|
|
39
40
|
__name: "CommentItem",
|
|
40
41
|
props: {
|
|
41
42
|
comment: {},
|
|
@@ -318,5 +319,5 @@ const X = { class: "vl-comment flex w-full relative" }, Y = { class: "flex flex-
|
|
|
318
319
|
}
|
|
319
320
|
});
|
|
320
321
|
export {
|
|
321
|
-
|
|
322
|
+
Te as default
|
|
322
323
|
};
|