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

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

@@ -0,0 +1,123 @@
+import { shallowRef as p, computed as M, watch as S, getCurrentScope as L, onScopeDispose as C } from "vue";
+function T(n) {
+  const s = p(/* @__PURE__ */ new Map()), i = p(/* @__PURE__ */ new Map()), y = p(/* @__PURE__ */ new Set()), c = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new WeakMap();
+  let g = !1;
+  const o = M(() => n.childrenColumnName() ?? "children"), h = M(() => {
+    const e = /* @__PURE__ */ new Map();
+    let r = 0;
+    function t(a) {
+      for (const u of a) {
+        const d = n.getRowKey(u, r++);
+        e.set(d, u);
+        const v = s.value.get(d), l = u[o.value] ?? (v?.record === u ? v.children : void 0);
+        Array.isArray(l) && t(l);
+      }
+    }
+    return n.loadData() && t(n.data()), e;
+  });
+  function w(e, r = !0) {
+    const t = c.get(e);
+    r && (t?.controller.abort(), t?.resolve(!1)), c.delete(e), y.value = new Set([...y.value].filter((a) => a !== e));
+  }
+  let D = h.value;
+  S(
+    h,
+    (e) => {
+      const r = new Map(s.value);
+      for (const [t, a] of r)
+        (e.get(t) !== a.record || Array.isArray(a.record[o.value])) && r.delete(t);
+      r.size !== s.value.size && (s.value = r);
+      for (const [t, a] of c)
+        (e.get(t) !== a.record || Array.isArray(a.record[o.value])) && w(t);
+      i.value = new Map(
+        [...i.value].filter(([t]) => {
+          const a = e.get(t);
+          return a !== void 0 && a === D.get(t) && !Array.isArray(a[o.value]);
+        })
+      ), D = e;
+    },
+    { flush: "sync" }
+  );
+  const b = M(() => {
+    if (!n.loadData()) return n.data();
+    let e = 0;
+    function r(t) {
+      return t.map((a) => {
+        const u = n.getRowKey(a, e++), d = s.value.get(u), v = a[o.value] ?? (d?.record === a ? d.children : void 0);
+        if (!Array.isArray(v)) return a;
+        const l = { ...a, [o.value]: r(v) };
+        return m.set(l, a), l;
+      });
+    }
+    return r(n.data());
+  });
+  function A(e) {
+    const r = e[o.value];
+    return Array.isArray(r) ? r.length > 0 : !!n.loadData() && n.isLeaf()?.(m.get(e) ?? e) !== !0;
+  }
+  function x(e, r) {
+    const t = m.get(e) ?? e, a = n.getRowKey(t, r);
+    return g || !n.loadData() || !A(e) ? Promise.resolve(!1) : P(t, a);
+  }
+  function P(e, r) {
+    if (Array.isArray(e[o.value]) || s.value.get(r)?.record === e)
+      return Promise.resolve(!0);
+    const t = c.get(r);
+    if (t) return t.promise;
+    const a = new AbortController(), u = n.loadData();
+    let d;
+    const v = new Promise((f) => {
+      d = f;
+    }), l = { record: e, controller: a, promise: Promise.resolve(!1), resolve: d };
+    c.set(r, l), y.value = /* @__PURE__ */ new Set([...y.value, r]);
+    const E = new Map(i.value);
+    E.delete(r), i.value = E;
+    const K = Promise.resolve().then(async () => {
+      if (g || a.signal.aborted || c.get(r) !== l) return !1;
+      try {
+        const f = await u(e, { signal: a.signal });
+        if (g || a.signal.aborted || h.value.get(r) !== e || Array.isArray(e[o.value]))
+          return !1;
+        if (!Array.isArray(f)) throw new Error("Tree loadData must return an array");
+        return s.value = new Map(s.value).set(r, { record: e, children: f }), !0;
+      } catch (f) {
+        if (g || a.signal.aborted || h.value.get(r) !== e) return !1;
+        const R = f instanceof Error ? f : new Error(String(f));
+        i.value = new Map(i.value).set(r, R);
+        try {
+          Promise.resolve(n.onLoadError?.(R, e)).catch(() => {
+          });
+        } catch {
+        }
+        return !1;
+      } finally {
+        c.get(r) === l && w(r, !1);
+      }
+    });
+    return l.promise = Promise.race([K, v]), l.promise;
+  }
+  return S(
+    [n.loadData, o],
+    () => {
+      for (const e of c.keys()) w(e);
+      s.value = /* @__PURE__ */ new Map(), i.value = /* @__PURE__ */ new Map();
+    },
+    { flush: "sync" }
+  ), L() && C(() => {
+    g = !0;
+    for (const e of c.keys()) w(e);
+  }), {
+    data: b,
+    hasChildren: A,
+    load: x,
+    isLoading: (e) => y.value.has(e),
+    getError: (e) => i.value.get(e),
+    retry(e) {
+      const r = h.value.get(e);
+      return r && !g && n.loadData() && A(r) ? P(r, e) : Promise.resolve(!1);
+    }
+  };
+}
+export {
+  T as useLazyTreeData
+};

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

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

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

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

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

