@oneflowui/ui 0.4.3 → 0.4.4

package/dist/components/timeline/GanttTimeline.vue.js

@@ -1,7 +1,7 @@
 import t from "./GanttTimeline.vue2.js";
 /* empty css                   */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-4c4406f6"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-87818263"]]);
 export {
   e as default
 };

package/dist/components/timeline/GanttTimeline.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as Y, computed as o, ref as G, watch as N, openBlock as d, createElementBlock as f, normalizeStyle as _, createElementVNode as w, Fragment as M, renderList as T, normalizeClass as A, toDisplayString as W, createCommentVNode as R, createBlock as j } from "vue";
-import q from "./GanttRow.vue.js";
-import { taskToDataRecord as J } from "../../types/index.js";
-const K = { class: "gantt-timeline__header" }, P = { class: "gantt-timeline__rows" }, Q = {
+import { defineComponent as J, computed as s, ref as K, watch as P, openBlock as l, createElementBlock as c, normalizeStyle as _, createElementVNode as I, Fragment as R, renderList as T, normalizeClass as Q, toDisplayString as U, createCommentVNode as b, createBlock as X } from "vue";
+import Z from "./GanttRow.vue.js";
+import { taskToDataRecord as tt, buildGanttItems as et } from "../../types/index.js";
+const at = { class: "gantt-timeline__header" }, nt = { class: "gantt-timeline__rows" }, rt = {
   key: 0,
   class: "gantt-timeline__empty"
-}, m = 40, tt = /* @__PURE__ */ Y({
+}, f = 40, lt = /* @__PURE__ */ J({
   __name: "GanttTimeline",
   props: {
     records: {},
@@ -19,167 +19,168 @@ const K = { class: "gantt-timeline__header" }, P = { class: "gantt-timeline__row
     days: { default: 30 }
   },
   emits: ["row-click", "record-change", "update:records"],
-  setup(b, { emit: z }) {
-    const r = b, x = z;
-    function l(t) {
-      return /* @__PURE__ */ new Date(`${t}T00:00:00`);
+  setup(E, { emit: L }) {
+    const n = E, S = L;
+    function i(e) {
+      return /* @__PURE__ */ new Date(`${e}T00:00:00`);
     }
-    function p(t) {
-      const e = t.getFullYear(), a = String(t.getMonth() + 1).padStart(2, "0"), n = String(t.getDate()).padStart(2, "0");
-      return `${e}-${a}-${n}`;
+    function h(e) {
+      const t = e.getFullYear(), a = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
+      return `${t}-${a}-${r}`;
     }
-    function h(t, e) {
-      return Math.round((l(e).getTime() - l(t).getTime()) / 864e5);
+    function y(e, t) {
+      return Math.round((i(t).getTime() - i(e).getTime()) / 864e5);
     }
-    function v(t, e) {
-      const a = l(t), n = new Date(a);
-      return n.setDate(a.getDate() + e), p(n);
+    function p(e, t) {
+      const a = i(e), r = new Date(a);
+      return r.setDate(a.getDate() + t), h(r);
     }
-    function S(t) {
-      if (typeof t != "string" || !t) return null;
-      const e = t.match(/^(\d{4}-\d{2}-\d{2})/);
-      return e ? e[1] : null;
+    function w(e) {
+      if (typeof e != "string" || !e) return null;
+      const t = e.match(/^(\d{4}-\d{2}-\d{2})/);
+      return t ? t[1] : null;
     }
-    function I() {
-      const t = /* @__PURE__ */ new Date();
-      return `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-01`;
+    function x() {
+      const e = /* @__PURE__ */ new Date();
+      return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-01`;
     }
-    const $ = o(() => {
-      var t, e;
-      return (t = r.records) != null && t.length ? r.records : (e = r.data) != null && e.length ? r.data.map(J) : [];
-    }), D = o(() => {
-      var t, e;
-      if ((t = r.records) != null && t.length || (e = r.data) != null && e.length) {
-        const a = [];
-        for (const n of $.value) {
-          const i = S(n.fields[r.startFieldId]), c = S(n.fields[r.endFieldId]), s = n.fields[r.labelFieldId];
-          !i || !c || a.push({
-            id: n.id,
-            sourceRecordId: n.id,
-            title: typeof s == "string" && s ? s : n.id,
-            status: typeof n.fields.status == "string" ? n.fields.status : "",
-            priority: typeof n.fields.priority == "string" ? n.fields.priority : "",
-            startDate: i,
-            endDate: c
-          });
-        }
-        return a;
-      }
-      return (r.items ?? []).map((a) => ({
-        id: a.id,
-        title: a.title,
-        status: a.status,
-        priority: a.priority,
-        startDate: a.startDate,
-        endDate: a.endDate,
-        barColor: a.barColor
-      }));
-    }), B = o(() => {
-      if (!D.value.length) return r.startDate || I();
-      const t = Math.min(
-        ...D.value.map((a) => l(a.startDate).getTime())
-      ), e = new Date(t);
-      return e.setDate(e.getDate() - 1), p(e);
-    }), E = o(() => {
-      if (!D.value.length)
-        return v(r.startDate || I(), r.days - 1);
-      const t = Math.max(...D.value.map((a) => l(a.endDate).getTime())), e = new Date(t);
-      return e.setDate(e.getDate() + 1), p(e);
-    }), g = o(() => r.startDate || B.value), y = o(() => r.startDate ? r.days : Math.max(r.days, h(g.value, E.value) + 1)), L = o(() => {
-      const t = [];
-      for (let e = 0; e < y.value; e++)
-        t.push(v(g.value, e));
-      return t;
-    }), u = G([]);
-    N(
-      D,
-      (t) => {
-        u.value = t.map((e) => ({ ...e }));
+    const z = s(() => n.startFieldId ?? "startDate"), B = s(() => n.endFieldId ?? "endDate"), G = s(() => n.labelFieldId ?? "title"), F = s(() => {
+      var e, t;
+      return (e = n.records) != null && e.length ? n.records : (t = n.data) != null && t.length ? n.data.map(tt) : [];
+    }), H = s(() => {
+      var e, t, a;
+      return (e = n.items) != null && e.length ? n.items : (t = n.records) != null && t.length || (a = n.data) != null && a.length ? et(F.value, {
+        startFieldId: z.value,
+        endFieldId: B.value,
+        labelFieldId: G.value
+      }) : [];
+    }), m = s(() => H.value.map((t) => {
+      const a = w(t.startDate), r = w(t.endDate);
+      return {
+        id: t.id,
+        sourceRecordId: t.id,
+        title: t.title,
+        status: t.status,
+        priority: t.priority,
+        startDate: a ?? t.startDate,
+        endDate: r ?? t.endDate,
+        barColor: t.barColor
+      };
+    }).filter(
+      (t) => w(t.startDate) !== null && w(t.endDate) !== null
+    )), O = s(() => {
+      var a, r;
+      const e = [...m.value], t = (r = (a = n.viewConfig) == null ? void 0 : a.sorts) == null ? void 0 : r[0];
+      return t && e.sort((d, v) => {
+        const o = d[t.fieldId] ?? "", q = v[t.fieldId] ?? "", M = String(o).localeCompare(String(q));
+        return t.direction === "desc" ? -M : M;
+      }), e;
+    }), V = s(() => {
+      if (!m.value.length) return n.startDate || x();
+      const e = Math.min(
+        ...m.value.map((a) => i(a.startDate).getTime())
+      ), t = new Date(e);
+      return t.setDate(t.getDate() - 1), h(t);
+    }), Y = s(() => {
+      if (!m.value.length)
+        return p(n.startDate || x(), n.days - 1);
+      const e = Math.max(...m.value.map((a) => i(a.endDate).getTime())), t = new Date(e);
+      return t.setDate(t.getDate() + 1), h(t);
+    }), D = s(() => n.startDate || V.value), g = s(() => n.startDate ? n.days : Math.max(n.days, y(D.value, Y.value) + 1)), N = s(() => {
+      const e = [];
+      for (let t = 0; t < g.value; t++)
+        e.push(p(D.value, t));
+      return e;
+    }), u = K([]);
+    P(
+      O,
+      (e) => {
+        u.value = e.map((t) => ({ ...t }));
       },
       { immediate: !0 }
     );
-    const k = o(() => {
-      const t = g.value, e = y.value;
+    const C = s(() => {
+      const e = D.value, t = g.value;
       return u.value.map((a) => {
-        const n = Math.max(0, h(t, a.startDate)), i = Math.max(n, h(t, a.endDate)), c = Math.max(1, i - n + 1);
-        return { row: a, offsetDays: Math.min(n, e - 1), durationDays: c };
+        const r = Math.max(0, y(e, a.startDate)), d = Math.max(r, y(e, a.endDate)), v = Math.max(1, d - r + 1);
+        return { row: a, offsetDays: Math.min(r, t - 1), durationDays: v };
       });
-    }), C = p(/* @__PURE__ */ new Date());
-    function H(t) {
-      return t === C;
+    }), $ = h(/* @__PURE__ */ new Date());
+    function A(e) {
+      return e === $;
     }
-    function O(t) {
-      const e = l(t);
-      return `${String(e.getMonth() + 1).padStart(2, "0")}/${String(e.getDate()).padStart(2, "0")}`;
+    function W(e) {
+      const t = i(e);
+      return `${String(t.getMonth() + 1).padStart(2, "0")}/${String(t.getDate()).padStart(2, "0")}`;
     }
-    const F = o(() => {
-      const t = h(g.value, C);
-      return t < 0 || t > y.value - 1 ? null : t * m + m / 2;
+    const k = s(() => {
+      const e = y(D.value, $);
+      return e < 0 || e > g.value - 1 ? null : e * f + f / 2;
     });
-    function V(t) {
-      const e = u.value.findIndex((s) => s.id === t.id);
-      if (e === -1) return;
-      const a = v(g.value, t.offsetDays), n = v(a, t.durationDays - 1);
-      u.value[e] = {
-        ...u.value[e],
+    function j(e) {
+      const t = u.value.findIndex((o) => o.id === e.id);
+      if (t === -1) return;
+      const a = p(D.value, e.offsetDays), r = p(a, e.durationDays - 1);
+      u.value[t] = {
+        ...u.value[t],
         startDate: a,
-        endDate: n
+        endDate: r
       };
-      const i = u.value[e].sourceRecordId;
-      if (!i) return;
-      x("record-change", {
-        recordId: i,
+      const d = u.value[t].sourceRecordId;
+      if (!d) return;
+      S("record-change", {
+        recordId: d,
         startDate: a,
-        endDate: n
+        endDate: r
       });
-      const c = $.value.map((s) => s.id !== i ? s : {
-        ...s,
+      const v = F.value.map((o) => o.id !== d ? o : {
+        ...o,
         fields: {
-          ...s.fields,
-          [r.startFieldId]: a,
-          [r.endFieldId]: n
+          ...o.fields,
+          [n.startFieldId]: a,
+          [n.endFieldId]: r
         }
       });
-      x("update:records", c);
+      S("update:records", v);
     }
-    return (t, e) => (d(), f("div", {
+    return (e, t) => (l(), c("div", {
       class: "gantt-timeline",
-      style: _({ "--day-width": `${m}px` })
+      style: _({ "--day-width": `${f}px` })
     }, [
-      w("div", K, [
-        e[0] || (e[0] = w("div", { class: "gantt-timeline__header-label" }, "任务", -1)),
-        w("div", {
+      I("div", at, [
+        t[0] || (t[0] = I("div", { class: "gantt-timeline__header-label" }, "任务", -1)),
+        I("div", {
           class: "gantt-timeline__header-dates",
-          style: _({ width: `${y.value * m}px` })
+          style: _({ width: `${g.value * f}px` })
         }, [
-          (d(!0), f(M, null, T(L.value, (a) => (d(), f("div", {
+          (l(!0), c(R, null, T(N.value, (a) => (l(), c("div", {
             key: a,
-            class: A(["gantt-timeline__header-cell", { "gantt-timeline__header-cell--today": H(a) }]),
-            style: _({ width: `${m}px` })
-          }, W(O(a)), 7))), 128)),
-          F.value !== null ? (d(), f("div", {
+            class: Q(["gantt-timeline__header-cell", { "gantt-timeline__header-cell--today": A(a) }]),
+            style: _({ width: `${f}px` })
+          }, U(W(a)), 7))), 128)),
+          k.value !== null ? (l(), c("div", {
             key: 0,
             class: "gantt-timeline__today-line",
-            style: _({ left: `${F.value}px` })
-          }, null, 4)) : R("", !0)
+            style: _({ left: `${k.value}px` })
+          }, null, 4)) : b("", !0)
         ], 4)
       ]),
-      w("div", P, [
-        (d(!0), f(M, null, T(k.value, (a) => (d(), j(q, {
+      I("div", nt, [
+        (l(!0), c(R, null, T(C.value, (a) => (l(), X(Z, {
           key: a.row.id,
           item: a.row,
           "offset-days": a.offsetDays,
           "duration-days": a.durationDays,
-          "day-width": m,
-          "total-days": y.value,
-          onChange: V,
-          onClick: (n) => x("row-click", a.row)
+          "day-width": f,
+          "total-days": g.value,
+          onChange: j,
+          onClick: (r) => S("row-click", a.row)
         }, null, 8, ["item", "offset-days", "duration-days", "total-days", "onClick"]))), 128)),
-        k.value.length === 0 ? (d(), f("div", Q, "暂无任务数据")) : R("", !0)
+        C.value.length === 0 ? (l(), c("div", rt, "暂无任务数据")) : b("", !0)
       ])
     ], 4));
   }
 });
 export {
-  tt as default
+  lt as default
 };

package/dist/components/toast/ToastItem.vue.js

@@ -1,7 +1,7 @@
-import a from "./ToastItem.vue2.js";
+import o from "./ToastItem.vue2.js";
 /* empty css               */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(a, [["__scopeId", "data-v-83caaa5a"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1b04945c"]]);
 export {
   p as default
 };

package/dist/composables/index.d.ts

@@ -23,3 +23,22 @@ export type { UseTableDataOptions } from './useTableData';
 export { useTableColumns } from './useTableColumns';
 export type { UseTableColumnsOptions } from './useTableColumns';
 export { useBreakpoint } from './useBreakpoint';
+export { useColumnResize } from './useColumnResize';
+export type { UseColumnResizeOptions } from './useColumnResize';
+export { useFixedColumns } from './useFixedColumns';
+export type { UseFixedColumnsOptions } from './useFixedColumns';
+export { useKeyboardNavigation } from './useKeyboardNavigation';
+export type { UseKeyboardNavigationOptions, SelectedCell } from './useKeyboardNavigation';
+export { useRowDrag } from './useRowDrag';
+export type { RowReorderPayload, RowGroupChangePayload } from './useRowDrag';
+export { useDraftRows } from './useDraftRows';
+export type { UseDraftRowsOptions } from './useDraftRows';
+export { useWorkerSort } from './useWorkerSort';
+export { useSchemaEngine } from './useSchemaEngine';
+export type { ValidationRule, FilterFieldConfig, FilterPanelConfig, UseSchemaEngineOptions, } from './useSchemaEngine';
+export { useSupabaseProvider } from './useSupabaseProvider';
+export type { SupabaseQueryBuilder, SupabaseFilterBuilder, UseSupabaseProviderOptions, } from './useSupabaseProvider';
+export { useViewPersistence, createLocalStorageBackend, createSupabaseBackend, } from './useViewPersistence';
+export type { ViewStorageBackend, SupabaseViewBackendOptions, UseViewPersistenceOptions, } from './useViewPersistence';
+export { useSearch } from './useSearch';
+export type { UseSearchOptions, SearchHighlight } from './useSearch';

package/dist/composables/useBreakpoint.d.ts

@@ -1,5 +1,6 @@
 export declare function useBreakpoint(): {
     isMobile: import('vue').Ref<boolean, boolean>;
     isTablet: import('vue').Ref<boolean, boolean>;
-    isDesktop: import('vue').Ref<boolean, boolean>;
+    isDesktop: import('vue').ComputedRef<boolean>;
+    hasTouch: import('vue').Ref<boolean, boolean>;
 };

package/dist/composables/useBreakpoint.js

@@ -1,16 +1,18 @@
-import { ref as t, onMounted as s, onUnmounted as r } from "vue";
-function a() {
-  const o = t(!1), i = t(!1);
-  function e() {
-    const n = window.innerWidth;
-    o.value = n < 768, i.value = n >= 768 && n < 1024;
+import { ref as i, onMounted as r, onUnmounted as d, computed as a } from "vue";
+function c() {
+  const e = i(!1), n = i(!1), s = i(typeof window < "u" && "ontouchstart" in window);
+  function o() {
+    const t = window.innerWidth;
+    e.value = t < 768, n.value = t >= 768 && t < 1024;
   }
-  return s(() => {
-    e(), window.addEventListener("resize", e, { passive: !0 });
-  }), r(() => {
-    window.removeEventListener("resize", e);
-  }), { isMobile: o, isTablet: i, isDesktop: t(!0) };
+  r(() => {
+    o(), window.addEventListener("resize", o, { passive: !0 });
+  }), d(() => {
+    window.removeEventListener("resize", o);
+  });
+  const u = a(() => !e.value && !n.value);
+  return { isMobile: e, isTablet: n, isDesktop: u, hasTouch: s };
 }
 export {
-  a as useBreakpoint
+  c as useBreakpoint
 };

package/dist/composables/useColumnResize.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+import { TableColumn } from '../types';
+export interface UseColumnResizeOptions {
+    columns: Ref<TableColumn[]>;
+    /** Minimum column width in px (default 60) */
+    minWidth?: number;
+    /** Called on every mousemove during resize */
+    onResize?: (colKey: string, newWidth: number) => void;
+}
+export declare function useColumnResize(options: UseColumnResizeOptions): {
+    startResize: (event: MouseEvent, colKey: string) => void;
+    isResizing: Readonly<Ref<boolean, boolean>>;
+    resizingColumn: Readonly<Ref<string | null, string | null>>;
+    columnWidthOverrides: Readonly<Ref<ReadonlyMap<string, number>, ReadonlyMap<string, number>>>;
+    resolvedWidth: (colKey: string) => number;
+    autoFitColumn: (colKey: string, containerEl: HTMLElement | null) => void;
+    resizeIndicatorX: Readonly<Ref<number, number>>;
+    showResizeIndicator: Readonly<Ref<boolean, boolean>>;
+};

package/dist/composables/useColumnResize.js

@@ -0,0 +1,58 @@
+import { ref as o, onUnmounted as b, readonly as a } from "vue";
+function E(u) {
+  const d = u.minWidth ?? 60, m = o(!1), v = o(null), i = o(/* @__PURE__ */ new Map()), f = o(0), h = o(!1);
+  let n = null, y = "", W = "";
+  function X(e) {
+    if (i.value.has(e))
+      return i.value.get(e);
+    const t = u.columns.value.find((s) => s.key === e);
+    return !t || t.width === "fill" ? 200 : t.width ?? 200;
+  }
+  function w(e) {
+    var r;
+    if (!n) return;
+    const t = e.clientX - n.startX, s = Math.max(d, n.initialWidth + t), l = new Map(i.value);
+    l.set(n.colKey, s), i.value = l, f.value = e.clientX, (r = u.onResize) == null || r.call(u, n.colKey, s);
+  }
+  function z() {
+    n && (document.body.style.cursor = y, document.body.style.userSelect = W, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", z), m.value = !1, v.value = null, h.value = !1, n = null);
+  }
+  function R(e, t) {
+    e.preventDefault(), e.stopPropagation(), n = {
+      colKey: t,
+      startX: e.clientX,
+      initialWidth: X(t)
+    }, m.value = !0, v.value = t, f.value = e.clientX, h.value = !0, y = document.body.style.cursor, W = document.body.style.userSelect, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", w), document.addEventListener("mouseup", z);
+  }
+  function g(e) {
+    return X(e);
+  }
+  function C(e, t) {
+    var r;
+    if (!t) return;
+    const s = t.querySelectorAll(`[data-col-key="${e}"]`);
+    let l = d;
+    if (s.forEach((c) => {
+      const M = c.firstElementChild;
+      M && (l = Math.max(l, M.scrollWidth + 24));
+    }), l > d) {
+      const c = new Map(i.value);
+      c.set(e, l), i.value = c, (r = u.onResize) == null || r.call(u, e, l);
+    }
+  }
+  return b(() => {
+    n && z();
+  }), {
+    startResize: R,
+    isResizing: a(m),
+    resizingColumn: a(v),
+    columnWidthOverrides: a(i),
+    resolvedWidth: g,
+    autoFitColumn: C,
+    resizeIndicatorX: a(f),
+    showResizeIndicator: a(h)
+  };
+}
+export {
+  E as useColumnResize
+};

package/dist/composables/useDraftRows.d.ts

@@ -0,0 +1,33 @@
+import { Ref } from 'vue';
+import { CellValue, DataRecord, TableSchema } from '../types';
+export interface UseDraftRowsOptions {
+    schema: Ref<TableSchema | undefined>;
+    groupFieldId?: Ref<string | undefined>;
+}
+export declare function useDraftRows(options: UseDraftRowsOptions): {
+    drafts: Readonly<Ref<ReadonlyMap<string, {
+        readonly draftId: string;
+        readonly fields: {
+            readonly [x: string]: string | number | boolean | readonly string[] | null;
+        };
+        readonly dirtyFields: ReadonlySet<string>;
+        readonly validationErrors: ReadonlyMap<string, string>;
+        readonly groupFieldValue?: string | number | boolean | readonly string[] | null | undefined;
+    }>, ReadonlyMap<string, {
+        readonly draftId: string;
+        readonly fields: {
+            readonly [x: string]: string | number | boolean | readonly string[] | null;
+        };
+        readonly dirtyFields: ReadonlySet<string>;
+        readonly validationErrors: ReadonlyMap<string, string>;
+        readonly groupFieldValue?: string | number | boolean | readonly string[] | null | undefined;
+    }>>>;
+    addDraft: (groupFieldValue?: CellValue) => string;
+    updateDraftField: (draftId: string, fieldId: string, value: CellValue) => void;
+    removeDraft: (draftId: string) => void;
+    commitDraft: (draftId: string) => DataRecord | null;
+    commitAll: () => DataRecord[];
+    discardAll: () => void;
+    isDraft: (rowId: string) => boolean;
+    getDraftErrors: (draftId: string) => Map<string, string>;
+};

package/dist/composables/useDraftRows.js

@@ -0,0 +1,103 @@
+import { ref as E, readonly as h } from "vue";
+let g = 0;
+function _() {
+  return `__draft__${++g}__${Date.now()}`;
+}
+function y(l) {
+  const n = E(/* @__PURE__ */ new Map());
+  function d(t) {
+    var i;
+    const e = _(), o = {}, r = l.schema.value;
+    if (r)
+      for (const D of r.fields)
+        o[D.id] = null;
+    const a = (i = l.groupFieldId) == null ? void 0 : i.value;
+    a && t !== void 0 && (o[a] = t);
+    const s = new Map(n.value);
+    return s.set(e, {
+      draftId: e,
+      fields: o,
+      dirtyFields: /* @__PURE__ */ new Set(),
+      validationErrors: /* @__PURE__ */ new Map(),
+      groupFieldValue: t
+    }), n.value = s, e;
+  }
+  function c(t, e, o) {
+    const r = n.value.get(t);
+    if (!r) return;
+    const a = new Map(n.value), s = {
+      ...r,
+      fields: { ...r.fields, [e]: o },
+      dirtyFields: /* @__PURE__ */ new Set([...r.dirtyFields, e])
+    };
+    if (r.validationErrors.has(e)) {
+      const i = new Map(r.validationErrors);
+      i.delete(e), s.validationErrors = i;
+    }
+    a.set(t, s), n.value = a;
+  }
+  function f(t) {
+    const e = new Map(n.value);
+    e.delete(t), n.value = e;
+  }
+  function v(t) {
+    const e = n.value.get(t);
+    if (!e) return null;
+    const o = u(e);
+    if (o.size > 0) {
+      const a = new Map(n.value);
+      return a.set(t, { ...e, validationErrors: o }), n.value = a, null;
+    }
+    const r = {
+      id: t,
+      // Consumer should replace with server-generated id
+      fields: { ...e.fields }
+    };
+    return f(t), r;
+  }
+  function w() {
+    const t = [], e = /* @__PURE__ */ new Map();
+    for (const [o, r] of n.value) {
+      const a = u(r);
+      a.size > 0 ? e.set(o, { ...r, validationErrors: a }) : t.push({
+        id: o,
+        fields: { ...r.fields }
+      });
+    }
+    return n.value = e, t;
+  }
+  function p() {
+    n.value = /* @__PURE__ */ new Map();
+  }
+  function m(t) {
+    return n.value.has(t);
+  }
+  function M(t) {
+    var e;
+    return ((e = n.value.get(t)) == null ? void 0 : e.validationErrors) ?? /* @__PURE__ */ new Map();
+  }
+  function u(t) {
+    const e = /* @__PURE__ */ new Map(), o = l.schema.value;
+    if (!o) return e;
+    for (const r of o.fields)
+      if (r.required) {
+        const a = t.fields[r.id];
+        (a == null || a === "") && e.set(r.id, `${r.name} 为必填项`);
+      }
+    return e;
+  }
+  return {
+    drafts: h(n),
+    addDraft: d,
+    updateDraftField: c,
+    removeDraft: f,
+    commitDraft: v,
+    commitAll: w,
+    discardAll: p,
+    isDraft: m,
+    getDraftErrors: M
+  };
+}
+export {
+  y as useDraftRows
+};

package/dist/composables/useFixedColumns.d.ts

@@ -0,0 +1,25 @@
+import { Ref, ComputedRef } from 'vue';
+import { TableColumn } from '../types';
+export interface UseFixedColumnsOptions {
+    columns: Ref<TableColumn[]>;
+    fixedColumnKeys: Ref<string[]>;
+    scrollContainerRef: Ref<HTMLElement | null>;
+    fixedContainerRef: Ref<HTMLElement | null>;
+    /** Width of the selector checkbox column (default 40) */
+    selectorWidth?: number;
+}
+export declare function useFixedColumns(options: UseFixedColumnsOptions): {
+    fixedColumns: ComputedRef<TableColumn[]>;
+    scrollableColumns: ComputedRef<TableColumn[]>;
+    fixedWidth: ComputedRef<number>;
+    handleScroll: (e: Event) => void;
+    handleFixedScroll: (e: Event) => void;
+    scrollLeft: Readonly<Ref<number, number>>;
+    syncHover: (rowId: string | null) => void;
+    isRowHovered: (rowId: string) => boolean;
+    hoverState: Readonly<Ref<{
+        readonly rowId: string | null;
+    }, {
+        readonly rowId: string | null;
+    }>>;
+};