@oneflowui/ui 0.4.3 → 0.5.0

package/dist/composables/useDatabaseView.js

@@ -0,0 +1,388 @@
+import { computed as s, ref as I, shallowRef as De, watch as N } from "vue";
+function Le(l) {
+  return !!(l && typeof l == "object" && "value" in l);
+}
+function G(l) {
+  if (l !== void 0)
+    return Le(l) ? l.value : l;
+}
+function _e(l) {
+  if (l)
+    return { ...l };
+}
+function z(l) {
+  var r, v, a, S;
+  return {
+    ...l,
+    visibleFields: [...l.visibleFields],
+    sorts: (r = l.sorts) == null ? void 0 : r.map(_e).filter((w) => w !== void 0),
+    groups: (v = l.groups) == null ? void 0 : v.map((w) => ({ ...w })),
+    filters: (a = l.filters) == null ? void 0 : a.map((w) => ({ ...w })),
+    aggregations: (S = l.aggregations) == null ? void 0 : S.map((w) => ({ ...w })),
+    fixedColumns: l.fixedColumns ? [...l.fixedColumns] : void 0,
+    galleryCardFields: l.galleryCardFields ? [...l.galleryCardFields] : void 0
+  };
+}
+function ue(l) {
+  return l ? {
+    ...l,
+    fields: l.fields.map((r) => ({ ...r })),
+    views: (l.views ?? []).map(z)
+  } : null;
+}
+function H(l) {
+  return l ? l.map((r) => ({
+    ...r,
+    fields: { ...r.fields }
+  })) : [];
+}
+function J(l) {
+  if (!l) return [];
+  const r = /* @__PURE__ */ new Set(), v = [];
+  for (const a of l)
+    !(a != null && a.viewId) || r.has(a.viewId) || (r.add(a.viewId), v.push(z(a)));
+  return v;
+}
+function K(l, r, v = (r == null ? void 0 : r.viewId) ?? "__default__") {
+  var w;
+  const a = r ? z(r) : void 0, S = (w = a == null ? void 0 : a.visibleFields) != null && w.length ? [...a.visibleFields] : (l == null ? void 0 : l.fields.map((p) => p.id)) ?? [];
+  return {
+    viewId: v,
+    viewType: (a == null ? void 0 : a.viewType) ?? "table",
+    name: (a == null ? void 0 : a.name) ?? (l == null ? void 0 : l.name) ?? "全部记录",
+    visibleFields: S,
+    sorts: a == null ? void 0 : a.sorts,
+    groups: a == null ? void 0 : a.groups,
+    filters: a == null ? void 0 : a.filters,
+    aggregations: a == null ? void 0 : a.aggregations,
+    fixedColumns: a == null ? void 0 : a.fixedColumns,
+    galleryCardFields: a == null ? void 0 : a.galleryCardFields
+  };
+}
+function Ee(l, r, v, a) {
+  const S = l.filter((n) => !a.has(n.viewId)), w = /* @__PURE__ */ new Map();
+  for (const n of S)
+    w.set(n.viewId, n);
+  const p = /* @__PURE__ */ new Map();
+  for (const n of r)
+    a.has(n.viewId) || p.set(n.viewId, n);
+  const V = /* @__PURE__ */ new Map();
+  for (const n of v)
+    a.has(n.viewId) || V.set(n.viewId, n);
+  const y = [], d = /* @__PURE__ */ new Set();
+  for (const n of S) {
+    const D = V.get(n.viewId) ?? p.get(n.viewId) ?? n;
+    y.push(D), d.add(D.viewId);
+  }
+  for (const n of r)
+    a.has(n.viewId) || d.has(n.viewId) || (y.push(n), d.add(n.viewId));
+  for (const n of v)
+    a.has(n.viewId) || d.has(n.viewId) || (y.push(n), d.add(n.viewId));
+  return y;
+}
+function Be(l) {
+  var v;
+  const r = (v = l == null ? void 0 : l.sorts) == null ? void 0 : v[0];
+  return r ? {
+    field: r.fieldId,
+    order: r.direction
+  } : { field: null, order: null };
+}
+function Q(l, r) {
+  return l.some((v) => v.viewId === r);
+}
+function Ae(l) {
+  var ie;
+  const r = s(() => {
+    var e, t;
+    return l.mode ? l.mode : (e = l.provider) != null && e.mode ? l.provider.mode : (t = l.provider) != null && t.onFetch ? "provider" : "local";
+  }), v = s(() => ue(G(l.schema) ?? null)), a = s(() => H(G(l.records))), S = s(() => J(G(l.views))), w = I(null), p = I([]), V = I([]), y = I(/* @__PURE__ */ new Set()), d = De(a.value), n = I(!1), D = I(null), E = I(d.value.length), L = I(1), k = I(l.pageSize ?? 20), f = I(
+    l.initialSelectedRecordId !== void 0 ? l.initialSelectedRecordId : ((ie = d.value[0]) == null ? void 0 : ie.id) ?? null
+  ), m = I(l.initialViewId ?? ""), $ = I(!1), B = I(0), F = I(l.initialSelectedRecordId === void 0), q = s(() => w.value ?? v.value), b = s(() => {
+    var i;
+    const e = [...((i = v.value) == null ? void 0 : i.views) ?? [], ...S.value], t = J(e);
+    return t.length > 0 ? t : [K(v.value, l.defaultView)];
+  }), g = s(
+    () => Ee(b.value, p.value, V.value, y.value)
+  ), C = s(() => g.value.find((t) => t.viewId === m.value) ?? g.value[0] ?? K(q.value, l.defaultView, m.value || "__default__")), O = s(() => f.value ? d.value.find((e) => e.id === f.value) ?? null : null), T = s(() => f.value ? d.value.findIndex((e) => e.id === f.value) : -1), U = s(() => T.value >= 0), re = s(
+    () => U.value ? T.value + 1 : null
+  ), h = I(!!(l.initialDetailOpen ?? l.initialSelectedRecordId)), ce = s(() => h.value ? O.value : null), de = s(
+    () => g.value.map((e) => ({
+      id: e.viewId,
+      name: e.name,
+      type: e.viewType
+    }))
+  ), M = s(() => {
+    var e;
+    return r.value === "provider" && !!((e = l.provider) != null && e.onFetch);
+  }), oe = s(() => !M.value);
+  function x(e) {
+    D.value = e instanceof Error ? e : new Error(String(e));
+  }
+  function W(e) {
+    return d.value.findIndex((t) => t.id === e);
+  }
+  function ve(e) {
+    return d.value.find((t) => t.id === e) ?? null;
+  }
+  function fe(e) {
+    return W(e) >= 0;
+  }
+  function X(e) {
+    return e == null ? null : typeof e == "string" ? e : e.id;
+  }
+  function _() {
+    var e;
+    Q(g.value, m.value) || (m.value = ((e = g.value[0]) == null ? void 0 : e.viewId) ?? K(q.value, l.defaultView).viewId);
+  }
+  function P() {
+    var e;
+    F.value && (!f.value || !fe(f.value)) && (f.value = ((e = d.value[0]) == null ? void 0 : e.id) ?? null);
+  }
+  function Y(e) {
+    F.value = !1, f.value = X(e);
+  }
+  function Z(e) {
+    F.value = !1, e !== void 0 && (f.value = X(e)), h.value = !0;
+  }
+  function ee(e) {
+    h.value = !1, e != null && e.clearSelection && (F.value = !1, f.value = null);
+  }
+  function se(e) {
+    if (h.value) {
+      ee();
+      return;
+    }
+    Z(e);
+  }
+  function le(e, t) {
+    const i = d.value.length;
+    if (i <= 0) return;
+    const c = T.value;
+    let o = c >= 0 ? c + e : e > 0 ? 0 : i - 1;
+    if (t != null && t.wrap)
+      o = (o + i) % i;
+    else if (o < 0 || o >= i)
+      return;
+    const u = d.value[o];
+    u && (F.value = !1, f.value = u.id, ((t == null ? void 0 : t.openDetail) ?? h.value) && (h.value = !0));
+  }
+  function we(e) {
+    le(1, e);
+  }
+  function Ie(e) {
+    le(-1, e);
+  }
+  function j(e) {
+    const t = z(e);
+    V.value = [...V.value.filter((i) => i.viewId !== t.viewId), t], y.value.delete(t.viewId), _();
+  }
+  function te(e) {
+    V.value = V.value.filter((t) => t.viewId !== e);
+  }
+  function me(e) {
+    y.value = /* @__PURE__ */ new Set([...y.value, e]), te(e);
+  }
+  async function A() {
+    var i, c, o;
+    const e = {
+      tableId: l.tableId,
+      schema: q.value,
+      view: C.value,
+      page: L.value,
+      pageSize: k.value,
+      sort: Be(C.value),
+      selectedRecordId: f.value
+    };
+    if (D.value = null, (i = l.actions) != null && i.onRefresh)
+      try {
+        await l.actions.onRefresh();
+      } catch (u) {
+        x(u);
+        return;
+      }
+    if ((c = l.provider) != null && c.onRefresh)
+      try {
+        await l.provider.onRefresh(e);
+      } catch (u) {
+        x(u);
+        return;
+      }
+    if (!M.value || !((o = l.provider) != null && o.onFetch)) {
+      d.value = a.value, E.value = d.value.length, P(), _(), $.value = !1;
+      return;
+    }
+    const t = B.value + 1;
+    B.value = t, n.value = !0;
+    try {
+      const u = await l.provider.onFetch(e);
+      if (B.value !== t) return;
+      const R = H(u.records ?? u.data);
+      d.value = R, E.value = u.total ?? R.length, u.schema !== void 0 && (w.value = ue(u.schema)), u.views !== void 0 && u.views !== null && (p.value = J(u.views)), u.activeViewId && (m.value = u.activeViewId), u.selectedRecordId !== void 0 && (F.value = !1, f.value = u.selectedRecordId, u.selectedRecordId === null && (h.value = !1)), $.value = !0, _(), P();
+    } catch (u) {
+      B.value === t && x(u);
+    } finally {
+      B.value === t && (n.value = !1);
+    }
+  }
+  function ae(e) {
+    Q(g.value, e) && (m.value = e, L.value = 1, M.value && A());
+  }
+  function ge(e) {
+    ae(e);
+  }
+  async function he(e) {
+    var c, o;
+    const t = C.value, i = z({
+      ...t,
+      ...e,
+      viewId: t.viewId
+    });
+    j(i);
+    try {
+      await ((o = (c = l.actions) == null ? void 0 : c.onSaveView) == null ? void 0 : o.call(c, i));
+    } catch (u) {
+      x(u);
+    }
+  }
+  async function ne(e, t) {
+    var o, u;
+    const i = `view-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`, c = z({
+      ...C.value,
+      ...t,
+      viewId: i,
+      name: e
+    });
+    j(c), m.value = i, L.value = 1;
+    try {
+      await ((u = (o = l.actions) == null ? void 0 : o.onSaveView) == null ? void 0 : u.call(o, c));
+    } catch (R) {
+      x(R);
+    }
+    return i;
+  }
+  async function Re(e) {
+    var c, o, u;
+    if (!Q(g.value, e)) return;
+    const t = m.value === e;
+    b.value.some((R) => R.viewId === e) ? me(e) : te(e), t && (m.value = ((c = g.value.find((R) => R.viewId !== e)) == null ? void 0 : c.viewId) ?? "", _());
+    try {
+      await ((u = (o = l.actions) == null ? void 0 : o.onDeleteView) == null ? void 0 : u.call(o, e));
+    } catch (R) {
+      x(R);
+    }
+  }
+  async function Se(e, t) {
+    const i = g.value.find((c) => c.viewId === e);
+    return i ? ne(t, { ...i }) : "";
+  }
+  function ye(e) {
+    const t = z({
+      ...C.value,
+      ...e,
+      viewId: C.value.viewId
+    });
+    j(t);
+  }
+  function Ve(e) {
+    Y(e), f.value === null && (h.value = !1);
+  }
+  function xe() {
+    F.value = !1, f.value = null, h.value = !1;
+  }
+  function pe(e) {
+    L.value = Math.max(1, Math.floor(e) || 1), M.value && A();
+  }
+  function Fe(e) {
+    k.value = Math.max(1, Math.floor(e) || 1), L.value = 1, M.value && A();
+  }
+  async function Ce(e) {
+    var t, i;
+    try {
+      await ((i = (t = l.actions) == null ? void 0 : t.onCellEdit) == null ? void 0 : i.call(t, e));
+    } catch (c) {
+      x(c);
+    }
+  }
+  async function Me(e) {
+    var t, i;
+    try {
+      await ((i = (t = l.actions) == null ? void 0 : t.onSchemaEvent) == null ? void 0 : i.call(t, e));
+    } catch (c) {
+      x(c);
+    }
+  }
+  function ze(e) {
+    const t = H(e);
+    d.value = t, E.value = t.length, P();
+  }
+  return N(
+    a,
+    (e) => {
+      M.value && $.value || (d.value = e, E.value = e.length, P());
+    },
+    { immediate: !0 }
+  ), N(
+    b,
+    () => {
+      _();
+    },
+    { immediate: !0, deep: !0 }
+  ), N(
+    O,
+    () => {
+      var e, t;
+      (t = (e = l.actions) == null ? void 0 : e.onSelectRecord) == null || t.call(e, O.value);
+    },
+    { immediate: !0, deep: !1, flush: "sync" }
+  ), l.autoLoad !== !1 ? A() : (_(), P()), {
+    tableId: l.tableId,
+    mode: r,
+    schema: q,
+    records: d,
+    views: g,
+    activeViewId: m,
+    activeView: C,
+    selectedRecordId: f,
+    selectedRecord: O,
+    selectedRecordIndex: T,
+    selectedRecordOrdinal: re,
+    hasSelectedRecord: U,
+    detailOpen: h,
+    detailRecord: ce,
+    loading: n,
+    error: D,
+    page: L,
+    pageSize: k,
+    totalCount: E,
+    viewList: de,
+    isProviderMode: M,
+    isLocalMode: oe,
+    refresh: A,
+    getRecordById: ve,
+    getRecordIndex: W,
+    selectRecord: Y,
+    openRecordDetail: Z,
+    closeRecordDetail: ee,
+    toggleRecordDetail: se,
+    selectNextRecord: we,
+    selectPreviousRecord: Ie,
+    switchView: ae,
+    setActiveViewId: ge,
+    createView: ne,
+    saveView: he,
+    deleteView: Re,
+    duplicateView: Se,
+    updateActiveView: ye,
+    setSelectedRecord: Ve,
+    clearSelectedRecord: xe,
+    setPage: pe,
+    setPageSize: Fe,
+    emitCellEdit: Ce,
+    emitSchemaEvent: Me,
+    setRecords: ze
+  };
+}
+export {
+  Ae as useDatabaseView
+};

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;
+    }>>;
+};

