vlite3 1.4.37 → 1.4.40

package/components/FileTree/FileTreeNode.vue.js

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

package/components/Form/{AccordionView.vue2.js → AccordionView.vue.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 {