vlite3 0.7.15 → 0.8.2

package/components/FileTree/FileTree.vue2.js

@@ -1,4 +1,166 @@
-import f from "./FileTree.vue.js";
+import { defineComponent as Q, ref as E, shallowRef as T, watch as C, computed as g, openBlock as v, createElementBlock as k, normalizeClass as q, Fragment as V, renderList as z, isMemoSame as F, createBlock as $, toDisplayString as A } from "vue";
+import P from "./FileTreeNode.vue.js";
+import { $t as w } from "../../utils/i18n.js";
+const R = {
+  key: 1,
+  class: "text-sm text-muted-foreground p-4 text-center"
+}, J = /* @__PURE__ */ Q({
+  __name: "FileTree",
+  props: {
+    modelValue: { default: () => [] },
+    data: { default: () => [] },
+    selectionMode: { default: "single" },
+    showCheckboxes: { type: Boolean, default: !1 },
+    defaultExpandedKeys: { default: () => [] },
+    loadData: {},
+    highlightSearch: { type: Boolean, default: !1 },
+    searchQuery: {},
+    class: {},
+    emptyText: {},
+    emptyTextI18n: {}
+  },
+  emits: ["update:modelValue", "select", "expand", "node-click"],
+  setup(h, { emit: L }) {
+    const s = h, m = L, o = E(new Set(s.defaultExpandedKeys)), f = E(/* @__PURE__ */ new Set()), p = T(/* @__PURE__ */ new Map()), S = T(/* @__PURE__ */ new Map()), I = (t, l) => {
+      const e = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = (n, c) => {
+        for (const r of n)
+          e.set(r.id, r), c && i.set(r.id, c), r.children && a(r.children, r.id);
+      };
+      a(t, l), p.value = e, S.value = i;
+    };
+    C(
+      () => s.data,
+      (t) => {
+        I(t);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const x = (t) => {
+      let l = [];
+      if (t.children)
+        for (const e of t.children)
+          l.push(e.id), l = l.concat(x(e));
+      return l;
+    }, y = g(() => new Set(s.modelValue)), b = g(() => {
+      const t = /* @__PURE__ */ new Set();
+      if (s.selectionMode !== "multiple") return t;
+      const l = (e) => {
+        if (!e.children || e.children.length === 0)
+          return y.value.has(e.id) ? { status: "checked" } : { status: "unchecked" };
+        let i = !1, a = !1, n = !1;
+        for (const c of e.children) {
+          const r = l(c);
+          r.status === "checked" && (i = !0), r.status === "unchecked" && (a = !0), r.status === "indeterminate" && (n = !0);
+        }
+        return n || i && a ? (t.add(e.id), { status: "indeterminate" }) : i ? { status: "checked" } : { status: "unchecked" };
+      };
+      return s.data.forEach(l), t;
+    }), D = async (t) => {
+      if (t.disabled) return;
+      if (o.value.has(t.id)) {
+        const e = new Set(o.value);
+        e.delete(t.id);
+        const i = p.value.get(t.id) || t;
+        x(i).forEach((n) => e.delete(n)), o.value = e, m("expand", t, !1);
+      } else {
+        const e = new Set(o.value);
+        if (e.add(t.id), o.value = e, m("expand", t, !0), s.loadData && !t.isLoaded && (!t.children || t.children.length === 0)) {
+          const i = new Set(f.value);
+          i.add(t.id), f.value = i;
+          try {
+            await s.loadData(t);
+          } finally {
+            const a = new Set(f.value);
+            a.delete(t.id), f.value = a;
+          }
+        }
+      }
+    }, K = (t) => {
+      if (t.disabled) return;
+      const l = p.value.get(t.id) || t;
+      let e = new Set(y.value);
+      const i = e.has(t.id);
+      if (s.selectionMode === "single")
+        e.clear(), i || e.add(t.id);
+      else if (s.selectionMode === "multiple") {
+        const a = x(l), n = !i, c = (d, u) => {
+          u ? e.add(d) : e.delete(d);
+        };
+        c(t.id, n), a.forEach((d) => c(d, n));
+        let r = l;
+        for (; ; ) {
+          const d = S.value.get(r.id);
+          if (!d) break;
+          const u = p.value.get(d);
+          if (!u || !u.children) break;
+          u.children.every((N) => e.has(N.id)) ? e.add(u.id) : e.delete(u.id), r = u;
+        }
+      }
+      m("update:modelValue", Array.from(e)), m("select", l, !i);
+    }, M = g(() => {
+      if (!s.searchQuery) return s.data;
+      const t = s.searchQuery.toLowerCase(), l = (e) => {
+        const a = (e.labelI18n ? w(e.labelI18n) : e.label).toLowerCase().includes(t), n = !!e.searchMatch;
+        let c = [];
+        return e.children && (c = e.children.map(l).filter((r) => r !== null)), a || n || c.length > 0 ? {
+          ...e,
+          children: c
+        } : null;
+      };
+      return s.data.map(l).filter((e) => e !== null);
+    });
+    C(
+      () => [s.searchQuery, s.data],
+      ([t]) => {
+        if (t) {
+          const l = t.toLowerCase(), e = /* @__PURE__ */ new Set(), i = (a) => {
+            let n = !1;
+            if (a.children)
+              for (const d of a.children)
+                i(d) && (n = !0);
+            const r = (a.labelI18n ? w(a.labelI18n) : a.label).toLowerCase().includes(l) || !!a.searchMatch;
+            return n && e.add(a.id), r || n;
+          };
+          if (s.data.forEach(i), e.size > 0) {
+            const a = new Set(o.value);
+            e.forEach((n) => a.add(n)), o.value = a;
+          }
+        }
+      },
+      { deep: !0 }
+    );
+    const B = g(() => {
+      if (s.emptyTextI18n) return w(s.emptyTextI18n);
+      if (s.emptyText) return s.emptyText;
+      const t = w("vlite.fileTree.emptyText");
+      return t !== "vlite.fileTree.emptyText" ? t : "No results found.";
+    });
+    return (t, l) => (v(), k("div", {
+      class: q(["w-full h-full overflow-y-auto file-tree-container", s.class])
+    }, [
+      M.value.length > 0 ? (v(!0), k(V, { key: 0 }, z(M.value, (e, i, a, n) => {
+        const c = [e, y.value, o.value, b.value, f.value, h.highlightSearch, h.searchQuery];
+        if (n && n.key === e.id && F(n, c)) return n;
+        const r = (v(), $(P, {
+          key: e.id,
+          node: e,
+          "selection-mode": h.selectionMode,
+          "selected-keys": y.value,
+          "expanded-keys": o.value,
+          "indeterminate-keys": b.value,
+          "loading-keys": f.value,
+          "show-checkboxes": h.showCheckboxes,
+          "highlight-search": h.highlightSearch,
+          "search-query": h.searchQuery,
+          onToggleExpand: D,
+          onToggleSelect: K,
+          onClickNode: l[0] || (l[0] = (d) => m("node-click", d))
+        }, null, 8, ["node", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query"]));
+        return r.memo = c, r;
+      }, l, 1), 128)) : (v(), k("div", R, A(B.value), 1))
+    ], 2));
+  }
+});
 export {
-  f as default
+  J as default
 };

package/components/FileTree/FileTreeNode.vue.js

@@ -1,14 +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 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 V from "../CheckBox.vue.js";
-import { $t as D } from "../../utils/i18n.js";
-const O = { class: "flex flex-col select-none" }, j = ["title"], U = {
+import { defineComponent as O, computed as a, resolveComponent as j, openBlock as s, createElementBlock as d, createElementVNode as c, normalizeClass as k, normalizeStyle as b, withModifiers as $, createVNode as B, createCommentVNode as v, createBlock as g, Fragment as K, renderList as C, toDisplayString as M, isMemoSame as U } from "vue";
+import m from "../Icon.vue.js";
+import A from "../CheckBox.vue.js";
+import { $t as G } from "../../utils/i18n.js";
+const H = { class: "flex flex-col select-none" }, J = ["title"], R = {
   key: 1,
   class: "w-6 mr-1"
-}, 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 = {
+}, W = { class: "mr-2 text-muted-foreground shrink-0" }, X = { class: "flex-1 truncate text-sm font-medium" }, Y = { class: "mr-2 text-gray-400 select-none shrink-0" }, Z = { class: "truncate" }, _ = {
   key: 0,
   class: "relative flex flex-col"
-}, _ = /* @__PURE__ */ q({
+}, oe = /* @__PURE__ */ O({
   name: "FileTreeNode",
   __name: "FileTreeNode",
   props: {
@@ -24,19 +24,19 @@ const O = { class: "flex flex-col select-none" }, j = ["title"], U = {
     searchQuery: {}
   },
   emits: ["toggle-expand", "toggle-select", "click-node"],
-  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(
+  setup(e, { emit: E }) {
+    const n = e, y = E, w = a(() => n.selectedKeys.has(n.node.id)), I = a(() => n.indeterminateKeys.has(n.node.id)), x = a(() => n.expandedKeys.has(n.node.id)), L = a(() => n.loadingKeys.has(n.node.id)), h = a(
       () => n.node.isFolder || n.node.children && n.node.children.length > 0
-    ), 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;
+    ), Q = a(() => n.depth * 20 + "px"), S = a(() => n.node.labelI18n ? G(n.node.labelI18n) : n.node.label), P = a(() => {
+      const t = S.value, l = 35;
       if (t.length <= l) return t;
       const o = t.lastIndexOf(".");
       if (o === -1 || t.length - o > 10)
         return t.substring(0, l) + "...";
-      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 = $.value;
+      const i = t.substring(o), r = t.substring(0, o), N = Math.max(0, l - i.length - 3);
+      return r.substring(0, N) + "..." + i;
+    }), q = a(() => {
+      const t = P.value;
       if (!n.highlightSearch || !n.searchQuery)
         return [{ text: t, highlight: !1 }];
       const l = n.searchQuery.toLowerCase(), o = t.toLowerCase().indexOf(l);
@@ -48,7 +48,7 @@ const O = { class: "flex flex-col select-none" }, j = ["title"], U = {
         },
         { text: t.slice(o + l.length), highlight: !1 }
       ];
-    }), E = c(() => {
+    }), z = a(() => {
       const t = n.node.searchMatch;
       if (!t) return [];
       const l = t.line_content, o = t.match_start, i = t.match_length;
@@ -57,129 +57,134 @@ const O = { class: "flex flex-col select-none" }, j = ["title"], U = {
         { text: l.substring(o, o + i), highlight: !0 },
         { text: l.substring(o + i), highlight: !1 }
       ];
-    }), L = (t) => {
-      t && t.stopPropagation(), m("toggle-expand", n.node);
-    }, I = () => {
-      m("toggle-select", n.node);
-    }, P = (t) => {
-      t.stopPropagation(), h.value ? L() : n.selectionMode !== "none" && m("toggle-select", n.node), m("click-node", n.node);
+    }), p = (t) => {
+      t && t.stopPropagation(), y("toggle-expand", n.node);
+    }, V = () => {
+      y("toggle-select", n.node);
+    }, D = (t) => {
+      t.stopPropagation(), h.value ? p() : n.selectionMode !== "none" && y("toggle-select", n.node), y("click-node", n.node);
     };
     return (t, l) => {
-      const o = z("FileTreeNode", !0);
-      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,
-            "hover:bg-accent/50": !b.value || e.selectionMode !== "single",
+      const o = j("FileTreeNode", !0);
+      return s(), d("div", H, [
+        c("div", {
+          class: k(["group flex flex-col rounded-md transition-colors cursor-pointer", {
+            "bg-accent/50 text-accent-foreground": w.value && e.selectionMode === "single" && !e.showCheckboxes,
+            "hover:bg-accent/50": !w.value || e.selectionMode !== "single",
             "opacity-50 pointer-events-none": e.node.disabled
           }]),
-          onClick: P,
-          title: K.value
+          onClick: D,
+          title: S.value
         }, [
-          r("div", {
+          c("div", {
             class: "flex items-center py-1 pr-2 min-h-[32px]",
-            style: f({ paddingLeft: T.value })
+            style: b({ paddingLeft: Q.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(L, ["stop"])
+              class: k(["p-1 mr-1 rounded-sm hover:bg-muted text-muted-foreground transition-transform duration-200 focus:outline-none", { "rotate-90": x.value }]),
+              onClick: $(p, ["stop"])
             }, [
-              N(g, {
+              B(m, {
                 icon: "lucide:chevron-right",
                 class: "w-4 h-4"
               })
-            ], 2)) : (s(), d("div", U)),
+            ], 2)) : (s(), d("div", R)),
             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(() => {
+              onClick: l[0] || (l[0] = $(() => {
               }, ["stop"]))
             }, [
-              N(V, {
-                checked: b.value,
-                indeterminate: F.value,
+              B(A, {
+                checked: w.value,
+                indeterminate: I.value,
                 disabled: e.node.disabled,
-                "onUpdate:checked": I,
+                "onUpdate:checked": V,
                 rounded: "sm",
                 size: "sm"
               }, null, 8, ["checked", "indeterminate", "disabled"])
-            ])) : k("", !0),
-            r("div", A, [
-              C.value ? (s(), u(g, {
+            ])) : v("", !0),
+            c("div", W, [
+              L.value ? (s(), g(m, {
                 key: 0,
                 icon: "lucide:loader-2",
                 class: "w-4 h-4 animate-spin"
-              })) : e.node.icon ? (s(), u(g, {
+              })) : e.node.icon ? (s(), g(m, {
                 key: 1,
                 icon: e.node.icon,
                 class: "w-4 h-4"
-              }, null, 8, ["icon"])) : h.value ? (s(), u(g, {
+              }, null, 8, ["icon"])) : h.value ? (s(), g(m, {
                 key: 2,
                 icon: x.value ? "lucide:folder-open" : "lucide:folder",
                 class: "w-4 h-4"
-              }, null, 8, ["icon"])) : (s(), u(g, {
+              }, null, 8, ["icon"])) : (s(), g(m, {
                 key: 3,
                 icon: "lucide:file",
                 class: "w-4 h-4"
               }))
             ]),
-            r("div", G, [
-              (s(!0), d(v, null, p(B.value, (i, a) => (s(), d("span", {
-                key: a,
-                class: y({
+            c("div", X, [
+              (s(!0), d(K, null, C(q.value, (i, r) => (s(), d("span", {
+                key: r,
+                class: k({
                   "bg-yellow-100 text-yellow-900 rounded-sm px-0.5": i.highlight
                 })
-              }, w(i.text), 3))), 128))
+              }, M(i.text), 3))), 128))
             ])
           ], 4),
           e.node.searchMatch ? (s(), d("div", {
             key: 0,
             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" })
+            style: b({ paddingLeft: e.depth * 20 + 28 + "px" })
           }, [
-            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({
+            c("span", Y, "L" + M(e.node.searchMatch.line_number), 1),
+            c("div", Z, [
+              (s(!0), d(K, null, C(z.value, (i, r) => (s(), d("span", {
+                key: r,
+                class: k({
                   "bg-yellow-500/20 text-gray-900 px-0.5 rounded-[1px] font-medium border border-yellow-600/30": i.highlight
                 })
-              }, w(i.text), 3))), 128))
+              }, M(i.text), 3))), 128))
             ])
-          ], 4)) : k("", !0)
-        ], 10, j),
-        x.value && h.value && !C.value ? (s(), d("div", R, [
-          r("div", {
+          ], 4)) : v("", !0)
+        ], 10, J),
+        x.value && h.value && !L.value ? (s(), d("div", _, [
+          c("div", {
             class: "absolute top-1 bottom-1 border-l border-border",
-            style: f({ left: e.depth * 20 + 10 + "px" })
+            style: b({ left: e.depth * 20 + 10 + "px" })
           }, null, 4),
-          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,
-            "selection-mode": e.selectionMode,
-            "selected-keys": e.selectedKeys,
-            "expanded-keys": e.expandedKeys,
-            "indeterminate-keys": e.indeterminateKeys,
-            "loading-keys": e.loadingKeys,
-            "show-checkboxes": e.showCheckboxes,
-            "highlight-search": e.highlightSearch,
-            "search-query": e.searchQuery,
-            onToggleExpand: l[1] || (l[1] = (a) => t.$emit("toggle-expand", a)),
-            onToggleSelect: l[2] || (l[2] = (a) => t.$emit("toggle-select", a)),
-            onClickNode: l[3] || (l[3] = (a) => t.$emit("click-node", a))
-          }, null, 8, ["node", "depth", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query"]))), 128)) : x.value && h.value && (!e.node.children || e.node.children.length === 0) ? (s(), d("div", {
+          e.node.children && e.node.children.length > 0 ? (s(!0), d(K, { key: 0 }, C(e.node.children, (i, r, N, f) => {
+            const F = [i, e.selectedKeys, e.expandedKeys, e.indeterminateKeys, e.loadingKeys, e.highlightSearch, e.searchQuery];
+            if (f && f.key === i.id && U(f, F)) return f;
+            const T = (s(), g(o, {
+              key: i.id,
+              node: i,
+              depth: e.depth + 1,
+              "selection-mode": e.selectionMode,
+              "selected-keys": e.selectedKeys,
+              "expanded-keys": e.expandedKeys,
+              "indeterminate-keys": e.indeterminateKeys,
+              "loading-keys": e.loadingKeys,
+              "show-checkboxes": e.showCheckboxes,
+              "highlight-search": e.highlightSearch,
+              "search-query": e.searchQuery,
+              onToggleExpand: l[1] || (l[1] = (u) => t.$emit("toggle-expand", u)),
+              onToggleSelect: l[2] || (l[2] = (u) => t.$emit("toggle-select", u)),
+              onClickNode: l[3] || (l[3] = (u) => t.$emit("click-node", u))
+            }, null, 8, ["node", "depth", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query"]));
+            return T.memo = F, T;
+          }, l, 4), 128)) : x.value && h.value && (!e.node.children || e.node.children.length === 0) ? (s(), d("div", {
             key: 1,
             class: "py-0.5 text-xs text-muted-foreground italic",
-            style: f({ paddingLeft: (e.depth + 1) * 20 + 26 + "px" })
-          }, null, 4)) : k("", !0)
-        ])) : k("", !0)
+            style: b({ paddingLeft: (e.depth + 1) * 20 + 26 + "px" })
+          }, null, 4)) : v("", !0)
+        ])) : v("", !0)
       ]);
     };
   }
 });
 export {
-  _ as default
+  oe as default
 };

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 s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-41abc1b3"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0cced8cd"]]);
 export {
-  s as default
+  p as default
 };

package/components/Form/CustomFields.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as M, computed as c, ref as G, watch as H, openBlock as o, createElementBlock as n, createElementVNode as b, createBlock as q, withCtx as N, createTextVNode as J, toDisplayString as m, createCommentVNode as u, createVNode as v, Fragment as x, renderList as y, normalizeClass as F, TransitionGroup as K, isMemoSame as O } from "vue";
+import { defineComponent as M, computed as c, shallowRef as G, watch as H, openBlock as o, createElementBlock as n, createElementVNode as b, createBlock as q, withCtx as N, createTextVNode as J, toDisplayString as m, createCommentVNode as u, createVNode as v, Fragment as x, renderList as y, normalizeClass as F, TransitionGroup as K, isMemoSame as O } from "vue";
 import P from "./FormField.vue.js";
 import B from "../Button.vue.js";
 import Q from "../Label.vue.js";

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c368964e"]]);
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d34e8931"]]);
 export {
   _ as default
 };