vlite3 1.3.5 → 1.3.6

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

@@ -25,6 +25,7 @@ declare const __VLS_component: import('vue').DefineComponent<FileTreeProps, {},
     selectionMode: import('./types').FileTreeSelectionMode;
     showCheckboxes: boolean;
     highlightSearch: boolean;
+    maxLabelLength: number;
     defaultExpandedKeys: string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/FileTree/FileTree.vue.js

@@ -1,7 +1,7 @@
 import o from "./FileTree.vue2.js";
 /* empty css              */
-import e from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ed4297b9"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-62b1cddc"]]);
 export {
-  p as default
+  m as default
 };

package/components/FileTree/FileTree.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as Q, ref as E, shallowRef as T, watch as C, computed as v, openBlock as g, createElementBlock as x, 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 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 G from "./FileTreeNode.vue.js";
-import { $t as w } from "../../utils/i18n.js";
+import { $t as x } from "../../utils/i18n.js";
 const H = {
   key: 1,
   class: "text-sm text-muted-foreground p-4 text-center"
@@ -18,36 +18,37 @@ const H = {
     class: {},
     emptyText: {},
     emptyTextI18n: {},
-    variant: { default: "default" }
+    variant: { default: "default" },
+    maxLabelLength: { default: 35 }
   },
   emits: ["update:modelValue", "select", "expand", "node-click"],
-  setup(o, { emit: L }) {
-    const s = o, m = L, u = E(new Set(s.defaultExpandedKeys)), f = E(/* @__PURE__ */ new Set()), y = T(/* @__PURE__ */ new Map()), S = T(/* @__PURE__ */ new Map()), I = (t, l) => {
+  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);
       };
-      a(t, l), y.value = e, S.value = i;
+      a(t, l), g.value = e, b.value = i;
     };
