vlite3 1.4.37 → 1.4.40

package/components/DataTable/DataTableRow.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as V, computed as f, openBlock as o, createElementBlock as d, normalizeClass as g, withModifiers as A, createElementVNode as b, createVNode as v, createCommentVNode as x, Fragment as p, renderList as D, normalizeStyle as w, unref as y, createBlock as c, renderSlot as I } from "vue";
-import U from "../CheckBox.vue.js";
-import k from "../Icon.vue.js";
+import { defineComponent as D, computed as g, openBlock as o, createElementBlock as d, normalizeClass as x, withModifiers as I, createElementVNode as b, createVNode as v, createCommentVNode as w, Fragment as p, renderList as U, normalizeStyle as y, unref as c, createBlock as u, renderSlot as V } from "vue";
+import R from "../CheckBox.vue.js";
+import h from "../Icon.vue.js";
 import G from "../Price/Price.vue.js";
 import P from "../DateTime/DateTime.vue.js";
-import R from "../TreeConnectors/TreeConnectors.vue.js";
-import { DEFAULT_TOGGLE_SIZE as O, DEFAULT_TREE_CONTENT_GAP as h, DEFAULT_TREE_LEADING as H } from "../TreeConnectors/geometry.js";
-const j = ["data-state"], Z = { class: "flex items-center justify-center" }, q = ["aria-expanded"], J = ["title", "innerHTML"], ne = /* @__PURE__ */ V({
+import O from "../TreeConnectors/TreeConnectors.vue.js";
+import { DEFAULT_TOGGLE_SIZE as H, DEFAULT_TREE_CONTENT_GAP as k, DEFAULT_TREE_LEAF_INSET as E, DEFAULT_TREE_LEADING as j } from "../TreeConnectors/geometry.js";
+const Z = ["data-state"], q = { class: "flex items-center justify-center" }, J = ["aria-expanded"], K = ["title", "innerHTML"], le = /* @__PURE__ */ D({
   __name: "DataTableRow",
   props: {
     row: {},
@@ -31,13 +31,13 @@ const j = ["data-state"], Z = { class: "flex items-center justify-center" }, q =
   },
   emits: ["select", "rowClick", "toggleExpand"],
   setup(e, { emit: C }) {
-    const s = e, u = C, a = (n, l) => {
+    const s = e, f = C, a = (n, l) => {
       if (!(!n || !l))
         return l.includes(".") ? l.split(".").reduce((t, i) => t?.[i], n) : n[l];
-    }, S = (n, l, t) => n.format ? n.format(l, t) : l == null ? "-" : n.type === "number" ? new Intl.NumberFormat("en-US").format(Number(l)) : String(l), B = (n, l, t) => {
+    }, S = (n, l, t) => n.format ? n.format(l, t) : l == null ? "-" : n.type === "number" ? new Intl.NumberFormat("en-US").format(Number(l)) : String(l), L = (n, l, t) => {
       const i = [];
       if (n.width && /(?:^|\s|:)w-/.test(n.width) && i.push(n.width), n.minWidth && /(?:^|\s|:)min-w-/.test(n.minWidth) && i.push(n.minWidth), n.capitalize && i.push("capitalize"), n.addStatusColor) {
-        const r = L(l);
+        const r = B(l);
         r && i.push(r);
       }
       if (typeof n.class == "function") {
@@ -45,7 +45,7 @@ const j = ["data-state"], Z = { class: "flex items-center justify-center" }, q =
         r && i.push(r);
       } else n.class && i.push(n.class);
       return i.join(" ");
-    }, L = (n) => {
+    }, B = (n) => {
       const l = {
         active: "text-success font-medium",
         inactive: "text-muted-foreground",
@@ -62,54 +62,55 @@ const j = ["data-state"], Z = { class: "flex items-center justify-center" }, q =
         low: "text-muted-foreground"
       }, t = String(n).toLowerCase().replace(/[-_\s]/g, "");
       return l[t] || "";
-    }, E = (n) => ({
+    }, T = (n) => ({
       left: "text-left",
       center: "text-center",
       right: "text-right"
-    })[n.align || "left"], M = f(() => a(s.row, s.keyField)), T = () => {
+    })[n.align || "left"], M = g(() => a(s.row, s.keyField)), F = () => {
       const { size: n, compact: l, cellBordered: t } = s;
       return n === "xs" || l ? `py-1.5! -text-fs-1.5! ${t ? "px-3!" : "pr-4 max-sm:pr-10!"}` : n === "sm" ? `py-2! -text-fs-1.5! ${t ? "px-3!" : "pr-5 max-sm:pr-10!"}` : n === "lg" ? `py-4! text-base ${t ? "px-4!" : "pr-7 max-sm:pr-12!"}` : `py-3! -text-fs-1.5! ${t ? "px-3.5!" : "pr-6! max-sm:pr-10!"}`;
-    }, m = H, z = f(
+    }, m = j, z = g(
       () => s.treeMode ? m + s.depth * s.treeIndent : 0
-    ), $ = f(
-      () => m + s.depth * s.treeIndent + O + h
-    ), F = () => {
-      u("rowClick", { row: s.row, index: s.index });
-    }, N = () => {
-      u("select", M.value);
+    ), N = g(() => {
+      const n = m + s.depth * s.treeIndent;
+      return s.expandable ? n + H + k : n + E;
+    }), $ = () => {
+      f("rowClick", { row: s.row, index: s.index });
+    }, A = () => {
+      f("select", M.value);
     }, W = (n) => {
-      n.stopPropagation(), u("toggleExpand");
+      n.stopPropagation(), f("toggleExpand");
     };
     return (n, l) => (o(), d("tr", {
-      class: g(["border-b data-[state=selected]:bg-muted h-full", [
+      class: x(["border-b data-[state=selected]:bg-muted h-full", [
         e.hoverable ? "hover:bg-muted/20" : "",
         e.striped && e.index % 2 === 1 ? "bg-muted/20" : "bg-background",
         e.isSelected ? "bg-muted! hover:bg-muted/30" : "",
         "group"
       ]]),
       "data-state": e.isSelected ? "selected" : void 0,
-      onClick: F
+      onClick: $
     }, [
       e.selectable ? (o(), d("td", {
         key: 0,
         class: "px-0! py-1! align-middle text-center",
-        onClick: l[0] || (l[0] = A(() => {
+        onClick: l[0] || (l[0] = I(() => {
         }, ["stop"]))
       }, [
-        b("div", Z, [
-          v(U, {
+        b("div", q, [
+          v(R, {
             "model-value": e.isSelected,
             indeterminate: e.isIndeterminate,
             size: "xs",
-            "onUpdate:modelValue": N
+            "onUpdate:modelValue": A
           }, null, 8, ["model-value", "indeterminate"])
         ])
-      ])) : x("", !0),
-      (o(!0), d(p, null, D(e.headers, (t, i) => (o(), d("td", {
+      ])) : w("", !0),
+      (o(!0), d(p, null, U(e.headers, (t, i) => (o(), d("td", {
         key: t.field,
-        class: g(["align-middle whitespace-normal wrap-break-word", [
-          T(),
-          E(t),
+        class: x(["align-middle whitespace-normal wrap-break-word", [
+          F(),
+          T(t),
           t.hideOnMobile ? "hidden md:table-cell" : "",
           e.treeMode ? "max-w-none min-w-0" : "max-w-[400px]",
           // Keep overflow clip on data cells; last column (actions) must stay visible
@@ -118,9 +119,9 @@ const j = ["data-state"], Z = { class: "flex items-center justify-center" }, q =
           // lines join seamlessly across rows. overflow-visible lets the connector
           // overlay bleed across the collapsed row border for continuous trunks.
           e.treeMode && i === 0 ? "relative pl-0! overflow-visible!" : "",
-          B(t, a(e.row, t.field), e.row)
+          L(t, a(e.row, t.field), e.row)
         ]]),
-        style: w(
+        style: y(
           e.treeMode ? void 0 : {
             ...t.width && !/(?:^|\s|:)w-/.test(t.width) ? { width: t.width } : {},
             ...t.minWidth && !/(?:^|\s|:)min-w-/.test(t.minWidth) ? { minWidth: t.minWidth } : {}
@@ -128,54 +129,56 @@ const j = ["data-state"], Z = { class: "flex items-center justify-center" }, q =
         )
       }, [
         e.treeMode && i === 0 ? (o(), d(p, { key: 0 }, [
-          v(y(R), {
+          v(c(O), {
             depth: e.depth,
             "is-last-sibling": e.isLastSibling,
             "ancestor-last-flags": e.ancestorLastFlags,
             "has-toggle": e.expandable,
             indent: e.treeIndent,
-            "base-inset": y(m),
-            "content-gap": y(h),
+            "base-inset": c(m),
+            "content-gap": c(k),
+            "leaf-has-spacer": !1,
+            "leaf-inset": c(E),
             "bleed-y": ""
-          }, null, 8, ["depth", "is-last-sibling", "ancestor-last-flags", "has-toggle", "indent", "base-inset", "content-gap"]),
+          }, null, 8, ["depth", "is-last-sibling", "ancestor-last-flags", "has-toggle", "indent", "base-inset", "content-gap", "leaf-inset"]),
           e.expandable ? (o(), d("button", {
             key: 0,
             type: "button",
             class: "absolute z-10 top-1/2 -translate-y-1/2 flex h-6 w-6 items-center justify-center rounded-sm text-muted-foreground hover:bg-muted hover:text-foreground transition-colors focus:outline-none",
-            style: w({ left: z.value + "px" }),
+            style: y({ left: z.value + "px" }),
             "aria-expanded": e.expanded,
             onClick: W
           }, [
-            e.treeLoading ? (o(), c(k, {
+            e.treeLoading ? (o(), u(h, {
               key: 0,
               icon: "lucide:loader-2",
               class: "h-4 w-4 animate-spin"
-            })) : (o(), c(k, {
+            })) : (o(), u(h, {
               key: 1,
               icon: e.expanded ? "lucide:chevron-down" : "lucide:chevron-right",
               class: "h-4 w-4"
             }, null, 8, ["icon"]))
-          ], 12, q)) : x("", !0)
-        ], 64)) : x("", !0),
+          ], 12, J)) : w("", !0)
+        ], 64)) : w("", !0),
         b("div", {
-          class: g([
+          class: x([
             "w-full min-w-0",
-            e.treeMode && i === 0 ? "relative flex items-center min-h-[28px] max-h-[80px] overflow-y-auto" : i === e.headers.length - 1 ? "overflow-visible" : "max-h-[80px] overflow-y-auto"
+            e.treeMode && i === 0 ? "relative flex items-center min-h-[28px] max-h-[80px] overflow-y-auto scrollbar-hide" : i === e.headers.length - 1 ? "overflow-visible" : "max-h-[80px] overflow-y-auto scrollbar-hide"
           ]),
-          style: w(e.treeMode && i === 0 ? { paddingLeft: $.value + "px" } : void 0)
+          style: y(e.treeMode && i === 0 ? { paddingLeft: N.value + "px" } : void 0)
         }, [
-          I(n.$slots, t.field, {
+          V(n.$slots, t.field, {
             value: a(e.row, t.field),
             row: e.row,
             index: e.index,
             field: t.field
           }, () => [
-            t.type === "price" ? (o(), c(G, {
+            t.type === "price" ? (o(), u(G, {
               key: 0,
               value: a(e.row, t.field),
               class: "block",
               title: String(a(e.row, t.field))
-            }, null, 8, ["value", "title"])) : t.type === "date" ? (o(), c(P, {
+            }, null, 8, ["value", "title"])) : t.type === "date" ? (o(), u(P, {
               key: 1,
               value: a(e.row, t.field),
               class: "block",
@@ -185,13 +188,13 @@ const j = ["data-state"], Z = { class: "flex items-center justify-center" }, q =
               class: "block",
               title: String(a(e.row, t.field)),
               innerHTML: S(t, a(e.row, t.field), e.row)
-            }, null, 8, J))
+            }, null, 8, K))
           ])
         ], 6)
       ], 6))), 128))
-    ], 10, j));
+    ], 10, Z));
   }
 });
 export {
-  ne as default
+  le as default
 };

package/components/DataTable/types.d.ts

@@ -67,6 +67,11 @@ export interface DataTableProps {
     bordered?: boolean;
     cellBordered?: boolean;
     compact?: boolean;
+    /**
+     * When `true` (default), the table container uses rounded corners.
+     * Set to `false` for sharp/square edges.
+     */
+    rounded?: boolean;
     tableClass?: string;
     class?: string;
     sortable?: boolean;

package/components/DataTable/useDataTableTree.d.ts

@@ -9,11 +9,12 @@ export interface UseDataTableTreeOptions {
 }
 export declare function useDataTableTree({ rows, keyField, loadChildren, getRowId, onExpand, }: UseDataTableTreeOptions): {
     isTreeMode: ComputedRef<boolean>;
-    expandedKeys: Ref<Set<any> & Omit<Set<any>, keyof Set<any>>, Set<any> | (Set<any> & Omit<Set<any>, keyof Set<any>>)>;
-    loadingKeys: Ref<Set<any> & Omit<Set<any>, keyof Set<any>>, Set<any> | (Set<any> & Omit<Set<any>, keyof Set<any>>)>;
-    childrenCache: Ref<Map<any, any[]> & Omit<Map<any, any[]>, keyof Map<any, any>>, Map<any, any[]> | (Map<any, any[]> & Omit<Map<any, any[]>, keyof Map<any, any>>)>;
+    expandedKeys: import('vue').ShallowRef<Set<any>, Set<any>>;
+    loadingKeys: import('vue').ShallowRef<Set<any>, Set<any>>;
+    childrenCache: import('vue').ShallowRef<Map<any, any[]>, Map<any, any[]>>;
     flattenVisibleRows: ComputedRef<DataTableFlatRow[]>;
     allLoadedRows: ComputedRef<Map<any, any>>;
+    findParentId: (id: any) => any | null;
     getChildren: (row: any) => any[];
     isExpandable: (row: any) => boolean;
     isExpanded: (id: any) => boolean;

package/components/DataTable/useDataTableTree.js

@@ -1,137 +1,147 @@
-import { ref as x, computed as E } from "vue";
-const y = "children", Y = "hasChildren";
-function H(o) {
-  const l = o?.[y];
-  return Array.isArray(l) && l.length > 0;
+import { shallowRef as E, computed as g } from "vue";
+import { EMPTY_ANCESTOR_LAST_FLAGS as D, appendAncestorLastFlag as P } from "../TreeConnectors/geometry.js";
+const L = "children", G = "hasChildren";
+function H(d) {
+  const c = d?.[L];
+  return Array.isArray(c) && c.length > 0;
 }
-function L(o) {
-  return o?.[Y] === !0;
+function A(d) {
+  return d?.[G] === !0;
 }
-function k({
-  rows: o,
-  keyField: l,
-  loadChildren: p,
+function q({
+  rows: d,
+  keyField: c,
+  loadChildren: S,
   getRowId: f,
-  onExpand: A
+  onExpand: T
 }) {
-  const u = x(/* @__PURE__ */ new Set()), v = x(/* @__PURE__ */ new Set()), r = x(/* @__PURE__ */ new Map()), C = E(() => {
-    if (p?.value) return !0;
+  const o = E(/* @__PURE__ */ new Set()), v = E(/* @__PURE__ */ new Set()), i = E(/* @__PURE__ */ new Map()), b = g(() => {
+    if (S?.value) return !0;
     const e = (t) => {
       for (const n of t) {
-        if (H(n) || L(n)) return !0;
-        const a = n?.[y];
+        if (H(n) || A(n)) return !0;
+        const a = n?.[L];
         if (Array.isArray(a) && e(a)) return !0;
       }
       return !1;
     };
-    return e(o.value || []);
-  }), h = (e) => {
-    const t = f(e, l.value);
-    if (r.value.has(t))
-      return r.value.get(t) || [];
-    const n = e?.[y];
+    return e(d.value || []);
+  }), p = (e) => {
+    const t = f(e, c.value);
+    if (i.value.has(t))
+      return i.value.get(t) || [];
+    const n = e?.[L];
     return Array.isArray(n) ? n : [];
-  }, b = (e) => {
-    const t = f(e, l.value);
-    return r.value.has(t) ? (r.value.get(t) || []).length > 0 : H(e) ? !0 : L(e);
-  }, K = (e) => u.value.has(e), _ = (e) => v.value.has(e), m = (e) => {
+  }, C = (e) => {
+    const t = f(e, c.value);
+    return i.value.has(t) ? (i.value.get(t) || []).length > 0 : H(e) ? !0 : A(e);
+  }, K = (e) => o.value.has(e), N = (e) => v.value.has(e), I = (e) => {
     const t = [], n = (a) => {
-      for (const s of h(a))
-        t.push(f(s, l.value)), n(s);
+      for (const l of p(a))
+        t.push(f(l, c.value)), n(l);
     };
     return n(e), t;
-  }, N = E(() => {
-    if (!C.value)
-      return (o.value || []).map((a, s) => ({
-        row: a,
-        id: f(a, l.value),
+  }, M = g(() => {
+    const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = (a, l) => {
+      for (const s of a) {
+        const h = f(s, c.value);
+        e.set(h, s), t.set(h, l);
+        const u = p(s);
+        u.length && n(u, h);
+      }
+    };
+    return n(d.value || [], null), { byId: e, parentById: t };
+  }), m = g(() => M.value.byId), Y = (e) => M.value.parentById.get(e) ?? null, B = g(() => {
+    if (!b.value) {
+      const a = d.value || [];
+      return a.map((l, s) => ({
+        row: l,
+        id: f(l, c.value),
         depth: 0,
         parentId: null,
-        isLastSibling: s === (o.value || []).length - 1,
-        ancestorLastFlags: [],
+        isLastSibling: s === a.length - 1,
+        ancestorLastFlags: D,
         index: s
       }));
+    }
     const e = [];
     let t = 0;
-    const n = (a, s, d, S) => {
-      a.forEach((c, i) => {
-        const g = f(c, l.value), T = i === a.length - 1;
+    const n = (a, l, s, h) => {
+      const u = a.length - 1;
+      for (let r = 0; r < a.length; r++) {
+        const x = a[r], y = f(x, c.value), _ = r === u;
         if (e.push({
-          row: c,
-          id: g,
-          depth: s,
-          parentId: d,
-          isLastSibling: T,
-          ancestorLastFlags: [...S],
+          row: x,
+          id: y,
+          depth: l,
+          parentId: s,
+          isLastSibling: _,
+          ancestorLastFlags: h,
           index: t++
-        }), u.value.has(g)) {
-          const D = h(c);
-          D.length > 0 && n(D, s + 1, g, [...S, T]);
+        }), o.value.has(y)) {
+          const w = p(x);
+          w.length > 0 && n(
+            w,
+            l + 1,
+            y,
+            P(h, _)
+          );
         }
-      });
-    };
-    return n(o.value || [], 0, null, []), e;
-  }), M = E(() => {
-    const e = /* @__PURE__ */ new Map(), t = (n) => {
-      for (const a of n) {
-        const s = f(a, l.value);
-        e.set(s, a);
-        for (const d of h(a))
-          t([d]);
       }
     };
-    return t(o.value || []), e;
+    return n(d.value || [], 0, null, D), e;
   });
   return {
-    isTreeMode: C,
-    expandedKeys: u,
+    isTreeMode: b,
+    expandedKeys: o,
     loadingKeys: v,
-    childrenCache: r,
-    flattenVisibleRows: N,
-    allLoadedRows: M,
-    getChildren: h,
-    isExpandable: b,
+    childrenCache: i,
+    flattenVisibleRows: B,
+    allLoadedRows: m,
+    findParentId: Y,
+    getChildren: p,
+    isExpandable: C,
     isExpanded: K,
-    isLoading: _,
-    collectDescendantIds: m,
+    isLoading: N,
+    collectDescendantIds: I,
     toggleExpand: async (e, t) => {
-      if (!b(e)) return;
-      const n = f(e, l.value);
-      if (u.value.has(n)) {
-        const c = new Set(u.value);
-        c.delete(n);
-        for (const i of m(e))
-          c.delete(i);
-        u.value = c, A({ row: e, expanded: !1, children: h(e), depth: t });
+      if (!C(e)) return;
+      const n = f(e, c.value);
+      if (o.value.has(n)) {
+        const u = new Set(o.value);
+        u.delete(n);
+        for (const r of I(e))
+          u.delete(r);
+        o.value = u, T({ row: e, expanded: !1, children: p(e), depth: t });
         return;
       }
-      const s = new Set(u.value);
-      s.add(n), u.value = s;
-      let d = h(e);
-      if (!!p?.value && d.length === 0 && L(e) && !r.value.has(n) && p?.value) {
-        const c = new Set(v.value);
-        c.add(n), v.value = c;
+      const l = new Set(o.value);
+      l.add(n), o.value = l;
+      let s = p(e);
+      if (!!S?.value && s.length === 0 && A(e) && !i.value.has(n) && S?.value) {
+        const u = new Set(v.value);
+        u.add(n), v.value = u;
         try {
-          d = await p.value(e) || [];
-          const i = new Map(r.value);
-          i.set(n, d), r.value = i;
+          s = await S.value(e) || [];
+          const r = new Map(i.value);
+          r.set(n, s), i.value = r;
         } finally {
-          const i = new Set(v.value);
-          i.delete(n), v.value = i;
+          const r = new Set(v.value);
+          r.delete(n), v.value = r;
         }
       }
-      A({ row: e, expanded: !0, children: d, depth: t });
+      T({ row: e, expanded: !0, children: s, depth: t });
     },
     pruneStaleTreeState: () => {
-      const e = new Set(M.value.keys());
-      u.value = new Set([...u.value].filter((n) => e.has(n))), v.value = new Set([...v.value].filter((n) => e.has(n)));
+      const e = new Set(m.value.keys());
+      o.value = new Set([...o.value].filter((n) => e.has(n))), v.value = new Set([...v.value].filter((n) => e.has(n)));
       const t = /* @__PURE__ */ new Map();
-      r.value.forEach((n, a) => {
+      i.value.forEach((n, a) => {
         e.has(a) && t.set(a, n);
-      }), r.value = t;
+      }), i.value = t;
     }
   };
 }
 export {
-  k as useDataTableTree
+  q as useDataTableTree
 };

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

@@ -2,7 +2,9 @@ import { FileNode, FileTreeProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        actions?(_: any): any;
+        actions?(_: {
+            node: FileNode;
+        }): any;
     };
     refs: {};
     rootEl: HTMLDivElement;

package/components/FileTree/FileTree.vue.js

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