@vtable-guild/vtable-guild 2.8.1 → 2.9.0-alpha.1

package/dist/table/src/components/VirtualTableBody.mjs

@@ -1,23 +1,23 @@
-import { defineComponent as U, inject as Y, ref as C, computed as w, onBeforeUnmount as J, watch as Q, createVNode as r, isVNode as Z } from "vue";
+import { defineComponent as U, inject as Y, ref as x, nextTick as J, computed as w, onBeforeUnmount as Q, watch as Z, createVNode as r, isVNode as ee } from "vue";
 import "../../../core/src/utils/tv.mjs";
-import ee from "./TableRow.mjs";
-import te from "./TableCell.mjs";
-import le from "./TableEmpty.mjs";
-import oe from "./ExpandedRowTr.mjs";
+import te from "./TableRow.mjs";
+import le from "./TableCell.mjs";
+import oe from "./TableEmpty.mjs";
+import ae from "./ExpandedRowTr.mjs";
 import ne from "./ColGroup.mjs";
-import ae from "./ColumnWidthRow.mjs";
-import { TABLE_CONTEXT_KEY as re } from "../context.mjs";
-import { resolveFixedColumnRanges as ie, useColumnWindow as se } from "../composables/useColumnWindow.mjs";
-import { resolveRowDragClass as de } from "../composables/useRowDragSort.mjs";
-import { getRowCompatClass as ue } from "../utils/compat.mjs";
+import re from "./ColumnWidthRow.mjs";
+import { TABLE_CONTEXT_KEY as ie } from "../context.mjs";
+import { resolveFixedColumnRanges as se, useColumnWindow as de } from "../composables/useColumnWindow.mjs";
+import { resolveRowDragClass as ue } from "../composables/useRowDragSort.mjs";
+import { getRowCompatClass as ce } from "../utils/compat.mjs";
 import { resolveRowKey as N } from "../utils/rowKey.mjs";
-import { sumDeclaredColumnWidths as ce, parseStylePxWidth as fe } from "../utils/columnWidth.mjs";
-import me from "../../../core/src/components/VirtualList/VirtualList.mjs";
+import { sumDeclaredColumnWidths as fe, parseStylePxWidth as me } from "../utils/columnWidth.mjs";
+import we from "../../../core/src/components/VirtualList/VirtualList.mjs";
 import { cn as W } from "tailwind-variants";
