vlite3 0.4.4 → 0.4.7

package/components/FileTree/FileTreeNode.vue.js

@@ -1,13 +1,14 @@
-import { defineComponent as q, computed as c, resolveComponent as z, openBlock as s, createElementBlock as d, createElementVNode as r, normalizeClass as y, normalizeStyle as f, withModifiers as M, createVNode as L, createCommentVNode as k, createBlock as u, Fragment as v, renderList as w, toDisplayString as p } from "vue";
+import { defineComponent as q, computed as c, resolveComponent as z, openBlock as s, createElementBlock as d, createElementVNode as r, normalizeClass as y, normalizeStyle as f, withModifiers as M, createVNode as N, createCommentVNode as k, createBlock as u, Fragment as v, renderList as p, toDisplayString as w } from "vue";
 import g from "../Icon.vue.js";
-import I from "../CheckBox.vue.js";
-const V = { class: "flex flex-col select-none" }, D = ["title"], O = {
+import V from "../CheckBox.vue.js";
+import { $t as D } from "../../utils/i18n.js";
+const O = { class: "flex flex-col select-none" }, j = ["title"], U = {
   key: 1,
   class: "w-6 mr-1"
-}, j = { class: "mr-2 text-muted-foreground shrink-0" }, U = { class: "flex-1 truncate text-sm font-medium" }, A = { class: "mr-2 text-gray-400 select-none shrink-0" }, G = { class: "truncate" }, H = {
+}, A = { class: "mr-2 text-muted-foreground shrink-0" }, G = { class: "flex-1 truncate text-sm font-medium" }, H = { class: "mr-2 text-gray-400 select-none shrink-0" }, J = { class: "truncate" }, R = {
   key: 0,
   class: "relative flex flex-col"
-}, X = /* @__PURE__ */ q({
+}, _ = /* @__PURE__ */ q({
   name: "FileTreeNode",
   __name: "FileTreeNode",
   props: {
@@ -23,11 +24,11 @@ const V = { class: "flex flex-col select-none" }, D = ["title"], O = {
     searchQuery: {}
   },
   emits: ["toggle-expand", "toggle-select", "click-node"],
-  setup(e, { emit: N }) {
-    const n = e, m = N, b = c(() => n.selectedKeys.has(n.node.id)), S = c(() => n.indeterminateKeys.has(n.node.id)), x = c(() => n.expandedKeys.has(n.node.id)), C = c(() => n.loadingKeys.has(n.node.id)), h = c(
+  setup(e, { emit: S }) {
+    const n = e, m = S, b = c(() => n.selectedKeys.has(n.node.id)), F = c(() => n.indeterminateKeys.has(n.node.id)), x = c(() => n.expandedKeys.has(n.node.id)), C = c(() => n.loadingKeys.has(n.node.id)), h = c(
       () => n.node.isFolder || n.node.children && n.node.children.length > 0
-    ), F = c(() => n.depth * 20 + "px"), T = c(() => {
-      const t = n.node.label, l = 35;
+    ), T = c(() => n.depth * 20 + "px"), K = c(() => n.node.labelI18n ? D(n.node.labelI18n) : n.node.label), $ = c(() => {
+      const t = K.value, l = 35;
       if (t.length <= l) return t;
       const o = t.lastIndexOf(".");
       if (o === -1 || t.length - o > 10)
@@ -35,7 +36,7 @@ const V = { class: "flex flex-col select-none" }, D = ["title"], O = {
       const i = t.substring(o), a = t.substring(0, o), Q = Math.max(0, l - i.length - 3);
       return a.substring(0, Q) + "..." + i;
     }), B = c(() => {
-      const t = T.value;
+      const t = $.value;
       if (!n.highlightSearch || !n.searchQuery)
         return [{ text: t, highlight: !1 }];
       const l = n.searchQuery.toLowerCase(), o = t.toLowerCase().indexOf(l);
@@ -56,16 +57,16 @@ const V = { class: "flex flex-col select-none" }, D = ["title"], O = {
         { text: l.substring(o, o + i), highlight: !0 },
         { text: l.substring(o + i), highlight: !1 }
       ];
-    }), K = (t) => {
+    }), L = (t) => {
       t && t.stopPropagation(), m("toggle-expand", n.node);
-    }, $ = () => {
+    }, I = () => {
       m("toggle-select", n.node);
     }, P = (t) => {
-      t.stopPropagation(), h.value ? K() : n.selectionMode !== "none" && m("toggle-select", n.node), m("click-node", n.node);
+      t.stopPropagation(), h.value ? L() : n.selectionMode !== "none" && m("toggle-select", n.node), m("click-node", n.node);
     };
     return (t, l) => {
       const o = z("FileTreeNode", !0);
-      return s(), d("div", V, [
+      return s(), d("div", O, [
         r("div", {
           class: y(["group flex flex-col rounded-md transition-colors cursor-pointer", {
             "bg-accent/50 text-accent-foreground": b.value && e.selectionMode === "single" && !e.showCheckboxes,
@@ -73,39 +74,39 @@ const V = { class: "flex flex-col select-none" }, D = ["title"], O = {
             "opacity-50 pointer-events-none": e.node.disabled
           }]),
           onClick: P,
-          title: e.node.label
+          title: K.value
         }, [
           r("div", {
             class: "flex items-center py-1 pr-2 min-h-[32px]",
-            style: f({ paddingLeft: F.value })
+            style: f({ paddingLeft: T.value })
           }, [
             h.value ? (s(), d("button", {
               key: 0,
               type: "button",
               class: y(["p-1 mr-1 rounded-sm hover:bg-muted text-muted-foreground transition-transform duration-200 focus:outline-none", { "rotate-90": x.value }]),
-              onClick: M(K, ["stop"])
+              onClick: M(L, ["stop"])
             }, [
-              L(g, {
+              N(g, {
                 icon: "lucide:chevron-right",
                 class: "w-4 h-4"
               })
-            ], 2)) : (s(), d("div", O)),
+            ], 2)) : (s(), d("div", U)),
             e.showCheckboxes && e.selectionMode !== "none" ? (s(), d("div", {
               key: 2,
               class: "mr-2 flex items-center justify-center bg-transparent",
               onClick: l[0] || (l[0] = M(() => {
               }, ["stop"]))
             }, [
-              L(I, {
+              N(V, {
                 checked: b.value,
-                indeterminate: S.value,
+                indeterminate: F.value,
                 disabled: e.node.disabled,
-                "onUpdate:checked": $,
+                "onUpdate:checked": I,
                 rounded: "sm",
                 size: "sm"
               }, null, 8, ["checked", "indeterminate", "disabled"])
             ])) : k("", !0),
-            r("div", j, [
+            r("div", A, [
               C.value ? (s(), u(g, {
                 key: 0,
                 icon: "lucide:loader-2",
@@ -124,13 +125,13 @@ const V = { class: "flex flex-col select-none" }, D = ["title"], O = {
                 class: "w-4 h-4"
               }))
             ]),
-            r("div", U, [
-              (s(!0), d(v, null, w(B.value, (i, a) => (s(), d("span", {
+            r("div", G, [
+              (s(!0), d(v, null, p(B.value, (i, a) => (s(), d("span", {
                 key: a,
                 class: y({
                   "bg-yellow-100 text-yellow-900 rounded-sm px-0.5": i.highlight
                 })
-              }, p(i.text), 3))), 128))
+              }, w(i.text), 3))), 128))
             ])
           ], 4),
           e.node.searchMatch ? (s(), d("div", {
@@ -138,23 +139,23 @@ const V = { class: "flex flex-col select-none" }, D = ["title"], O = {
             class: "flex items-center text-[11px] text-gray-500 font-mono pr-2 pb-1.5 truncate",
             style: f({ paddingLeft: e.depth * 20 + 28 + "px" })
           }, [
-            r("span", A, "L" + p(e.node.searchMatch.line_number), 1),
-            r("div", G, [
-              (s(!0), d(v, null, w(E.value, (i, a) => (s(), d("span", {
+            r("span", H, "L" + w(e.node.searchMatch.line_number), 1),
+            r("div", J, [
+              (s(!0), d(v, null, p(E.value, (i, a) => (s(), d("span", {
                 key: a,
                 class: y({
                   "bg-yellow-500/20 text-gray-900 px-0.5 rounded-[1px] font-medium border border-yellow-600/30": i.highlight
                 })
-              }, p(i.text), 3))), 128))
+              }, w(i.text), 3))), 128))
             ])
           ], 4)) : k("", !0)
-        ], 10, D),
-        x.value && h.value && !C.value ? (s(), d("div", H, [
+        ], 10, j),
+        x.value && h.value && !C.value ? (s(), d("div", R, [
           r("div", {
             class: "absolute top-1 bottom-1 border-l border-border",
             style: f({ left: e.depth * 20 + 10 + "px" })
           }, null, 4),
-          e.node.children && e.node.children.length > 0 ? (s(!0), d(v, { key: 0 }, w(e.node.children, (i) => (s(), u(o, {
+          e.node.children && e.node.children.length > 0 ? (s(!0), d(v, { key: 0 }, p(e.node.children, (i) => (s(), u(o, {
             key: i.id,
             node: i,
             depth: e.depth + 1,
@@ -180,5 +181,5 @@ const V = { class: "flex flex-col select-none" }, D = ["title"], O = {
   }
 });
 export {
-  X as default
+  _ as default
 };

package/components/FileTree/types.d.ts

@@ -8,6 +8,7 @@ export interface SearchMatch {
 export interface FileNode {
     id: string;
     label: string;
+    labelI18n?: string;
     isFolder?: boolean;
     children?: FileNode[];
     icon?: string;
@@ -27,6 +28,8 @@ export interface FileTreeProps {
     highlightSearch?: boolean;
     searchQuery?: string;
     class?: string;
+    emptyText?: string;
+    emptyTextI18n?: string;
 }
 export interface FileTreeEvents {
     (e: 'update:modelValue', keys: string[]): void;

package/components/Form/CustomFields.vue.d.ts

@@ -11,7 +11,9 @@ interface Props {
     minRows?: number;
     maxRows?: number;
     addButtonText?: string;
-    label: string;
+    textI18n?: string;
+    label?: string;
+    labelI18n?: string;
     showRowNumbers?: boolean;
     /** All form values for context */
     values?: Record<string, any>;

package/components/Form/CustomFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./CustomFields.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ce6a94e8"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2969f70d"]]);
 export {
-  r as default
+  s as default
 };

package/components/Form/CustomFields.vue2.js

@@ -1,26 +1,27 @@
-import { defineComponent as U, ref as E, watch as T, computed as b, openBlock as r, createElementBlock as n, createElementVNode as m, createVNode as c, withCtx as R, createTextVNode as D, toDisplayString as v, createCommentVNode as u, Fragment as h, renderList as w, normalizeClass as _, TransitionGroup as S } from "vue";
-import G from "./FormField.vue.js";
-import k from "../Button.vue.js";
-import H from "../Label.vue.js";
-const L = { class: "custom-fields-wrapper" }, M = { class: "flex justify-between items-center mb-2" }, q = { class: "custom-fields-table border border-border rounded overflow-hidden bg-background" }, J = {
+import { defineComponent as I, computed as u, ref as L, watch as S, openBlock as o, createElementBlock as n, createElementVNode as f, createBlock as G, withCtx as k, createTextVNode as H, toDisplayString as m, createCommentVNode as i, createVNode as v, Fragment as p, renderList as w, normalizeClass as C, TransitionGroup as M } from "vue";
+import q from "./FormField.vue.js";
+import V from "../Button.vue.js";
+import J from "../Label.vue.js";
+import { $t as b } from "../../utils/i18n.js";
+const K = { class: "custom-fields-wrapper" }, O = { class: "flex justify-between items-center mb-2" }, P = { class: "custom-fields-table border border-border rounded overflow-hidden bg-background" }, Q = {
   key: 0,
   class: "flex border-b border-border bg-muted/50 text-gray-800 text-xs font-semibold uppercase tracking-wider"
-}, K = {
+}, W = {
   key: 0,
   class: "w-10 flex-none p-3 text-center border-r border-border"
-}, O = {
+}, X = {
   key: 1,
   class: "w-10 flex-none p-3"
-}, P = {
+}, Y = {
   key: 0,
   class: "w-10 flex-none flex items-center justify-center text-xs text-muted-foreground border-r border-border bg-muted/20"
-}, Q = {
+}, Z = {
   key: 1,
   class: "w-10 flex-none flex items-center justify-center border-l border-border bg-muted/20"
-}, W = {
+}, ee = {
   key: 1,
   class: "flex flex-col items-center justify-center py-6 text-center bg-muted/5"
-}, ee = /* @__PURE__ */ U({
+}, te = { class: "text-sm font-medium text-foreground" }, le = { class: "text-xs text-muted-foreground mt-1" }, de = /* @__PURE__ */ I({
   __name: "CustomFields",
   props: {
     modelValue: { default: () => [] },
@@ -33,97 +34,108 @@ const L = { class: "custom-fields-wrapper" }, M = { class: "flex justify-between
     minRows: { default: 0 },
     maxRows: {},
     addButtonText: { default: "Add Row" },
+    textI18n: {},
     label: {},
+    labelI18n: {},
     showRowNumbers: { type: Boolean, default: !1 },
     values: {},
     isUpdate: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(d, { emit: C }) {
-    const a = d, x = C, s = E([]), g = () => `row_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-    T(
-      () => a.modelValue,
+  setup(d, { emit: F }) {
+    const t = d, x = F, g = u(() => t.labelI18n ? b(t.labelI18n) : t.label), N = u(() => {
+      const e = b("vlite.customFields.emptyTitle");
+      return e !== "vlite.customFields.emptyTitle" ? e : "No items added";
+    }), B = u(() => {
+      const e = b("vlite.customFields.emptyDescription");
+      return e !== "vlite.customFields.emptyDescription" ? e : "Add a new item to get started";
+    }), s = L([]), y = () => `row_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+    S(
+      () => t.modelValue,
       (e) => {
-        Array.isArray(e) ? s.value = e.map((t, o) => {
-          const l = s.value[o];
+        Array.isArray(e) ? s.value = e.map((l, r) => {
+          const a = s.value[r];
           return {
-            ...t,
-            _id: l?._id || g()
+            ...l,
+            _id: a?._id || y()
           };
         }) : s.value = [];
       },
       { immediate: !0, deep: !0 }
     );
-    const V = () => {
+    const $ = () => {
       const e = {};
-      for (const t of a.schema) {
-        const o = typeof t.value == "function" ? t.value() : t.value;
-        e[t.name] = o ?? null;
+      for (const l of t.schema) {
+        const r = typeof l.value == "function" ? l.value() : l.value;
+        e[l.name] = r ?? null;
       }
-      return { ...e, _id: g() };
-    }, N = () => {
-      if (a.disabled || a.maxRows && s.value.length >= a.maxRows) return;
-      const e = [...s.value, V()];
-      s.value = e, f(e);
-    }, B = (e) => {
-      if (a.disabled || s.value.length <= a.minRows) return;
-      const t = [...s.value];
-      t.splice(e, 1), s.value = t, f(t);
-    }, $ = (e, t, o) => {
+      return { ...e, _id: y() };
+    }, T = () => {
+      if (t.disabled || t.maxRows && s.value.length >= t.maxRows) return;
+      const e = [...s.value, $()];
+      s.value = e, h(e);
+    }, z = (e) => {
+      if (t.disabled || s.value.length <= t.minRows) return;
       const l = [...s.value];
-      l[e] = {
-        ...l[e],
-        [t]: o.value
-      }, s.value = l, f(l);
-    }, f = (e) => {
-      const t = e.map(({ _id: o, ...l }) => l);
-      x("update:modelValue", t), x("change", t);
-    }, z = (e, t) => s.value[e]?.[t], A = b(() => !(a.disabled || a.maxRows && s.value.length >= a.maxRows)), p = b(() => a.disabled ? !1 : s.value.length > a.minRows), y = b(() => a.headers && a.headers.length > 0 ? a.headers : a.schema.map((e) => e.label || e.name));
-    return (e, t) => (r(), n("div", L, [
-      m("div", M, [
-        c(H, { class: "text-sm font-medium text-foreground" }, {
-          default: R(() => [
-            D(v(d.label), 1)
+      l.splice(e, 1), s.value = l, h(l);
+    }, A = (e, l, r) => {
+      const a = [...s.value];
+      a[e] = {
+        ...a[e],
+        [l]: r.value
+      }, s.value = a, h(a);
+    }, h = (e) => {
+      const l = e.map(({ _id: r, ...a }) => a);
+      x("update:modelValue", l), x("change", l);
+    }, D = (e, l) => s.value[e]?.[l], E = u(() => !(t.disabled || t.maxRows && s.value.length >= t.maxRows)), _ = u(() => t.disabled ? !1 : s.value.length > t.minRows), R = u(() => t.headers && t.headers.length > 0 ? t.headers : t.schema.map((e) => e.labelI18n ? b(e.labelI18n) : e.label || e.name));
+    return (e, l) => (o(), n("div", K, [
+      f("div", O, [
+        g.value ? (o(), G(J, {
+          key: 0,
+          class: "text-sm font-medium text-foreground"
+        }, {
+          default: k(() => [
+            H(m(g.value), 1)
           ]),
           _: 1
-        }),
-        c(k, {
+        })) : i("", !0),
+        v(V, {
           type: "button",
           variant: "outline",
           size: "xs",
           rounded: "full",
           icon: "lucide:plus",
-          disabled: !A.value,
-          onClick: N
+          disabled: !E.value,
+          onClick: T
         }, null, 8, ["disabled"])
       ]),
-      m("div", q, [
-        y.value.length > 0 ? (r(), n("div", J, [
-          d.showRowNumbers ? (r(), n("div", K, " # ")) : u("", !0),
-          (r(!0), n(h, null, w(y.value, (o, l) => (r(), n("div", {
-            key: l,
-            class: _(["flex-1 p-3 min-w-0 truncate", { "border-l border-border": l > 0 }])
-          }, v(o), 3))), 128)),
-          p.value ? (r(), n("div", O)) : u("", !0)
-        ])) : u("", !0),
-        c(S, {
+      f("div", P, [
+        R.value.length > 0 ? (o(), n("div", Q, [
+          d.showRowNumbers ? (o(), n("div", W, " # ")) : i("", !0),
+          (o(!0), n(p, null, w(R.value, (r, a) => (o(), n("div", {
+            key: a,
+            class: C(["flex-1 p-3 min-w-0 truncate", { "border-l border-border": a > 0 }])
+          }, m(r), 3))), 128)),
+          _.value ? (o(), n("div", X)) : i("", !0)
+        ])) : i("", !0),
+        v(M, {
           name: "list",
           tag: "div",
           class: "divide-y divide-border"
         }, {
-          default: R(() => [
-            (r(!0), n(h, null, w(s.value, (o, l) => (r(), n("div", {
-              key: o._id,
+          default: k(() => [
+            (o(!0), n(p, null, w(s.value, (r, a) => (o(), n("div", {
+              key: r._id,
               class: "flex group bg-white transition-colors"
             }, [
-              d.showRowNumbers ? (r(), n("div", P, v(l + 1), 1)) : u("", !0),
-              (r(!0), n(h, null, w(d.schema, (i, j) => (r(), n("div", {
-                key: i.name,
-                class: _(["flex-1 min-w-0 relative", { "border-l border-border": j > 0 }])
+              d.showRowNumbers ? (o(), n("div", Y, m(a + 1), 1)) : i("", !0),
+              (o(!0), n(p, null, w(d.schema, (c, j) => (o(), n("div", {
+                key: c.name,
+                class: C(["flex-1 min-w-0 relative", { "border-l border-border": j > 0 }])
               }, [
-                c(G, {
-                  field: { ...i, label: void 0 },
-                  value: z(l, i.name),
+                v(q, {
+                  field: { ...c, label: void 0 },
+                  value: D(a, c.name),
                   values: d.values || {},
                   variant: "transparent",
                   size: "sm",
@@ -131,31 +143,31 @@ const L = { class: "custom-fields-wrapper" }, M = { class: "flex justify-between
                   disabled: d.disabled,
                   isUpdate: d.isUpdate,
                   class: "w-full h-full min-h-[40px]",
-                  onChange: (F) => $(l, i.name, F)
+                  onChange: (U) => A(a, c.name, U)
                 }, null, 8, ["field", "value", "values", "disabled", "isUpdate", "onChange"])
               ], 2))), 128)),
-              p.value ? (r(), n("div", Q, [
-                c(k, {
+              _.value ? (o(), n("div", Z, [
+                v(V, {
                   type: "button",
                   variant: "ghost",
                   size: "xs",
                   icon: "lucide:trash-2",
                   disabled: d.disabled,
-                  onClick: (i) => B(l)
+                  onClick: (c) => z(a)
                 }, null, 8, ["disabled", "onClick"])
-              ])) : u("", !0)
+              ])) : i("", !0)
             ]))), 128))
           ]),
           _: 1
         }),
-        s.value.length === 0 ? (r(), n("div", W, [...t[0] || (t[0] = [
-          m("p", { class: "text-sm font-medium text-foreground" }, "No items added", -1),
-          m("p", { class: "text-xs text-muted-foreground mt-1" }, "Add a new item to get started", -1)
-        ])])) : u("", !0)
+        s.value.length === 0 ? (o(), n("div", ee, [
+          f("p", te, m(N.value), 1),
+          f("p", le, m(B.value), 1)
+        ])) : i("", !0)
       ])
     ]));
   }
 });
 export {
-  ee as default
+  de as default
 };

package/components/Form/Form.vue.d.ts

@@ -77,8 +77,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     class: string;
     size: InputSize;
     variant: InputVariant;
-    loading: boolean;
     rounded: InputRounded;
+    loading: boolean;
     className: string;
     headerClass: string;
     footerClass: string;

package/components/Form/FormField.vue.d.ts

@@ -24,8 +24,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     disabled: boolean;
     size: InputSize;
     variant: InputVariant;
-    error: string;
     rounded: InputRounded;
+    error: string;
     readonly: boolean;
     isUpdate: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;