vlite3 1.4.35 → 1.4.37

package/components/FileTree/FileTree.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, ref as L, shallowRef as E, watch as T, computed as v, openBlock as p, createElementBlock as k, normalizeClass as $, Fragment as q, renderList as V, isMemoSame as z, createBlock as F, createSlots as P, withCtx as A, renderSlot as R, mergeProps as U, toDisplayString as j } from "vue";
+import { defineComponent as Q, ref as L, shallowRef as E, watch as T, computed as p, openBlock as w, createElementBlock as b, normalizeClass as $, Fragment as q, renderList as V, isMemoSame as z, createBlock as F, createSlots as P, withCtx as A, renderSlot as R, mergeProps as U, toDisplayString as j } from "vue";
 import G from "./FileTreeNode.vue.js";
 import { $t as x } from "../../utils/i18n.js";
 const H = {
@@ -23,54 +23,54 @@ const H = {
   },
   emits: ["update:modelValue", "select", "expand", "node-click"],
   setup(o, { emit: C }) {
-    const s = o, m = C, u = L(new Set(s.defaultExpandedKeys)), f = L(/* @__PURE__ */ new Set()), g = E(/* @__PURE__ */ new Map()), b = E(/* @__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);
+    const i = o, m = C, u = L(new Set(i.defaultExpandedKeys)), f = L(/* @__PURE__ */ new Set()), g = E(/* @__PURE__ */ new Map()), S = E(/* @__PURE__ */ new Map()), I = (t, l) => {
+      const e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), a = (s, c) => {
+        for (const r of s)
+          e.set(r.id, r), c && n.set(r.id, c), r.children && a(r.children, r.id);
       };
-      a(t, l), g.value = e, b.value = i;
+      a(t, l), g.value = e, S.value = n;
     };
     T(
-      () => s.data,
+      () => i.data,
       (t) => {
         I(t);
       },
       { immediate: !0, deep: !0 }
     );
-    const w = (t) => {
+    const k = (t) => {
       let l = [];
       if (t.children)
         for (const e of t.children)
-          l.push(e.id), l = l.concat(w(e));
+          l.push(e.id), l = l.concat(k(e));
       return l;
-    }, y = v(() => new Set(s.modelValue)), S = v(() => {
+    }, v = p(() => new Set(i.modelValue)), M = p(() => {
       const t = /* @__PURE__ */ new Set();
-      if (s.selectionMode !== "multiple") return t;
+      if (i.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;
+          return v.value.has(e.id) ? { status: "checked" } : { status: "unchecked" };
+        let n = !1, a = !1, s = !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);
+          r.status === "checked" && (n = !0), r.status === "unchecked" && (a = !0), r.status === "indeterminate" && (s = !0);
         }
-        return n || i && a ? (t.add(e.id), { status: "indeterminate" }) : i ? { status: "checked" } : { status: "unchecked" };
+        return s || n && a ? (t.add(e.id), { status: "indeterminate" }) : n ? { status: "checked" } : { status: "unchecked" };
       };
-      return s.data.forEach(l), t;
+      return i.data.forEach(l), t;
     }), D = async (t) => {
       if (t.disabled) return;
       if (u.value.has(t.id)) {
         const e = new Set(u.value);
         e.delete(t.id);
-        const i = g.value.get(t.id) || t;
-        w(i).forEach((n) => e.delete(n)), u.value = e, m("expand", t, !1);
+        const n = g.value.get(t.id) || t;
+        k(n).forEach((s) => e.delete(s)), u.value = e, m("expand", t, !1);
       } else {
         const e = new Set(u.value);
-        if (e.add(t.id), u.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;
+        if (e.add(t.id), u.value = e, m("expand", t, !0), i.loadData && !t.isLoaded && (!t.children || t.children.length === 0)) {
+          const n = new Set(f.value);
+          n.add(t.id), f.value = n;
           try {
-            await s.loadData(t);
+            await i.loadData(t);
           } finally {
             const a = new Set(f.value);
             a.delete(t.id), f.value = a;
@@ -80,76 +80,78 @@ const H = {
     }, K = (t) => {
       if (t.disabled) return;
       const l = g.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 = w(l), n = !i, c = (d, h) => {
+      let e = new Set(v.value);
+      const n = e.has(t.id);
+      if (i.selectionMode === "single")
+        e.clear(), n || e.add(t.id);
+      else if (i.selectionMode === "multiple") {
+        const a = k(l), s = !n, c = (d, h) => {
           h ? e.add(d) : e.delete(d);
         };
-        c(t.id, n), a.forEach((d) => c(d, n));
+        c(t.id, s), a.forEach((d) => c(d, s));
         let r = l;
         for (; ; ) {
-          const d = b.value.get(r.id);
+          const d = S.value.get(r.id);
           if (!d) break;
           const h = g.value.get(d);
           if (!h || !h.children) break;
           h.children.every((N) => e.has(N.id)) ? e.add(h.id) : e.delete(h.id), r = h;
         }
       }
-      m("update:modelValue", Array.from(e)), m("select", l, !i);
-    }, M = v(() => {
-      if (!s.searchQuery) return s.data;
-      const t = s.searchQuery.toLowerCase(), l = (e) => {
-        const a = (e.labelI18n ? x(e.labelI18n) : e.label).toLowerCase().includes(t), n = !!e.searchMatch;
+      m("update:modelValue", Array.from(e)), m("select", l, !n);
+    }, y = p(() => {
+      if (!i.searchQuery) return i.data;
+      const t = i.searchQuery.toLowerCase(), l = (e) => {
+        const a = (e.labelI18n ? x(e.labelI18n) : e.label).toLowerCase().includes(t), s = !!e.searchMatch;
         let c = [];
-        return e.children && (c = e.children.map(l).filter((r) => r !== null)), a || n || c.length > 0 ? {
+        return e.children && (c = e.children.map(l).filter((r) => r !== null)), a || s || c.length > 0 ? {
           ...e,
           children: c
         } : null;
       };
-      return s.data.map(l).filter((e) => e !== null);
+      return i.data.map(l).filter((e) => e !== null);
     });
     T(
-      () => [s.searchQuery, s.data],
+      () => [i.searchQuery, i.data],
       ([t]) => {
         if (t) {
-          const l = t.toLowerCase(), e = /* @__PURE__ */ new Set(), i = (a) => {
-            let n = !1;
+          const l = t.toLowerCase(), e = /* @__PURE__ */ new Set(), n = (a) => {
+            let s = !1;
             if (a.children)
               for (const d of a.children)
-                i(d) && (n = !0);
+                n(d) && (s = !0);
             const r = (a.labelI18n ? x(a.labelI18n) : a.label).toLowerCase().includes(l) || !!a.searchMatch;
-            return n && e.add(a.id), r || n;
+            return s && e.add(a.id), r || s;
           };
-          if (s.data.forEach(i), e.size > 0) {
+          if (i.data.forEach(n), e.size > 0) {
             const a = new Set(u.value);
-            e.forEach((n) => a.add(n)), u.value = a;
+            e.forEach((s) => a.add(s)), u.value = a;
           }
         }
       },
       { deep: !0 }
     );
-    const B = v(() => {
-      if (s.emptyTextI18n) return x(s.emptyTextI18n);
-      if (s.emptyText) return s.emptyText;
+    const B = p(() => {
+      if (i.emptyTextI18n) return x(i.emptyTextI18n);
+      if (i.emptyText) return i.emptyText;
       const t = x("vlite.fileTree.emptyText");
       return t !== "vlite.fileTree.emptyText" ? t : "No results found.";
     });
-    return (t, l) => (p(), k("div", {
-      class: $(["w-full h-full overflow-y-auto file-tree-container", s.class])
+    return (t, l) => (w(), b("div", {
+      class: $(["w-full h-full overflow-y-auto file-tree-container", i.class])
     }, [
-      M.value.length > 0 ? (p(!0), k(q, { key: 0 }, V(M.value, (e, i, a, n) => {
-        const c = [e, y.value, u.value, S.value, f.value, o.highlightSearch, o.searchQuery, o.showCheckboxes, o.variant, o.maxLabelLength, !!t.$slots.actions];
-        if (n && n.key === e.id && z(n, c)) return n;
-        const r = (p(), F(G, {
+      y.value.length > 0 ? (w(!0), b(q, { key: 0 }, V(y.value, (e, n, a, s) => {
+        const c = [e, v.value, u.value, M.value, f.value, o.highlightSearch, o.searchQuery, o.showCheckboxes, o.variant, o.maxLabelLength, n === y.value.length - 1, !!t.$slots.actions];
+        if (s && s.key === e.id && z(s, c)) return s;
+        const r = (w(), F(G, {
           key: e.id,
           node: e,
+          "is-last": n === y.value.length - 1,
+          "ancestor-last-flags": [],
           "selection-mode": o.selectionMode,
-          "selected-keys": y.value,
+          "selected-keys": v.value,
           "expanded-keys": u.value,
-          "indeterminate-keys": S.value,
+          "indeterminate-keys": M.value,
           "loading-keys": f.value,
           "show-checkboxes": o.showCheckboxes,
           "highlight-search": o.highlightSearch,
@@ -167,9 +169,9 @@ const H = {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["node", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query", "variant", "max-label-length"]));
+        ]), 1032, ["node", "is-last", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query", "variant", "max-label-length"]));
         return r.memo = c, r;
-      }, l, 1), 128)) : (p(), k("div", H, j(B.value), 1))
+      }, l, 1), 128)) : (w(), b("div", H, j(B.value), 1))
     ], 2));
   }
 });

package/components/FileTree/FileTreeNode.vue.d.ts

@@ -12,6 +12,10 @@ interface Props {
     searchQuery?: string;
     variant?: FileTreeVariant;
     maxLabelLength?: number;
+    /** Whether this node is the last child of its parent. */
+    isLast?: boolean;
+    /** `isLast` of every ancestor, ordered root → immediate parent. */
+    ancestorLastFlags?: boolean[];
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -35,7 +39,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onClick-node"?: (node: FileNode) => any;
 }>, {
     variant: FileTreeVariant;
+    isLast: boolean;
     depth: number;
+    ancestorLastFlags: boolean[];
     selectionMode: FileTreeSelectionMode;
     showCheckboxes: boolean;
     highlightSearch: boolean;

package/components/FileTree/FileTreeNode.vue.js

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

package/components/Form/{AccordionView.vue.js → AccordionView.vue2.js}

@@ -1,5 +1,5 @@
 import o from "./AccordionView.vue3.js";
-/* empty css                   */
+/* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bb30cb10"]]);
 export {

package/components/Form/index.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as b, computed as d, openBlock as n, createElementBlock as g, createElementVNode as R, createBlock as r, withCtx as x, createTextVNode as k, toDisplayString as I, createCommentVNode as v, unref as l } from "vue";
 import B from "./TableView.vue.js";
-import C from "./AccordionView.vue.js";
+import C from "./AccordionView.vue2.js";
 import U from "../Label.vue.js";
 import N from "../Button.vue.js";
 import { useCustomFieldRows as V } from "./composables/useCustomFieldRows.js";

package/components/RichTextEditor/RichTextEditor.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent as te, ref as v, shallowRef as ne, watch as oe, computed as h, onMounted as le, onUnmounted as ae, openBlock as C, createElementBlock as L, normalizeClass as re, toDisplayString as I, createCommentVNode as U, createElementVNode as w, createVNode as q, unref as a, normalizeStyle as ie } from "vue";
 /* empty css                         */
-import se from "./RichTextToolbar.vue.js";
-/* empty css                     */
-import de from "./RichTextLinkPopover.vue.js";
-/* empty css                         */
+import se from "./RichTextToolbar.vue2.js";
+/* empty css                    */
+import de from "./RichTextLinkPopover.vue2.js";
+/* empty css                        */
 import { useRichTextImageUpload as ue } from "./composables/useRichTextImageUpload.js";
 import { useRichTextLinks as ce } from "./composables/useRichTextLinks.js";
 const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { class: "rte-wrapper" }, ye = { class: "rte-body-wrap" }, ge = ["id", "contenteditable", "aria-label", "aria-readonly", "aria-disabled", "aria-invalid"], be = ["id"], Se = /* @__PURE__ */ te({

package/components/RichTextEditor/RichTextLinkPopover.vue3.js

@@ -1,5 +1,5 @@
-import o from "./RichTextLinkPopover.vue.js";
-/* empty css                         */
+import o from "./RichTextLinkPopover.vue2.js";
+/* empty css                        */
 export {
   o as default
 };

package/components/RichTextEditor/RichTextToolbar.vue3.js

@@ -1,5 +1,5 @@
-import o from "./RichTextToolbar.vue.js";
-/* empty css                     */
+import o from "./RichTextToolbar.vue2.js";
+/* empty css                    */
 export {
   o as default
 };

package/components/Screen/ScreenFilter.vue.js

@@ -16,15 +16,15 @@ import "v-datepicker-lite/style.css";
 /* empty css                      */
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                                 */
-/* empty css                         */
+/* empty css                        */
 /* empty css                 */
 /* empty css                                         */
-/* empty css                                     */
-/* empty css                                         */
+/* empty css                                    */
+/* empty css                                        */
 import "../../core/config.js";
 /* empty css                                    */
 /* empty css                      */