-function we(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Z(e);
+function ve(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !ee(t);
 }
-const qe = /* @__PURE__ */ U({
+const Oe = /* @__PURE__ */ U({
   name: "VirtualTableBody",
   props: {
     dataSource: {
@@ -96,183 +96,196 @@ const qe = /* @__PURE__ */ U({
       default: "hover"
     }
   },
-  setup(e, {
-    expose: F
+  setup(t, {
+    expose: k
   }) {
-    const n = Y(re, {}), c = C();
-    F({
+    const n = Y(ie, {}), c = x();
+    k({
       scrollToTop: () => c.value?.scrollTo({
         top: 0
-      })
+      }),
+      async scrollTo(e) {
+        const l = c.value;
+        return !l || (e.index !== void 0 ? l.scrollTo({
+          index: e.index,
+          align: e.align,
+          offset: e.offset
+        }) : e.top !== void 0 && l.scrollTo({
+          top: e.top
+        }), e.left !== void 0 && l.scrollTo({
+          left: e.left
+        }), await J(), c.value !== l) ? !1 : (v(l.getScrollInfo()), !0);
+      }
     });
-    const x = C(0), f = C(0);
-    function b(t) {
-      x.value = t.x, e.onVirtualScroll?.({
-        ...t,
+    const b = x(0), f = x(0);
+    function v(e) {
+      b.value = e.x, t.onVirtualScroll?.({
+        ...e,
         maxX: c.value?.getHorizontalRange() ?? 0
       });
     }
-    function V(t, l) {
-      return N(t, l, e.rowKey);
+    function F(e, l) {
+      return N(e, l, t.rowKey);
     }
-    function k(t, l) {
-      return N(t, l ?? e.dataSource.indexOf(t), e.rowKey);
+    function V(e, l) {
+      return N(e, l ?? t.dataSource.indexOf(e), t.rowKey);
     }
     const q = w(() => {
-      const t = e.columnMetrics?.total;
-      if (t && t > 0) return t;
-      const l = ce(e.columns, n.columnWidths), u = fe(e.tableStyle?.width);
+      const e = t.columnMetrics?.total;
+      if (e && e > 0) return e;
+      const l = fe(t.columns, n.columnWidths), u = me(t.tableStyle?.width);
       return Math.max(l, u);
-    }), y = w(() => ie(e.columns)), O = w(() => {
-      if (!e.virtualColumn || f.value <= 0) return null;
-      const t = e.columnMetrics;
-      return !t || t.widths.length !== e.columns.length ? null : t.widths;
+    }), y = w(() => se(t.columns)), O = w(() => {
+      if (!t.virtualColumn || f.value <= 0) return null;
+      const e = t.columnMetrics;
+      return !e || e.widths.length !== t.columns.length ? null : e.widths;
     }), {
       active: H,
-      start: _,
-      end: I,
+      start: I,
+      end: _,
       leftSpacer: S,
-      rightSpacer: p
-    } = se({
+      rightSpacer: R
+    } = de({
       widths: () => O.value,
       leftFixedCount: () => y.value.leftFixedCount,
       rightFixedStart: () => y.value.rightFixedStart,
-      offsetX: () => x.value,
+      offsetX: () => b.value,
       viewportWidth: () => f.value
     }), K = w(() => {
-      const t = e.columns.length;
+      const e = t.columns.length;
       if (!H.value)
         return Array.from({
-          length: t
-        }, (o, i) => ({
+          length: e
+        }, (a, i) => ({
           index: i
         }));
       const {
         leftFixedCount: l,
         rightFixedStart: u
-      } = y.value, a = [];
-      for (let o = 0; o < l; o += 1) a.push({
-        index: o
+      } = y.value, o = [];
+      for (let a = 0; a < l; a += 1) o.push({
+        index: a
       });
-      S.value > 0 && a.push({
+      S.value > 0 && o.push({
         spacer: S.value
       });
-      for (let o = _.value; o <= I.value; o += 1) a.push({
-        index: o
+      for (let a = I.value; a <= _.value; a += 1) o.push({
+        index: a
       });
-      p.value > 0 && a.push({
-        spacer: p.value
+      R.value > 0 && o.push({
+        spacer: R.value
       });
-      for (let o = u; o < t; o += 1) a.push({
-        index: o
+      for (let a = u; a < e; a += 1) o.push({
+        index: a
       });
-      return a;
+      return o;
     });
-    function ye(t) {
+    function ye(e) {
     }
     let s = null, d = null;
-    function R(t) {
-      const l = t ?? null;
+    function p(e) {
+      const l = e ?? null;
       l !== d && (s && d && s.unobserve(d), d = l, l && (f.value = l.clientWidth, !s && typeof ResizeObserver < "u" && (s = new ResizeObserver(() => {
         d && (f.value = d.clientWidth);
       })), s?.observe(l)));
     }
-    return J(() => {
+    return Q(() => {
       s?.disconnect(), s = null, d = null;
-    }), Q(() => c.value, (t) => {
-      if (t) {
-        const l = t.getScrollInfo();
-        b(l), t.nativeElement, R(t.nativeElement);
+    }), Z(() => c.value, (e) => {
+      if (e) {
+        const l = e.getScrollInfo();
+        v(l), e.nativeElement, p(e.nativeElement);
       } else
-        R(null);
-    }), () => e.dataSource.length === 0 ? r("table", {
+        p(null);
+    }), () => t.dataSource.length === 0 ? r("table", {
       "data-vtg-table": "",
-      class: W(e.tableClass, n.compatClass?.("body")),
-      style: e.tableStyle
+      class: W(t.tableClass, n.compatClass?.("body")),
+      style: t.tableStyle
     }, [r(ne, {
-      columns: e.columns
-    }, null), r(ae, null, null), r("tbody", {
-      class: e.tbodyClass
-    }, [r(le, {
-      colSpan: e.columns.length || 1,
-      emptyClass: e.emptyClass,
-      tdClass: e.tdClass
-    }, null)])]) : r(me, {
+      columns: t.columns
+    }, null), r(re, null, null), r("tbody", {
+      class: t.tbodyClass
+    }, [r(oe, {
+      colSpan: t.columns.length || 1,
+      emptyClass: t.emptyClass,
+      tdClass: t.tdClass
+    }, null)])]) : r(we, {
       ref: c,
       holderClass: n.compatClass?.("body"),
-      data: e.dataSource,
-      height: e.height,
-      itemHeight: e.itemHeight,
-      itemKey: k,
+      data: t.dataSource,
+      height: t.height,
+      itemHeight: t.itemHeight,
+      itemKey: V,
       scrollWidth: q.value || void 0,
-      disableHeightMeasure: e.fixedHeight,
+      disableHeightMeasure: t.fixedHeight,
       fullHeight: !1,
-      onVirtualScroll: b,
-      showScrollBar: e.showScrollBar,
+      onVirtualScroll: v,
+      showScrollBar: t.showScrollBar,
       style: {
         overflow: "hidden"
       }
     }, {
       default: ({
-        item: t,
+        item: e,
         index: l
       }) => {
         let u;
-        const a = l, o = V(t, a), i = n.expandable?.(), D = n.isExpanded?.(o) ?? !1, P = i?.expandRowByClick ?? !1, j = n.isRowExpandable?.(t) ?? !1, E = n.getRowClassName?.(t, a), B = n.getRowProps?.(t, a), M = n.rowDrag?.enabled.value ? n.rowDrag.getBindings(t, a, B) : void 0, A = {
-          ...B,
+        const o = l, a = F(e, o), i = n.expandable?.(), D = n.isExpanded?.(a) ?? !1, P = i?.expandRowByClick ?? !1, j = n.isRowExpandable?.(e) ?? !1, T = n.getRowClassName?.(e, o), E = n.getRowProps?.(e, o), M = n.rowDrag?.enabled.value ? n.rowDrag.getBindings(e, o, E) : void 0, A = {
+          ...E,
           ...M
-        }, L = de(n.rowDrag, o, n.subThemeSlots), v = (n.isTreeData?.value ? n.getFlattenRow?.(t) : void 0)?.level ?? 0, X = typeof i?.expandedRowClassName == "function" ? i.expandedRowClassName(t, a, v) : i?.expandedRowClassName, z = P ? () => {
-          j && n.toggleExpand?.(t, a);
-        } : void 0, T = K.value, $ = e.columnMetrics?.widths;
+        }, L = ue(n.rowDrag, a, n.subThemeSlots), g = (n.isTreeData?.value ? n.getFlattenRow?.(e) : void 0)?.level ?? 0, X = typeof i?.expandedRowClassName == "function" ? i.expandedRowClassName(e, o, g) : i?.expandedRowClassName, z = P ? () => {
+          j && n.toggleExpand?.(e, o);
+        } : void 0, B = K.value, $ = t.columnMetrics?.widths;
         return r("table", {
           "data-vtg-table": "",
-          class: e.tableClass,
+          class: t.tableClass,
           style: {
-            ...e.tableStyle,
+            ...t.tableStyle,
             tableLayout: "fixed"
           }
         }, [r("tbody", {
-          class: e.tbodyClass,
-          "data-vtg-preserve-last-border": l < e.dataSource.length - 1 ? "" : void 0
-        }, [r(ee, {
+          class: t.tbodyClass,
+          "data-vtg-preserve-last-border": l < t.dataSource.length - 1 ? "" : void 0
+        }, [r(te, {
           "data-vtg-virtual-row": "",
-          key: o,
-          rowClass: W(e.rowClass, E, L, ue(n, t, a, v)) ?? "",
+          "data-vtg-row-index": o,
+          key: a,
+          rowClass: W(t.rowClass, T, L, ce(n, e, o, g)) ?? "",
           rowProps: A,
           onClick: z
-        }, we(u = T.map((g, G) => {
-          if (g.spacer !== void 0)
+        }, ve(u = B.map((h, G) => {
+          if (h.spacer !== void 0)
             return r("td", {
               key: `__vtg_spacer_${G}`,
               style: {
-                width: `${g.spacer}px`,
+                width: `${h.spacer}px`,
                 padding: "0"
               },
               "aria-hidden": "true"
             }, null);
-          const m = g.index, h = e.columns[m];
-          return r(te, {
-            key: h.key ?? String(h.dataIndex ?? m),
-            record: t,
-            rowIndex: a,
-            column: h,
+          const m = h.index, C = t.columns[m];
+          return r(le, {
+            key: C.key ?? String(C.dataIndex ?? m),
+            record: e,
+            rowIndex: o,
+            column: C,
             colIndex: m,
             widthOverride: $?.[m],
-            tdClass: e.tdClass,
-            bodyCellEllipsisClass: e.bodyCellEllipsisClass
+            tdClass: t.tdClass,
+            bodyCellEllipsisClass: t.bodyCellEllipsisClass
           }, null);
         })) ? u : {
           default: () => [u]
-        }), D && i?.expandedRowRender ? r(oe, {
-          key: `${o}-expanded`,
-          record: t,
-          rowIndex: a,
-          colspan: T.length,
-          rowIndent: v,
-          rowClass: e.rowClass,
-          rowClassName: E,
+        }), D && i?.expandedRowRender ? r(ae, {
+          key: `${a}-expanded`,
+          record: e,
+          rowIndex: o,
+          colspan: B.length,
+          rowIndent: g,
+          rowClass: t.rowClass,
+          rowClassName: T,
           expandedRowClassName: X,
-          tdClass: e.tdClass,
+          tdClass: t.tdClass,
           expandedRowRender: i.expandedRowRender
         }, null) : null])]);
       }
@@ -280,5 +293,5 @@ const qe = /* @__PURE__ */ U({
   }
 });
 export {
-  qe as default
+  Oe as default
 };

package/dist/table/src/composables/useColumnState.d.ts

@@ -0,0 +1,32 @@
+import { MaybeRefOrGetter } from 'vue';
+import { ColumnsType } from '../types';
+export interface TableColumnStateValue {
+    visible?: boolean;
+    /** Pinning and ordering belong to top-level columns/groups. */
+    fixed?: 'left' | 'right' | false;
+    order?: number;
+}
+/** Keys are the stable column paths returned by this helper's state. */
+export type TableColumnState = Record<string, TableColumnStateValue>;
+export interface UseColumnStateOptions {
+    defaultValue?: TableColumnState;
+    storageKey?: string;
+    storageType?: 'localStorage' | 'sessionStorage';
+    version?: string | number;
+    /** Optional application storage adapter. Only serializable state is stored. */
+    storage?: Pick<Storage, 'getItem' | 'setItem' | 'removeItem'>;
+    onError?: (error: unknown) => void;
+}
+/**
+ * Compose controlled columns with serializable preferences. The source owns column definitions;
+ * assigning columns records preferences without serializing or replacing renderers and sorters.
+ */
+export declare function useColumnState<T extends object>(source: MaybeRefOrGetter<ColumnsType<T>>, options?: UseColumnStateOptions): {
+    columns: import('vue').WritableComputedRef<ColumnsType<T>, ColumnsType<T>>;
+    state: import('vue').ComputedRef<TableColumnState>;
+    setState: (value: TableColumnState) => void;
+    reset: () => void;
+    restore: () => void;
+    save: () => void;
+};
+//# sourceMappingURL=useColumnState.d.ts.map

package/dist/table/src/composables/useColumnState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnState.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useColumnState.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAA;AACZ,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAW3C,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wEAAwE;AACxE,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAA;AAEpE,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,cAAc,GAAG,gBAAgB,CAAA;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC,CAAA;IAC7D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACnC;AAqCD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,MAAM,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EACxC,OAAO,GAAE,qBAA0B;;;sBAyFV,gBAAgB;;;;EAY1C"}

package/dist/table/src/composables/useColumnState.mjs

@@ -0,0 +1,107 @@
+import { shallowRef as k, watch as j, toValue as p, computed as O, getCurrentInstance as N, onMounted as D } from "vue";
+import { settingsEntries as g, columnFixedRegion as m, setColumnFixed as F, isColumnSettingDisabled as J, moveSettingColumn as M, setColumnVisibility as R } from "../utils/columnSettings.mjs";
+function S(u) {
+  const e = {};
+  function s(f, i = !1) {
+    f.forEach((c, l) => {
+      const d = m(c.column);
+      e[c.id] = {
+        visible: c.column.visible !== !1,
+        ...!i && d !== "mixed" ? { fixed: d ?? !1, order: l } : {}
+      }, s(c.children, !0);
+    });
+  }
+  return s(g(u)), e;
+}
+function a(u) {
+  const e = {};
+  if (!u || typeof u != "object" || Array.isArray(u)) return e;
+  for (const [s, f] of Object.entries(u)) {
+    if (!s.startsWith("/") || !f || typeof f != "object" || Array.isArray(f)) continue;
+    const i = f;
+    e[s] = {
+      ...typeof i.visible == "boolean" ? { visible: i.visible } : {},
+      ...i.fixed === !1 || i.fixed === "left" || i.fixed === "right" ? { fixed: i.fixed } : {},
+      ...typeof i.order == "number" && Number.isSafeInteger(i.order) && i.order >= 0 ? { order: i.order } : {}
+    };
+  }
+  return e;
+}
+function q(u, e = {}) {
+  const s = k(a(e.defaultValue)), f = {};
+  j(
+    () => S(p(u)),
+    (t) => {
+      for (const [r, b] of Object.entries(t))
+        r in f || (f[r] = b);
+    },
+    { immediate: !0, deep: !0, flush: "sync" }
+  );
+  function i(t) {
+    let r = p(u);
+    const b = g(r);
+    for (const n of b) {
+      const o = t[n.id];
+      n.column.hideInSetting || !o || o.fixed === void 0 || m(n.column) !== (o.fixed || void 0) && (r = F(r, n.id, o.fixed || void 0));
+    }
+    const x = g(r).filter((n) => !n.column.hideInSetting).sort((n, o) => (t[n.id]?.order ?? 1 / 0) - (t[o.id]?.order ?? 1 / 0));
+    for (let n = x.length - 1; n >= 0; n--) {
+      const o = x[n], E = g(r), C = m(o.column), K = x.filter(
+        (h) => m(h.column) === C
+      ), I = E.filter(
+        (h) => m(h.column) === C
+      )[K.indexOf(o)];
+      I && !J(o.column, "order") && (r = M(r, o.id, I.id));
+    }
+    const w = /* @__PURE__ */ new Map();
+    for (const [n, o] of Object.entries(t))
+      o.visible !== void 0 && w.set(n, o.visible);
+    return R(r, w);
+  }
+  const c = O({
+    get: () => i(s.value),
+    set: (t) => {
+      s.value = S(t);
+    }
+  }), l = O(() => S(c.value)), d = () => {
+    if (e.storage) return e.storage;
+    if (!(typeof window > "u"))
+      return window[e.storageType ?? "localStorage"];
+  };
+  function y() {
+    if (e.storageKey)
+      try {
+        d()?.setItem(
+          e.storageKey,
+          JSON.stringify({
+            version: e.version ?? 1,
+            state: l.value
+          })
+        );
+      } catch (t) {
+        e.onError?.(t);
+      }
+  }
+  function v() {
+    if (e.storageKey)
+      try {
+        const t = d()?.getItem(e.storageKey);
+        if (!t) return;
+        const r = JSON.parse(t);
+        if (!r || typeof r != "object" || r.version !== (e.version ?? 1)) return;
+        s.value = { ...a(e.defaultValue), ...a(r.state) };
+      } catch (t) {
+        e.onError?.(t);
+      }
+  }
+  function V(t) {
+    s.value = a(t);
+  }
+  function A() {
+    s.value = { ...f, ...a(e.defaultValue) }, y();
+  }
+  return N() ? D(v) : v(), j(l, y, { deep: !0 }), { columns: c, state: l, setState: V, reset: A, restore: v, save: y };
+}
+export {
+  q as useColumnState
+};

package/dist/table/src/composables/useColumnState.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useColumnState.test.d.ts.map

package/dist/table/src/composables/useColumnState.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnState.test.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useColumnState.test.ts"],"names":[],"mappings":""}

package/dist/table/src/composables/useFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFilter.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useFilter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAI1C,kCAAkC;AAClC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC,CAAA;AAEhF,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB;IACpB,OAAO,EAAE,MAAM,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAA;IACpD,aAAa;IACb,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;CAClD;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,gBAAgB;+BAwBvC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAC1C,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,EAAE;4BA4DtB,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,UACnC,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,EAAE,KACpC,IAAI;0BAcsB,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAG,IAAI;yBAW7C,aAAa;iBAUnB,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,OAAO,EAAE,KAAG,OAAO,EAAE;EAmBzF"}
+{"version":3,"file":"useFilter.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useFilter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAK1C,kCAAkC;AAClC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC,CAAA;AAEhF,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB;IACpB,OAAO,EAAE,MAAM,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAA;IACpD,aAAa;IACb,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;CAClD;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,gBAAgB;+BAwBvC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAC1C,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,EAAE;4BA4DtB,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,UACnC,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,EAAE,KACpC,IAAI;0BAcsB,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAG,IAAI;yBAW7C,aAAa;iBAUnB,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,OAAO,EAAE,KAAG,OAAO,EAAE;EAuBzF"}

package/dist/table/src/composables/useFilter.mjs

@@ -1,68 +1,71 @@
 import { computed as k } from "vue";
-import { getColumnKey as l } from "./useColumns.mjs";
-import { useControlledColumnState as C } from "./useControlledColumnState.mjs";
-function w(d) {
-  const { columns: u, onFilterChange: F } = d, {
+import { getColumnKey as l, getByDataIndex as x } from "./useColumns.mjs";
+import { matchesEnumFilter as C } from "../utils/valueEnum.mjs";
+import { useControlledColumnState as D } from "./useControlledColumnState.mjs";
+function z(d) {
+  const { columns: f, onFilterChange: F } = d, {
     innerState: g,
     readValue: V,
-    writeValue: v
-  } = C({
+    writeValue: p
+  } = D({
     controlledValue: (e) => e.filteredValue
   });
-  for (const e of u()) {
+  for (const e of f()) {
     const t = l(e);
     t !== void 0 && e.defaultFilteredValue && (g[String(t)] = [...e.defaultFilteredValue]);
   }
-  function f(e) {
+  function u(e) {
     return V(e, []);
   }
-  function S(e) {
+  function y(e) {
     return [...e];
   }
   const h = k(() => {
     const e = [];
-    for (const t of u()) {
-      if (!t.onFilter) continue;
-      const r = f(t);
+    for (const t of f()) {
+      if (t.onFilter === !1 || !t.onFilter && t.filters !== !0) continue;
+      const r = u(t);
       r.length > 0 && e.push({ column: t, values: r });
     }
     return e;
   });
-  function c(e, t) {
+  function a(e, t) {
     const r = {}, i = e ? l(e) : void 0;
-    for (const o of u()) {
+    for (const o of f()) {
       const n = l(o);
       if (n === void 0) continue;
-      const a = i !== void 0 && String(n) === String(i) && t !== void 0 ? S(t) : f(o);
-      r[String(n)] = a.length > 0 ? a : null;
+      const c = i !== void 0 && String(n) === String(i) && t !== void 0 ? y(t) : u(o);
+      r[String(n)] = c.length > 0 ? c : null;
     }
     return r;
   }
   function s(e, t) {
-    l(e) !== void 0 && (v(e, t.length === 0 ? void 0 : [...t]), F?.(c(e, t)));
+    l(e) !== void 0 && (p(e, t.length === 0 ? void 0 : [...t]), F?.(a(e, t)));
   }
   function m(e) {
     e.filterResetToDefaultFilteredValue && e.defaultFilteredValue ? s(e, [...e.defaultFilteredValue]) : s(e, []);
   }
-  function p() {
-    return c();
+  function v() {
+    return a();
   }
-  function y(e) {
+  function S(e) {
     const t = h.value;
     return t.length === 0 ? e : e.filter(
       (r) => t.every(
-        ({ column: i, values: o }) => o.some((n) => i.onFilter(n, r))
+        ({ column: i, values: o }) => o.some(
+          (n) => typeof i.onFilter == "function" ? i.onFilter(n, r) : C(i, n, x(r, i.dataIndex))
+        )
       )
     );
   }
   return {
-    getFilteredValue: f,
+    getFilteredValue: u,
     confirmFilter: s,
     resetFilter: m,
-    getAllFilters: p,
-    filterData: y
+    getAllFilters: v,
+    filterData: S
   };
 }
 export {
-  w as useFilter
+  z as useFilter
 };

package/dist/table/src/composables/useLazyTreeData.d.ts

@@ -0,0 +1,19 @@
+import { Key } from '../types/column';
+import { TableTreeLoadData } from '../types/tree';
+/** Immutable lazy children shared by sorting, selection, pagination and tree flattening. */
+export declare function useLazyTreeData<TRecord extends Record<string, unknown>>(options: {
+    data: () => TRecord[];
+    loadData: () => TableTreeLoadData<TRecord> | undefined;
+    isLeaf: () => ((record: TRecord) => boolean) | undefined;
+    childrenColumnName: () => string | undefined;
+    getRowKey: (record: TRecord, index: number) => Key;
+    onLoadError?: (error: Error, record: TRecord) => void;
+}): {
+    data: import('vue').ComputedRef<TRecord[]>;
+    hasChildren: (record: TRecord) => boolean;
+    load: (record: TRecord, index: number) => Promise<boolean>;
+    isLoading: (key: Key) => boolean;
+    getError: (key: Key) => Error | undefined;
+    retry(key: Key): Promise<boolean>;
+};
+//# sourceMappingURL=useLazyTreeData.d.ts.map

package/dist/table/src/composables/useLazyTreeData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLazyTreeData.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useLazyTreeData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAOtD,4FAA4F;AAC5F,wBAAgB,eAAe,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE;IAChF,IAAI,EAAE,MAAM,OAAO,EAAE,CAAA;IACrB,QAAQ,EAAE,MAAM,iBAAiB,CAAC,OAAO,CAAC,GAAG,SAAS,CAAA;IACtD,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,SAAS,CAAA;IACxD,kBAAkB,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAC5C,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD;;0BAsF8B,OAAO;mBAMd,OAAO,SAAS,MAAM,KAAG,OAAO,CAAC,OAAO,CAAC;qBA6E5C,GAAG;oBACJ,GAAG;eACR,GAAG;EAOjB"}