package/dist/composables/useFixedColumns.js

@@ -0,0 +1,61 @@
+import { ref as f, computed as a, onUnmounted as w, readonly as d } from "vue";
+function A(n) {
+  const m = n.selectorWidth ?? 40, i = f(0), u = f({ rowId: null });
+  let o = null, r = null, c = null;
+  const s = a(() => {
+    const e = new Set(n.fixedColumnKeys.value);
+    return n.columns.value.filter((l) => e.has(l.key));
+  }), v = a(() => {
+    const e = new Set(n.fixedColumnKeys.value);
+    return n.columns.value.filter((l) => !e.has(l.key));
+  }), h = a(() => {
+    let e = m;
+    for (const l of s.value)
+      e += typeof l.width == "number" ? l.width : l.minWidth ?? 200;
+    return e;
+  });
+  function x(e) {
+    if (c === "fixed") {
+      c = null;
+      return;
+    }
+    const l = e.target;
+    i.value = l.scrollLeft, o !== null && cancelAnimationFrame(o), o = requestAnimationFrame(() => {
+      const t = n.fixedContainerRef.value;
+      t && t !== l && (c = "scroll", t.scrollTop = l.scrollTop), o = null;
+    });
+  }
+  function y(e) {
+    if (c === "scroll") {
+      c = null;
+      return;
+    }
+    const l = e.target;
+    r !== null && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
+      const t = n.scrollContainerRef.value;
+      t && t !== l && (c = "fixed", t.scrollTop = l.scrollTop), r = null;
+    });
+  }
+  function F(e) {
+    u.value = { rowId: e };
+  }
+  function S(e) {
+    return u.value.rowId === e;
+  }
+  return w(() => {
+    o !== null && cancelAnimationFrame(o), r !== null && cancelAnimationFrame(r);
+  }), {
+    fixedColumns: s,
+    scrollableColumns: v,
+    fixedWidth: h,
+    handleScroll: x,
+    handleFixedScroll: y,
+    scrollLeft: d(i),
+    syncHover: F,
+    isRowHovered: S,
+    hoverState: d(u)
+  };
+}
+export {
+  A as useFixedColumns
+};