-    C(
+    T(
       () => s.data,
       (t) => {
         I(t);
       },
       { immediate: !0, deep: !0 }
     );
-    const k = (t) => {
+    const w = (t) => {
       let l = [];
       if (t.children)
         for (const e of t.children)
-          l.push(e.id), l = l.concat(k(e));
+          l.push(e.id), l = l.concat(w(e));
       return l;
-    }, p = v(() => new Set(s.modelValue)), b = v(() => {
+    }, y = v(() => new Set(s.modelValue)), S = v(() => {
       const t = /* @__PURE__ */ new Set();
       if (s.selectionMode !== "multiple") return t;
       const l = (e) => {
         if (!e.children || e.children.length === 0)
-          return p.value.has(e.id) ? { status: "checked" } : { status: "unchecked" };
+          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);
@@ -61,8 +62,8 @@ const H = {
       if (u.value.has(t.id)) {
         const e = new Set(u.value);
         e.delete(t.id);
-        const i = y.value.get(t.id) || t;
-        k(i).forEach((n) => e.delete(n)), u.value = e, m("expand", t, !1);
+        const i = g.value.get(t.id) || t;
+        w(i).forEach((n) => e.delete(n)), 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)) {
@@ -78,21 +79,21 @@ const H = {
       }
     }, K = (t) => {
       if (t.disabled) return;
-      const l = y.value.get(t.id) || t;
-      let e = new Set(p.value);
+      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 = k(l), n = !i, c = (d, h) => {
+        const a = w(l), n = !i, c = (d, h) => {
           h ? 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);
+          const d = b.value.get(r.id);
           if (!d) break;
-          const h = y.value.get(d);
+          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;
         }
@@ -101,7 +102,7 @@ const H = {
     }, M = v(() => {
       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;
+        const a = (e.labelI18n ? x(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,
@@ -110,7 +111,7 @@ const H = {
       };
       return s.data.map(l).filter((e) => e !== null);
     });
-    C(
+    T(
       () => [s.searchQuery, s.data],
       ([t]) => {
         if (t) {
@@ -119,7 +120,7 @@ const H = {
             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;
+            const r = (a.labelI18n ? x(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) {
@@ -131,29 +132,30 @@ const H = {
       { deep: !0 }
     );
     const B = v(() => {
-      if (s.emptyTextI18n) return w(s.emptyTextI18n);
+      if (s.emptyTextI18n) return x(s.emptyTextI18n);
       if (s.emptyText) return s.emptyText;
-      const t = w("vlite.fileTree.emptyText");
+      const t = x("vlite.fileTree.emptyText");
       return t !== "vlite.fileTree.emptyText" ? t : "No results found.";
     });
-    return (t, l) => (g(), x("div", {
+    return (t, l) => (p(), k("div", {
       class: $(["w-full h-full overflow-y-auto file-tree-container", s.class])
     }, [
-      M.value.length > 0 ? (g(!0), x(q, { key: 0 }, V(M.value, (e, i, a, n) => {
-        const c = [e, p.value, u.value, b.value, f.value, o.highlightSearch, o.searchQuery, o.showCheckboxes, o.variant, !!t.$slots.actions];
+      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 = (g(), F(G, {
+        const r = (p(), F(G, {
           key: e.id,
           node: e,
           "selection-mode": o.selectionMode,
-          "selected-keys": p.value,
+          "selected-keys": y.value,
           "expanded-keys": u.value,
-          "indeterminate-keys": b.value,
+          "indeterminate-keys": S.value,
           "loading-keys": f.value,
           "show-checkboxes": o.showCheckboxes,
           "highlight-search": o.highlightSearch,
           "search-query": o.searchQuery,
           variant: o.variant,
+          "max-label-length": o.maxLabelLength,
           onToggleExpand: D,
           onToggleSelect: K,
           onClickNode: l[0] || (l[0] = (d) => m("node-click", d))
@@ -165,9 +167,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"]));
+        ]), 1032, ["node", "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)) : (g(), x("div", H, j(B.value), 1))
+      }, l, 1), 128)) : (p(), k("div", H, j(B.value), 1))
     ], 2));
   }
 });

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

@@ -11,6 +11,7 @@ interface Props {
     highlightSearch?: boolean;
     searchQuery?: string;
     variant?: FileTreeVariant;
+    maxLabelLength?: number;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -38,6 +39,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     selectionMode: FileTreeSelectionMode;
     showCheckboxes: boolean;
     highlightSearch: boolean;
+    maxLabelLength: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/FileTree/FileTreeNode.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as U, computed as a, resolveComponent as A, openBlock as s, createElementBlock as d, createElementVNode as c, normalizeClass as m, normalizeStyle as y, createCommentVNode as u, withModifiers as C, createVNode as E, createBlock as f, Fragment as K, renderList as M, toDisplayString as L, renderSlot as I, isMemoSame as G, createSlots as H, withCtx as J, mergeProps as R } from "vue";
-import x from "../Icon.vue.js";
+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 = {
@@ -8,7 +8,7 @@ const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
 }, _ = { 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 = {
   key: 0,
   class: "relative flex flex-col"
-}, ae = /* @__PURE__ */ U({
+}, de = /* @__PURE__ */ U({
   name: "FileTreeNode",
   __name: "FileTreeNode",
   props: {
@@ -22,52 +22,53 @@ const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
     showCheckboxes: { type: Boolean, default: !1 },
     highlightSearch: { type: Boolean, default: !1 },
     searchQuery: {},
-    variant: { default: "default" }
+    variant: { default: "default" },
+    maxLabelLength: { default: 35 }
   },
   emits: ["toggle-expand", "toggle-select", "click-node"],
   setup(e, { emit: P }) {
-    const l = e, v = P, w = a(() => l.selectedKeys.has(l.node.id)), Q = a(() => l.indeterminateKeys.has(l.node.id)), k = a(() => l.expandedKeys.has(l.node.id)), S = a(() => l.loadingKeys.has(l.node.id)), g = a(
-      () => l.node.isFolder || l.node.children && l.node.children.length > 0
-    ), q = a(() => l.depth * 20 + "px"), $ = a(() => l.node.labelI18n ? X(l.node.labelI18n) : l.node.label), z = a(() => {
-      const t = $.value, n = 35;
-      if (t.length <= n) return t;
+    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;
+      if (t.length <= l) return t;
       const o = t.lastIndexOf(".");
       if (o === -1 || t.length - o > 10)
-        return t.substring(0, n) + "...";
-      const i = t.substring(o), h = t.substring(0, o), F = Math.max(0, n - i.length - 3);
-      return h.substring(0, F) + "..." + i;
-    }), V = a(() => {
+        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;
-      if (!l.highlightSearch || !l.searchQuery)
+      if (!n.highlightSearch || !n.searchQuery)
         return [{ text: t, highlight: !1 }];
-      const n = l.searchQuery.toLowerCase(), o = t.toLowerCase().indexOf(n);
+      const l = n.searchQuery.toLowerCase(), o = t.toLowerCase().indexOf(l);
       return o === -1 ? [{ text: t, highlight: !1 }] : [
         { text: t.slice(0, o), highlight: !1 },
         {
-          text: t.slice(o, o + n.length),
+          text: t.slice(o, o + l.length),
           highlight: !0
         },
-        { text: t.slice(o + n.length), highlight: !1 }
+        { text: t.slice(o + l.length), highlight: !1 }
       ];
-    }), D = a(() => {
-      const t = l.node.searchMatch;
+    }), D = d(() => {
+      const t = n.node.searchMatch;
       if (!t) return [];
-      const n = t.line_content, o = t.match_start, i = t.match_length;
-      return o < 0 || o >= n.length ? [{ text: n, highlight: !1 }] : [
-        { text: n.substring(0, o), highlight: !1 },
-        { text: n.substring(o, o + i), highlight: !0 },
-        { text: n.substring(o + i), highlight: !1 }
+      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 }
       ];
     }), N = (t) => {
-      t && t.stopPropagation(), v("toggle-expand", l.node);
+      t && t.stopPropagation(), b("toggle-expand", n.node);
     }, O = () => {
-      v("toggle-select", l.node);
+      b("toggle-select", n.node);
     }, j = (t) => {
-      t.stopPropagation(), g.value ? N() : l.selectionMode !== "none" && v("toggle-select", l.node), v("click-node", l.node);
+      t.stopPropagation(), g.value ? N() : n.selectionMode !== "none" && b("toggle-select", n.node), b("click-node", n.node);
     };
-    return (t, n) => {
+    return (t, l) => {
       const o = A("FileTreeNode", !0);
-      return s(), d("div", Y, [
+      return i(), a("div", Y, [
         c("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,
@@ -79,30 +80,30 @@ const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
           onClick: j,
           title: $.value
         }, [
-          e.variant === "bordered" ? (s(), d("div", {
+          e.variant === "bordered" ? (i(), a("div", {
             key: 0,
             class: "absolute bottom-0 right-0 h-[1px] bg-border pointer-events-none",
-            style: y({ left: e.depth * 20 + "px" })
+            style: x({ 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: y({ paddingLeft: q.value })
+            style: x({ paddingLeft: q.value })
           }, [
-            g.value ? (s(), d("button", {
+            g.value ? (i(), a("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": k.value }]),
-              onClick: C(N, ["stop"])
+              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"])
             }, [
-              E(x, {
+              E(f, {
                 icon: "lucide:chevron-right",
                 class: "w-4 h-4"
               })
-            ], 2)) : (s(), d("div", p)),
-            e.showCheckboxes && e.selectionMode !== "none" ? (s(), d("div", {
+            ], 2)) : (i(), a("div", p)),
+            e.showCheckboxes && e.selectionMode !== "none" ? (i(), a("div", {
               key: 2,
               class: "mr-2 flex items-center justify-center bg-transparent",
-              onClick: n[0] || (n[0] = C(() => {
+              onClick: l[0] || (l[0] = L(() => {
               }, ["stop"]))
             }, [
               E(W, {
@@ -115,68 +116,68 @@ const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
               }, null, 8, ["checked", "indeterminate", "disabled"])
             ])) : u("", !0),
             c("div", _, [
-              S.value ? (s(), f(x, {
+              S.value ? (i(), y(f, {
                 key: 0,
                 icon: "lucide:loader-2",
                 class: "w-4 h-4 animate-spin"
-              })) : e.node.icon ? (s(), f(x, {
+              })) : e.node.icon ? (i(), y(f, {
                 key: 1,
                 icon: e.node.icon,
                 class: "w-4 h-4"
-              }, null, 8, ["icon"])) : g.value ? (s(), f(x, {
+              }, null, 8, ["icon"])) : g.value ? (i(), y(f, {
                 key: 2,
-                icon: k.value ? "lucide:folder-open" : "lucide:folder",
+                icon: v.value ? "lucide:folder-open" : "lucide:folder",
                 class: "w-4 h-4"
-              }, null, 8, ["icon"])) : (s(), f(x, {
+              }, null, 8, ["icon"])) : (i(), y(f, {
                 key: 3,
                 icon: "lucide:file",
                 class: "w-4 h-4"
               }))
             ]),
             c("div", ee, [
-              (s(!0), d(K, null, M(V.value, (i, h) => (s(), d("span", {
+              (i(!0), a(C, null, K(V.value, (s, h) => (i(), a("span", {
                 key: h,
                 class: m({
-                  "bg-yellow-100 text-yellow-900 rounded-sm px-0.5": i.highlight
+                  "bg-yellow-100 text-yellow-900 rounded-sm px-0.5": s.highlight
                 })
-              }, L(i.text), 3))), 128))
+              }, M(s.text), 3))), 128))
             ]),
-            t.$slots.actions ? (s(), d("div", {
+            t.$slots.actions ? (i(), a("div", {
               key: 3,
               class: "ml-2 flex items-center shrink-0",
-              onClick: n[1] || (n[1] = C(() => {
+              onClick: l[1] || (l[1] = L(() => {
               }, ["stop"]))
             }, [
               I(t.$slots, "actions", { node: e.node })
             ])) : u("", !0)
           ], 6),
-          e.node.searchMatch ? (s(), d("div", {
+          e.node.searchMatch ? (i(), a("div", {
             key: 1,
             class: "flex items-center text-[11px] text-gray-500 font-mono pr-2 pb-1.5 truncate",
-            style: y({ paddingLeft: e.depth * 20 + 28 + "px" })
+            style: x({ paddingLeft: e.depth * 20 + 28 + "px" })
           }, [
-            c("span", te, "L" + L(e.node.searchMatch.line_number), 1),
+            c("span", te, "L" + M(e.node.searchMatch.line_number), 1),
             c("div", ne, [
-              (s(!0), d(K, null, M(D.value, (i, h) => (s(), d("span", {
+              (i(!0), a(C, null, K(D.value, (s, h) => (i(), a("span", {
                 key: h,
                 class: m({
-                  "bg-yellow-500/20 text-gray-900 px-0.5 rounded-[1px] font-medium border border-yellow-600/30": i.highlight
+                  "bg-yellow-500/20 text-gray-900 px-0.5 rounded-[1px] font-medium border border-yellow-600/30": s.highlight
                 })
-              }, L(i.text), 3))), 128))
+              }, M(s.text), 3))), 128))
             ])
           ], 4)) : u("", !0)
         ], 10, Z),
-        k.value && g.value && !S.value ? (s(), d("div", le, [
+        v.value && g.value && !S.value ? (i(), a("div", le, [
           c("div", {
             class: "absolute top-1 bottom-1 border-l border-border",
-            style: y({ left: e.depth * 20 + 10 + "px" })
+            style: x({ left: e.depth * 20 + 10 + "px" })
           }, null, 4),
-          e.node.children && e.node.children.length > 0 ? (s(!0), d(K, { key: 0 }, M(e.node.children, (i, h, F, b) => {
-            const T = [i, e.selectedKeys, e.expandedKeys, e.indeterminateKeys, e.loadingKeys, e.highlightSearch, e.searchQuery, e.showCheckboxes, e.variant, !!t.$slots.actions];
-            if (b && b.key === i.id && G(b, T)) return b;
-            const B = (s(), f(o, {
-              key: i.id,
-              node: i,
+          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,
               depth: e.depth + 1,
               "selection-mode": e.selectionMode,
               "selected-keys": e.selectedKeys,
@@ -187,9 +188,10 @@ const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
               "highlight-search": e.highlightSearch,
               "search-query": e.searchQuery,
               variant: e.variant,
-              onToggleExpand: n[2] || (n[2] = (r) => t.$emit("toggle-expand", r)),
-              onToggleSelect: n[3] || (n[3] = (r) => t.$emit("toggle-select", r)),
-              onClickNode: n[4] || (n[4] = (r) => t.$emit("click-node", r))
+              "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 }, [
               t.$slots.actions ? {
                 name: "actions",
@@ -198,12 +200,12 @@ const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["node", "depth", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query", "variant"]));
+            ]), 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;
-          }, n, 5), 128)) : k.value && g.value && (!e.node.children || e.node.children.length === 0) ? (s(), d("div", {
+          }, l, 5), 128)) : v.value && g.value && (!e.node.children || e.node.children.length === 0) ? (i(), a("div", {
             key: 1,
             class: "py-0.5 text-xs text-muted-foreground italic",
-            style: y({ paddingLeft: (e.depth + 1) * 20 + 26 + "px" })
+            style: x({ paddingLeft: (e.depth + 1) * 20 + 26 + "px" })
           }, null, 4)) : u("", !0)
         ])) : u("", !0)
       ]);
@@ -211,5 +213,5 @@ const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
   }
 });
 export {
-  ae as default
+  de as default
 };

package/components/FileTree/types.d.ts

@@ -32,6 +32,7 @@ export interface FileTreeProps {
     emptyText?: string;
     emptyTextI18n?: string;
     variant?: FileTreeVariant;
+    maxLabelLength?: number;
 }
 export interface FileTreeEvents {
     (e: 'update:modelValue', keys: string[]): void;

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-d4325cd1"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c8a43921"]]);
 export {
-  _ as default
+  p as default
 };

package/components/Form/Form.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as we, inject as Ae, computed as r, onMounted as se, onUnmounted as O, ref as K, watch as ne, openBlock as s, createElementBlock as c, withKeys as oe, withModifiers as J, normalizeClass as m, createElementVNode as f, createVNode as w, mergeProps as z, toDisplayString as B, unref as a, renderSlot as re, createCommentVNode as u, createBlock as C, withCtx as Te, Fragment as Pe, renderList as Re } from "vue";
+import { defineComponent as we, inject as Ae, computed as r, onMounted as se, onUnmounted as O, ref as K, watch as ne, openBlock as s, createElementBlock as c, withKeys as oe, withModifiers as J, normalizeClass as m, createElementVNode as f, createVNode as w, mergeProps as z, toDisplayString as B, unref as a, renderSlot as re, createCommentVNode as u, createBlock as p, withCtx as Te, Fragment as Pe, renderList as Re } from "vue";
 import { useForm as Ue } from "./composables/useForm.js";
 import Q from "./FormFields.vue.js";
 import Ve from "./FormField.vue.js";
@@ -15,7 +15,7 @@ const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { clas
   class: "w-full order-first lg:order-last lg:min-w-100 lg:max-w-[380px] shrink-0"
 }, Ke = { key: 0 }, Me = {
   key: 0,
-  class: "flex gap-3 items-end pb-5 ml-auto"
+  class: "flex gap-3 items-end ml-auto"
 }, Ge = { class: "text-base font-semibold text-foreground" }, je = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
@@ -153,9 +153,9 @@ const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { clas
       return i;
     }, ke = r(() => d.value ? n.value < F.value.length - 1 : !1), te = r(() => d.value ? n.value > 0 : !1), E = r(() => d.value ? n.value === F.value.length - 1 : !0), ae = async () => {
       !ke.value || !await xe() || (n.value++, y("onStepChange", n.value));
-    }, pe = () => {
+    }, Ce = () => {
       te.value && (n.value--, y("onStepChange", n.value));
-    }, Ce = (l, i) => {
+    }, pe = (l, i) => {
       i <= n.value && (n.value = i, y("onStepChange", n.value));
     }, k = async () => {
       if (d.value) {
@@ -165,7 +165,7 @@ const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { clas
         }
         if (!await ee()) {
           const i = F.value.findIndex(
-            (o) => o.some((p) => !!x.value[p.name])
+            (o) => o.some((C) => !!x.value[C.name])
           );
           i !== -1 && i !== n.value && (n.value = i, y("onStepChange", n.value));
           return;
@@ -249,13 +249,13 @@ const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { clas
           direction: "horizontal",
           textPosition: e.timelineTextPosition,
           clickable: !0,
-          onStepClick: Ce
+          onStepClick: pe
         }, null, 8, ["steps", "activeStep", "textPosition"])
       ], 2)) : u("", !0),
       f("div", {
         class: m(e.footer && R.value ? "pb-2" : "")
       }, [
-        e.schemaLoading ? (s(), C(ze, {
+        e.schemaLoading ? (s(), p(ze, {
           key: 0,
           isGrouped: T.value
         }, null, 8, ["isGrouped"])) : (s(), c("div", {
@@ -263,7 +263,7 @@ const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { clas
           class: m(P.value ? "flex flex-col lg:flex-row gap-10 lg:gap-16" : "")
         }, [
           P.value ? (s(), c("div", Ee, [
-            g.value && a(U)(g.value) ? (s(), C(Ve, {
+            g.value && a(U)(g.value) ? (s(), p(Ve, {
               key: 0,
               field: g.value,
               value: a(h)[g.value.name],
@@ -287,20 +287,20 @@ const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { clas
               key: 1,
               class: m(["form-groups space-y-6", e.groupContainerClass])
             }, [
-              (s(!0), c(Pe, null, Re(F.value, (o, p) => (s(), c("div", {
-                key: p,
+              (s(!0), c(Pe, null, Re(F.value, (o, C) => (s(), c("div", {
+                key: C,
                 class: m([
                   "form-group overflow-hidden bg-body",
                   e.groupClass,
                   F.value?.length > 1 ? "border rounded" : ""
                 ])
               }, [
-                e.groupsHeadings?.[p] ? (s(), c("div", {
+                e.groupsHeadings?.[C] ? (s(), c("div", {
                   key: 0,
                   class: m(["form-group-header bg-muted/50 px-4 py-2.5 border-b", e.headerClass])
                 }, [
-                  f("h3", Ge, B(e.groupsHeadings[p]), 1),
-                  e.groupHeadingsDescription?.[p] ? (s(), c("p", je, B(e.groupHeadingsDescription[p]), 1)) : u("", !0)
+                  f("h3", Ge, B(e.groupsHeadings[C]), 1),
+                  e.groupHeadingsDescription?.[C] ? (s(), c("p", je, B(e.groupHeadingsDescription[C]), 1)) : u("", !0)
                 ], 2)) : u("", !0),
                 f("div", {
                   class: m(["form-group-body", [e.groupBodyClass, F.value?.length > 1 ? "p-4.5" : ""]])
@@ -373,7 +373,7 @@ const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { clas
               }, {
                 default: Te(() => [
                   t.layout === "inline" && e.footer ? (s(), c("div", Me, [
-                    W.value ? (s(), C(S, {
+                    W.value ? (s(), p(S, {
                       key: 0,
                       type: "button",
                       variant: "outline",
@@ -433,7 +433,7 @@ const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { clas
         ])
       }, [
         f("div", We, [
-          W.value ? (s(), C(S, {
+          W.value ? (s(), p(S, {
             key: 0,
             type: "button",
             variant: "outline",
@@ -441,7 +441,7 @@ const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { clas
             disabled: e.loading || a(b),
             onClick: ie
           }, null, 8, ["text", "disabled"])) : u("", !0),
-          d.value && e.isUpdate && !E.value ? (s(), C(S, z({
+          d.value && e.isUpdate && !E.value ? (s(), p(S, z({
             key: 1,
             type: "button",
             variant: "primary",
@@ -454,15 +454,15 @@ const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { clas
         f("div", {
           class: m(["flex gap-3 items-center", d.value && "ml-auto"])
         }, [
-          d.value && te.value ? (s(), C(S, {
+          d.value && te.value ? (s(), p(S, {
             key: 0,
             type: "button",
             variant: "outline",
             icon: "lucide:arrow-left",
             text: "Previous",
-            onClick: pe
+            onClick: Ce
           })) : u("", !0),
-          d.value && !E.value ? (s(), C(S, {
+          d.value && !E.value ? (s(), p(S, {
             key: 1,
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
@@ -470,7 +470,7 @@ const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { clas
             iconRight: "lucide:arrow-right",
             onClick: ae
           }, null, 8, ["variant"])) : u("", !0),
-          !d.value || E.value ? (s(), C(S, z({
+          !d.value || E.value ? (s(), p(S, z({
             key: 2,
             type: "submit",
             variant: "primary",