@@ -3,6 +3,7 @@ export declare function positiveInteger(value: unknown, fallback: number): numbe
 export declare function usePagination<T>(options: {
     pagination: () => false | TablePaginationConfig | undefined;
     data: () => T[];
+    manual?: () => boolean;
     onChange: (state: TablePaginationState) => void;
 }): {
     enabled: import('vue').ComputedRef<boolean>;

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/usePagination.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAEtF,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAExE;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,OAAO,EAAE;IACxC,UAAU,EAAE,MAAM,KAAK,GAAG,qBAAqB,GAAG,SAAS,CAAA;IAC3D,IAAI,EAAE,MAAM,CAAC,EAAE,CAAA;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;CAChD;;;;;sBAsE0B,MAAM;0BAeJ,oBAAoB,GAAG,SAAS;EAQ5D"}
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/usePagination.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAEtF,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAExE;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,OAAO,EAAE;IACxC,UAAU,EAAE,MAAM,KAAK,GAAG,qBAAqB,GAAG,SAAS,CAAA;IAC3D,IAAI,EAAE,MAAM,CAAC,EAAE,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;CAChD;;;;;sBA4E0B,MAAM;0BAeJ,oBAAoB,GAAG,SAAS;EAQ5D"}

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

@@ -1,65 +1,66 @@
-import { computed as g, ref as p, watch as f } from "vue";
-function o(r, u) {
-  return typeof r == "number" && Number.isSafeInteger(r) && r > 0 ? r : u;
+import { computed as f, ref as h, watch as s } from "vue";
+function c(u, r) {
+  return typeof u == "number" && Number.isSafeInteger(u) && u > 0 ? u : r;
 }
-function C(r) {
-  const u = g(() => !!r.pagination()), l = g(() => r.pagination() || {}), c = p(1), v = p(10);
-  let d = !1;
-  f(
-    u,
+function x(u) {
+  const r = f(() => !!u.pagination()), l = f(() => u.pagination() || {}), o = h(1), v = h(10);
+  let m = !1;
+  s(
+    r,
     (e) => {
-      !e || d || (d = !0, v.value = o(l.value.defaultPageSize, 10), c.value = o(l.value.defaultCurrent, 1));
+      !e || m || (m = !0, v.value = c(l.value.defaultPageSize, 10), o.value = c(l.value.defaultCurrent, 1));
     },
     { immediate: !0, flush: "sync" }
   );
-  const i = g(() => {
-    const e = l.value, n = o(e.pageSize, v.value), t = o(e.total, r.data().length);
+  const i = f(() => {
+    const e = l.value, n = c(e.pageSize, v.value), t = u.manual?.() && typeof e.total == "number" && Number.isSafeInteger(e.total) && e.total >= 0 ? e.total : c(e.total, u.data().length);
     return { current: Math.min(
-      o(e.current, c.value),
+      c(e.current, o.value),
       Math.max(1, Math.ceil(t / n))
     ), pageSize: n, total: t };
   });
-  f(
+  s(
     () => i.value.current,
     (e) => {
-      u.value && l.value.current === void 0 && (c.value = e);
+      r.value && l.value.current === void 0 && (o.value = e);
     },
     { flush: "sync" }
   );
-  const m = g(() => {
-    const e = r.data();
-    if (!u.value) return e;
+  const p = f(() => {
+    const e = u.data();
+    if (!r.value || u.manual?.()) return e;
     const { current: n, pageSize: t, total: a } = i.value;
     return e.length < a && e.length <= t ? e : e.slice((n - 1) * t, n * t);
   });
-  f(
-    () => [u.value, r.data().length, i.value.total, i.value.pageSize],
+  s(
+    () => [r.value, u.data().length, i.value.total, i.value.pageSize],
     ([e, n, t, a]) => {
+      e && !u.manual?.() && n < t && n > a;
     },
     { immediate: !0 }
   );
-  function h(e, n, t) {
+  function d(e, n, t) {
     const a = l.value;
-    a.current === void 0 && (c.value = e), a.pageSize === void 0 && (v.value = n), a["onUpdate:current"]?.(e), t && (a["onUpdate:pageSize"]?.(n), a.onShowSizeChange?.(e, n)), a.onChange?.(e, n);
+    a.current === void 0 && (o.value = e), a.pageSize === void 0 && (v.value = n), a["onUpdate:current"]?.(e), t && (a["onUpdate:pageSize"]?.(n), a.onShowSizeChange?.(e, n)), a.onChange?.(e, n);
   }
-  function z(e, n = i.value.pageSize) {
-    if (!u.value || l.value.disabled) return;
-    const t = i.value, a = o(n, t.pageSize), s = Math.min(
-      o(e, t.current),
+  function S(e, n = i.value.pageSize) {
+    if (!r.value || l.value.disabled) return;
+    const t = i.value, a = c(n, t.pageSize), g = Math.min(
+      c(e, t.current),
       Math.max(1, Math.ceil(t.total / a))
     );
-    if (s === t.current && a === t.pageSize) return;
-    const M = { current: s, pageSize: a, total: t.total };
-    h(s, a, a !== t.pageSize), r.onChange(M);
+    if (g === t.current && a === t.pageSize) return;
+    const b = { current: g, pageSize: a, total: t.total };
+    d(g, a, a !== t.pageSize), u.onChange(b);
   }
-  function S() {
-    if (!u.value) return;
+  function z() {
+    if (!r.value) return;
     const e = { ...i.value, current: 1 };
-    return h(1, e.pageSize, !1), e;
+    return d(1, e.pageSize, !1), e;
   }
-  return { enabled: u, config: l, state: i, pageData: m, change: z, resetForFilter: S };
+  return { enabled: r, config: l, state: i, pageData: p, change: S, resetForFilter: z };
 }
 export {
-  o as positiveInteger,
-  C as usePagination
+  c as positiveInteger,
+  x as usePagination
 };

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

@@ -0,0 +1,4 @@
+import { UseTableEditOptions, UseTableEditReturn } from '../types/editing';
+/** Row drafts and validation without coupling the table to a form or HTTP library. */
+export declare function useTableEdit<TRecord extends object>(options: UseTableEditOptions<TRecord>): UseTableEditReturn<TRecord>;
+//# sourceMappingURL=useTableEdit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableEdit.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useTableEdit.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,kBAAkB,CAAA;AAezB,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,OAAO,SAAS,MAAM,EACjD,OAAO,EAAE,mBAAmB,CAAC,OAAO,CAAC,GACpC,kBAAkB,CAAC,OAAO,CAAC,CA8O7B"}

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

@@ -0,0 +1,183 @@
+import { shallowRef as x, getCurrentScope as O, onScopeDispose as V, computed as M } from "vue";
+import { snapshot as B } from "../utils/snapshot.mjs";
+function H(u) {
+  const r = x(/* @__PURE__ */ new Map()), g = x(/* @__PURE__ */ new Map()), c = x(/* @__PURE__ */ new Map()), s = x(/* @__PURE__ */ new Map()), a = u.clone ?? ((e) => B(e));
+  let d = !1;
+  function E(e) {
+    const t = typeof u.rowKey == "function" ? u.rowKey(e) : e[u.rowKey];
+    if (typeof t != "string" && typeof t != "number")
+      throw new Error("useTableEdit requires a string or number row key");
+    return t;
+  }
+  function p(e) {
+    if (!g.value.has(e)) return;
+    const t = new Map(g.value);
+    t.delete(e), g.value = t;
+  }
+  function P(e, t) {
+    g.value = new Map(g.value).set(e, t);
+    try {
+      u.onError?.(t, e);
+    } catch {
+    }
+  }
+  function S(e) {
+    const t = c.value.get(e);
+    if (!t) return;
+    t.controller.abort();
+    const n = new Map(c.value);
+    n.delete(e), c.value = n, t.resolve(void 0);
+  }
+  function N(e) {
+    const t = s.value.get(e);
+    if (!t) return;
+    t.controller.abort();
+    const n = new Map(s.value);
+    n.delete(e), s.value = n, t.resolve(!1);
+  }
+  function K(e) {
+    S(e), N(e);
+    const t = new Map(r.value);
+    t.delete(e), r.value = t, p(e);
+  }
+  function y(e) {
+    const t = s.value.get(e);
+    if (t) return t.promise;
+    const n = r.value.get(e);
+    if (d || !n) return Promise.resolve(!1);
+    if (S(e), p(e), !u.onCancel)
+      return K(e), Promise.resolve(!0);
+    let v;
+    const m = new Promise((o) => {
+      v = o;
+    }), i = { controller: new AbortController(), promise: m, resolve: v };
+    s.value = new Map(s.value).set(e, i);
+    const f = () => !d && s.value.get(e) === i;
+    return (async () => {
+      try {
+        const o = await u.onCancel(a(n.draft), {
+          key: e,
+          original: n.original === void 0 ? void 0 : a(n.original),
+          isNew: n.isNew,
+          signal: i.controller.signal
+        });
+        if (!f() || o === !1) return;
+        i.resolve(!0), K(e);
+      } catch (o) {
+        if (!f()) return;
+        const b = {
+          type: "cancel",
+          message: o instanceof Error ? o.message : String(o),
+          cause: o
+        };
+        P(e, b);
+      } finally {
+        if (f()) {
+          const o = new Map(s.value);
+          o.delete(e), s.value = o;
+        }
+        i.resolve(!1);
+      }
+    })(), m;
+  }
+  function T() {
+    return Promise.all([...r.value.keys()].map(y));
+  }
+  function A(e, t) {
+    if (d) return !1;
+    const n = E(e);
+    return r.value.has(n) || u.mode !== "multiple" && r.value.size > 0 ? !1 : (r.value = new Map(r.value).set(n, {
+      draft: a(e),
+      original: t ? void 0 : a(e),
+      isNew: t
+    }), !0);
+  }
+  function j(e, t) {
+    const n = r.value.get(e);
+    if (d || !n) return !1;
+    const v = typeof t == "function" ? t(a(n.draft)) : { ...a(n.draft), ...t };
+    if (E(v) !== e) throw new Error("Editing a row key is unsupported");
+    return S(e), N(e), p(e), r.value = new Map(r.value).set(e, { ...n, draft: a(v) }), !0;
+  }
+  function q(e) {
+    const t = c.value.get(e);
+    if (t) return t.promise;
+    const n = r.value.get(e);
+    if (d || !n || s.value.has(e)) return Promise.resolve(void 0);
+    p(e);
+    let v;
+    const m = new Promise((w) => {
+      v = w;
+    }), i = { controller: new AbortController(), promise: m, resolve: v };
+    c.value = new Map(c.value).set(e, i);
+    const f = () => !d && c.value.get(e) === i, o = {
+      key: e,
+      original: n.original === void 0 ? void 0 : a(n.original),
+      isNew: n.isNew,
+      signal: i.controller.signal
+    }, b = (w) => {
+      f() && P(e, w);
+    };
+    return (async () => {
+      let w = "validation";
+      try {
+        const l = a(n.draft), h = await u.validate?.(a(l), o);
+        if (!f()) return;
+        if (h?.message || Object.keys(h?.fields ?? {}).length > 0) {
+          b({
+            ...h,
+            type: "validation",
+            message: h?.message ?? "Validation failed"
+          });
+          return;
+        }
+        w = "save";
+        const C = await u.onSave?.(a(l), o);
+        if (!f() || C === !1) return;
+        const D = C === !0 ? l : C ?? l;
+        if (!n.isNew && E(D) !== e)
+          throw new Error("Saving an existing row cannot change its key");
+        const z = a(D), R = new Map(r.value);
+        R.delete(e), r.value = R, p(e), i.resolve(z);
+      } catch (l) {
+        b({
+          type: w,
+          message: l instanceof Error ? l.message : String(l),
+          cause: l
+        });
+      } finally {
+        if (f()) {
+          const l = new Map(c.value);
+          l.delete(e), c.value = l;
+        }
+        i.resolve(void 0);
+      }
+    })(), m;
+  }
+  return O() && V(() => {
+    d = !0;
+    for (const e of r.value.keys()) K(e);
+  }), {
+    editableKeys: M(() => [...r.value.keys()]),
+    savingKeys: M(() => new Set(c.value.keys())),
+    cancellingKeys: M(() => new Set(s.value.keys())),
+    errors: M(() => new Map(g.value)),
+    newRecords: M(
+      () => [...r.value.values()].filter((e) => e.isNew).map((e) => a(e.draft))
+    ),
+    isEditing: (e) => r.value.has(e),
+    getDraft: (e) => {
+      const t = r.value.get(e);
+      return t ? a(t.draft) : void 0;
+    },
+    start: (e) => A(e, !1),
+    add: (e) => A(e, !0),
+    setDraft: j,
+    save: q,
+    cancel: y,
+    cancelAll: T
+  };
+}
+export {
+  H as useTableEdit
+};

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { UseTableQueryOptions, UseTableQueryReturn } from '../types/query';
+/** Form state and submit protocol; controls and layout remain owned by the host UI library. */
+export declare function useTableQuery<TValues extends object, TParams extends object = TValues>(options: UseTableQueryOptions<TValues, TParams>): UseTableQueryReturn<TValues, TParams>;
+//# sourceMappingURL=useTableQuery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableQuery.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useTableQuery.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAG/E,+FAA+F;AAC/F,wBAAgB,aAAa,CAAC,OAAO,SAAS,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,OAAO,EACpF,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,OAAO,CAAC,GAC9C,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAsFvC"}

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

@@ -0,0 +1,54 @@
+import { ref as y, shallowRef as g, watch as O, getCurrentScope as S, onScopeDispose as j, computed as h } from "vue";
+import { snapshot as e } from "../utils/snapshot.mjs";
+function R(a) {
+  const d = e(a.defaultValues), c = y(e(d)), v = g(), p = g(), f = a.collapsed ?? y(a.defaultCollapsed ?? !0), i = y(!1), b = g(null);
+  let o = 0, l = !1;
+  const k = a.onCollapse ? O(f, (r) => a.onCollapse?.(r), { flush: "sync" }) : void 0;
+  function w(r) {
+    const s = a.fieldTransforms, t = {};
+    for (const [n, m] of Object.entries(r))
+      Object.prototype.hasOwnProperty.call(s ?? {}, n) && s?.[n] || (t[n] = m);
+    for (const n of Object.keys(s ?? {})) {
+      const m = s?.[n];
+      m && Object.assign(t, m(r[n], r));
+    }
+    const u = t;
+    return e(a.transform?.(u, r) ?? u);
+  }
+  async function C(r) {
+    if (l) return !1;
+    const s = ++o;
+    i.value = !0, b.value = null;
+    try {
+      const t = e(c.value), u = w(t);
+      return v.value = e(t), p.value = e(u), await (r ? a.onReset ?? a.onSubmit : a.onSubmit)?.(e(u), e(t)), !l && s === o;
+    } catch (t) {
+      return !l && s === o && (b.value = t instanceof Error ? t : new Error(String(t))), !1;
+    } finally {
+      !l && s === o && (i.value = !1);
+    }
+  }
+  return S() && j(() => {
+    l = !0, o++, i.value = !1, k?.();
+  }), {
+    draft: c,
+    submitted: h(() => v.value && e(v.value)),
+    params: h(() => p.value && e(p.value)),
+    collapsed: f,
+    submitting: h(() => i.value),
+    error: b,
+    submit: () => C(!1),
+    reset() {
+      return l ? Promise.resolve(!1) : (c.value = e(d), C(!0));
+    },
+    resetFields() {
+      l || (c.value = e(d));
+    },
+    toggleCollapsed() {
+      f.value = !f.value;
+    }
+  };
+}
+export {
+  R as useTableQuery
+};

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { UseTableRequestOptions, UseTableRequestReturn } from '../types/request';
+/** Optional server request orchestration. Bind onChange once and pass manual to VTable. */
+export declare function useTableRequest<TRecord extends object, TParams extends object = Record<string, unknown>>(options: UseTableRequestOptions<TRecord, TParams>): UseTableRequestReturn<TRecord, TParams>;
+//# sourceMappingURL=useTableRequest.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableRequest.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useTableRequest.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,kBAAkB,CAAA;AAsCzB,2FAA2F;AAC3F,wBAAgB,eAAe,CAC7B,OAAO,SAAS,MAAM,EACtB,OAAO,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChD,OAAO,EAAE,sBAAsB,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,qBAAqB,CAAC,OAAO,EAAE,OAAO,CAAC,CAyL5F"}

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

@@ -0,0 +1,126 @@
+import { shallowRef as w, ref as D, toValue as I, watch as J, getCurrentScope as Q, onScopeDispose as U, computed as S } from "vue";
+import { positiveInteger as M } from "./usePagination.mjs";
+import { snapshot as l } from "../utils/snapshot.mjs";
+function W(e, t, r = /* @__PURE__ */ new WeakMap()) {
+  if (Object.is(e, t)) return !0;
+  if (e instanceof Date && t instanceof Date) return e.getTime() === t.getTime();
+  if (!e || !t || typeof e != "object" || typeof t != "object" || Object.getPrototypeOf(e) !== Object.getPrototypeOf(t) || Object.getPrototypeOf(e) !== Object.prototype && !Array.isArray(e)) return !1;
+  if (r.get(e)?.has(t)) return !0;
+  const n = r.get(e) ?? /* @__PURE__ */ new WeakSet();
+  r.set(e, n), n.add(t);
+  const f = Object.entries(e), o = Object.entries(t);
+  return f.length === o.length && f.every(
+    ([c, P]) => Object.prototype.hasOwnProperty.call(t, c) && W(P, Reflect.get(t, c), r)
+  );
+}
+function X(e) {
+  const t = [];
+  for (const r of Array.isArray(e) ? e : [e]) {
+    if (!r.order) continue;
+    const n = r.field ?? r.columnKey;
+    n != null && t.push([Array.isArray(n) ? n.join(".") : String(n), r.order]);
+  }
+  return Object.fromEntries(t);
+}
+function $(e) {
+  const t = l(e.defaultParams ?? {}), r = w(l(t)), n = w({}), f = w({}), o = D(M(e.initialPagination?.current, 1)), c = D(M(e.initialPagination?.pageSize, 10)), P = D(Math.max(0, e.initialPagination?.total ?? 0)), F = w([]), O = D(!1), g = w(null), B = Object.freeze({ sort: !0, filter: !0, pagination: !0 });
+  let j = !1, y = 0, h, z, A, d, C = Promise.resolve();
+  function E() {
+    y++, h !== void 0 && clearTimeout(h), h = void 0, z?.abort(), z = void 0, A?.(), A = void 0, O.value = !1, d = void 0;
+  }
+  function m(i = !1, x = !1) {
+    if (j) return Promise.resolve();
+    let a;
+    try {
+      const s = l({ ...t, ...r.value, ...I(e.params) });
+      a = {
+        ...e.beforeSearchSubmit?.(s) ?? s,
+        current: o.value,
+        pageSize: c.value
+      };
+    } catch (s) {
+      return E(), g.value = s instanceof Error ? s : new Error(String(s)), e.onError?.(g.value), Promise.resolve();
+    }
+    const p = l(n.value), b = l(f.value), L = l({ params: a, sort: p, filters: b });
+    if (!i && d !== void 0 && W(d, L)) return C;
+    E(), d = L;
+    const R = y, T = new AbortController();
+    return z = T, O.value = !0, g.value = null, C = new Promise((s) => {
+      A = s;
+      const N = async () => {
+        h = void 0;
+        try {
+          for (let v = 0; v < 2; v++) {
+            const u = await e.request(a, p, b, { signal: T.signal });
+            if (j || R !== y || T.signal.aborted) return;
+            if (u.success === !1) throw new Error("Table request was unsuccessful");
+            if (!Array.isArray(u.data))
+              throw new Error("Table request data must be an array");
+            if (!Number.isSafeInteger(u.total) || u.total < 0)
+              throw new Error("Table request total must be a non-negative safe integer");
+            const q = Math.max(1, Math.ceil(u.total / a.pageSize));
+            if (v === 0 && u.total > 0 && a.current > q) {
+              o.value = q, a = { ...a, current: q };
+              continue;
+            }
+            const k = e.postData ? e.postData(u.data) : u.data;
+            if (!Array.isArray(k)) throw new Error("Table postData must return an array");
+            o.value = Math.min(a.current, q), P.value = u.total, F.value = k, d = l({ params: { ...a, current: o.value }, sort: p, filters: b }), e.onLoad?.(k, u);
+            break;
+          }
+        } catch (v) {
+          !j && R === y && !T.signal.aborted && (g.value = v instanceof Error ? v : new Error(String(v)), d = void 0, e.onError?.(g.value));
+        } finally {
+          R === y && (O.value = !1, z = void 0, A = void 0), s();
+        }
+      }, V = x ? 0 : Math.max(0, e.debounceTime ?? 0);
+      V > 0 ? h = setTimeout(() => {
+        N();
+      }, V) : N();
+    }), C;
+  }
+  const G = (i, x, a) => {
+    if (a.action === "select") return;
+    const p = M(a.pagination?.pageSize, c.value), b = p !== c.value;
+    n.value = X(x), f.value = l(i), o.value = a.action !== "paginate" || b && e.resetOnPageSizeChange !== !1 ? 1 : M(a.pagination?.current, o.value), c.value = p, m();
+  };
+  let K = l(I(e.params));
+  const H = J(
+    () => I(e.params),
+    (i) => {
+      W(K, i) || (K = l(i), o.value = 1, m());
+    },
+    { deep: !0 }
+  );
+  return Q() && U(() => {
+    j = !0, H(), E();
+  }), e.manualRequest || m(), {
+    dataSource: F,
+    loading: S(() => O.value),
+    error: g,
+    pagination: S(() => ({
+      ...e.pagination,
+      current: o.value,
+      pageSize: c.value,
+      total: P.value
+    })),
+    query: S(() => r.value),
+    sort: S(() => n.value),
+    filters: S(() => f.value),
+    manual: B,
+    onChange: G,
+    reload(i = !1) {
+      return i && (o.value = 1), m(!0, !0);
+    },
+    submit(i = {}) {
+      return r.value = l(i), o.value = 1, m(!0);
+    },
+    reset(i = t) {
+      return r.value = l(i), n.value = {}, f.value = {}, o.value = 1, m(!0);
+    },
+    cancel: E
+  };
+}
+export {
+  $ as useTableRequest
+};

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

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

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

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