vlite3 1.3.4 → 1.3.6

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.d.ts

@@ -37,6 +37,7 @@ interface Props {
     pageHeaderClass?: string;
     backButtonProps?: ButtonProps;
     backButtonPath?: string;
+    layout?: 'vertical' | 'inline';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -87,6 +88,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     footer: boolean;
     class: string;
     loading: boolean;
+    layout: "vertical" | "inline";
     isUpdate: boolean;
     folderId: string;
     className: string;

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