package/dist/composables/useFocusTrap.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Focus trap composable — 管理 dialog/drawer/panel 的焦点陷阱
+ *
+ * 返回 containerRef（绑到容器元素），activate() 打开时调用，deactivate() 关闭时调用。
+ */
+export declare function useFocusTrap(): {
+    containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    activate: () => void;
+    deactivate: () => void;
+};

package/dist/composables/useFocusTrap.js

@@ -0,0 +1,37 @@
+import { ref as f, onBeforeUnmount as s, nextTick as d } from "vue";
+function v() {
+  const o = f(null);
+  let t = null;
+  function r() {
+    return o.value ? Array.from(
+      o.value.querySelectorAll(
+        'button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), a[href]'
+      )
+    ).filter((e) => !e.closest('[aria-hidden="true"]')) : [];
+  }
+  function u(e) {
+    if (e.key !== "Tab") return;
+    const n = r();
+    if (n.length === 0) {
+      e.preventDefault();
+      return;
+    }
+    const c = n[0], i = n[n.length - 1];
+    e.shiftKey ? document.activeElement === c && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), c.focus());
+  }
+  function l() {
+    t = document.activeElement, d(() => {
+      const e = r();
+      e.length && e[0].focus(), document.addEventListener("keydown", u);
+    });
+  }
+  function a() {
+    document.removeEventListener("keydown", u), t == null || t.focus(), t = null;
+  }
+  return s(() => {
+    document.removeEventListener("keydown", u);
+  }), { containerRef: o, activate: l, deactivate: a };
+}
+export {
+  v as useFocusTrap
+};

package/dist/composables/useInlineEdit.js

@@ -1,6 +1,6 @@
-import { readonly as c, ref as f } from "vue";
-const n = f(null);
+import { ref as c, readonly as f } from "vue";
 function I() {
+  const n = c(null);
   function o(e, l) {
     n.value = { rowId: e, fieldId: l };
   }
@@ -16,7 +16,7 @@ function I() {
     return ((u = n.value) == null ? void 0 : u.rowId) === e && ((i = n.value) == null ? void 0 : i.fieldId) === l;
   }
   return {
-    editingCell: c(n),
+    editingCell: f(n),
     activate: o,
     commit: r,
     cancel: a,