@oneflowui/ui 0.5.5 → 0.5.6

package/dist/components/table/DataTable.vue2.js

@@ -1,54 +1,54 @@
-import { defineComponent as Fl, defineAsyncComponent as be, ref as R, toRef as h, computed as b, watch as ke, unref as t, openBlock as r, createElementBlock as s, Fragment as c, createVNode as E, createBlock as y, createCommentVNode as $, createElementVNode as g, normalizeStyle as k, normalizeClass as T, renderList as m, mergeProps as I, withModifiers as L, renderSlot as _, toDisplayString as z, withCtx as Pe, Teleport as Hl } from "vue";
-import he from "./TableHeaderRow.vue.js";
+import { defineComponent as Fl, defineAsyncComponent as be, ref as R, toRef as h, computed as b, watch as ke, unref as t, openBlock as r, createElementBlock as s, Fragment as c, createVNode as E, createSlots as Hl, withCtx as he, renderSlot as T, normalizeProps as Bl, guardReactiveProps as Il, createBlock as y, createCommentVNode as $, createElementVNode as g, normalizeStyle as k, normalizeClass as z, renderList as m, mergeProps as K, withModifiers as P, toDisplayString as A, Teleport as Kl } from "vue";
+import me from "./TableHeaderRow.vue.js";
 import Ve from "./TableDataRow.vue.js";
 import Q from "./TableGroupRow.vue.js";
-import Bl from "./NewRowBtn.vue.js";
-import Il from "./MobileListView.vue.js";
-import K from "./FieldCell.vue.js";
-import { useInlineEdit as _l } from "../../composables/useInlineEdit.js";
-import { useVirtualList as Kl } from "../../composables/useVirtualList.js";
-import { useTable as El } from "../../composables/useTable.js";
-import { useTableGroup as Ll } from "../../composables/useTableGroup.js";
-import { useTableData as Gl } from "../../composables/useTableData.js";
-import { useTableColumns as Pl } from "../../composables/useTableColumns.js";
-import { useColumnResize as Vl } from "../../composables/useColumnResize.js";
-import { useKeyboardNavigation as Ol } from "../../composables/useKeyboardNavigation.js";
-import { useBreakpoint as Nl } from "../../composables/useBreakpoint.js";
-import { useFixedColumns as Wl } from "../../composables/useFixedColumns.js";
-import { useRowDrag as Yl } from "../../composables/useRowDrag.js";
-import { useDraftRows as jl } from "../../composables/useDraftRows.js";
-const Xl = ["tabindex"], Ul = {
+import _l from "./NewRowBtn.vue.js";
+import El from "./MobileListView.vue.js";
+import _ from "./FieldCell.vue.js";
+import { useInlineEdit as Pl } from "../../composables/useInlineEdit.js";
+import { useVirtualList as Ll } from "../../composables/useVirtualList.js";
+import { useTable as Gl } from "../../composables/useTable.js";
+import { useTableGroup as Vl } from "../../composables/useTableGroup.js";
+import { useTableData as Ol } from "../../composables/useTableData.js";
+import { useTableColumns as Nl } from "../../composables/useTableColumns.js";
+import { useColumnResize as Wl } from "../../composables/useColumnResize.js";
+import { useKeyboardNavigation as Yl } from "../../composables/useKeyboardNavigation.js";
+import { useBreakpoint as jl } from "../../composables/useBreakpoint.js";
+import { useFixedColumns as Xl } from "../../composables/useFixedColumns.js";
+import { useRowDrag as Ul } from "../../composables/useRowDrag.js";
+import { useDraftRows as ql } from "../../composables/useDraftRows.js";
+const Jl = ["tabindex"], Ql = {
   key: 0,
   class: "of-data-table-body",
   style: { position: "relative" }
-}, ql = { class: "of-data-table-fixed-body" }, Jl = ["onMouseenter", "onClick"], Ql = ["checked", "onChange"], Zl = {
+}, Zl = { class: "of-data-table-fixed-body" }, eo = ["onMouseenter", "onClick"], lo = ["checked", "onChange"], oo = {
   key: 1,
   class: "of-td-text"
-}, eo = ["onMouseenter", "onClick"], lo = ["checked", "onChange"], oo = {
+}, to = ["onMouseenter", "onClick"], no = ["checked", "onChange"], ao = {
   key: 1,
   class: "of-td-text"
-}, to = { class: "of-data-table-scroll-body" }, no = {
+}, ro = { class: "of-data-table-scroll-body" }, so = {
   key: 0,
   style: { height: "36px" }
-}, ao = ["onMouseenter", "onClick"], ro = {
+}, io = ["onMouseenter", "onClick"], uo = {
   key: 1,
   class: "of-td-text"
-}, so = {
+}, fo = {
   key: 0,
   style: { height: "36px" }
-}, io = ["onMouseenter", "onClick"], uo = {
+}, co = ["onMouseenter", "onClick"], vo = {
   key: 1,
   class: "of-td-text"
-}, fo = {
+}, yo = {
   key: 1,
   class: "of-td-text"
-}, co = {
+}, go = {
   key: 1,
   class: "of-td-text"
-}, vo = {
+}, bo = {
   key: 3,
   class: "of-data-table-draft-toolbar"
-}, yo = { class: "of-data-table-draft-count" }, go = { class: "of-add-field-popup" }, bo = 36, ko = 44, No = /* @__PURE__ */ Fl({
+}, ko = { class: "of-data-table-draft-count" }, ho = { class: "of-add-field-popup" }, mo = 36, po = 44, jo = /* @__PURE__ */ Fl({
   __name: "DataTable",
   props: {
     tasks: {},
@@ -78,14 +78,14 @@ const Xl = ["tabindex"], Ul = {
   },
   emits: ["row-click", "row-click-record", "add-row", "selection-change", "cell-edit", "column-resize", "active-cell-change", "row-reorder", "row-group-change", "draft-commit", "draft-discard", "drafts-commit-all", "paste", "schema-add-field", "schema-rename-field", "schema-change-field-type", "schema-hide-field", "schema-delete-field", "schema-duplicate-field"],
   setup(u, { emit: Oe }) {
-    const Ne = be(() => import("./ColumnHeaderMenu.vue.js")), We = be(() => import("./FieldTypePicker.vue.js")), Ye = be(() => import("./DetailSheet.vue.js")), d = u, f = Oe, { isMobile: me } = Nl(), G = R(!1), P = R(null), Z = _l(), { commit: je, editingCell: Xe } = Z, { rows: pe } = Gl({
+    const Ne = be(() => import("./ColumnHeaderMenu.vue.js")), We = be(() => import("./FieldTypePicker.vue.js")), Ye = be(() => import("./DetailSheet.vue.js")), d = u, f = Oe, { isMobile: pe } = jl(), L = R(!1), G = R(null), Z = Pl(), { commit: je, editingCell: Xe } = Z, { rows: we } = Ol({
       tasks: h(d, "tasks"),
       records: h(d, "records")
-    }), { columns: ee } = Pl({
+    }), { columns: ee } = Nl({
       columns: h(d, "columns"),
       schema: h(d, "schema"),
       view: h(d, "view")
-    }), { startResize: Ue, columnWidthOverrides: qe, showResizeIndicator: Je, resizeIndicatorX: Qe, autoFitColumn: Ze } = Vl({
+    }), { startResize: Ue, columnWidthOverrides: qe, showResizeIndicator: Je, resizeIndicatorX: Qe, autoFitColumn: Ze } = Wl({
       columns: ee,
       onResize: (l, o) => f("column-resize", { colKey: l, width: o })
     }), C = b(() => {
@@ -96,52 +96,52 @@ const Xl = ["tabindex"], Ul = {
       });
     }), {
       data: V,
-      sort: A,
+      sort: F,
       toggleSort: O,
       selectedRows: p,
       toggleSelectAll: el,
       toggleRowSelection: ll,
       isAllSelected: le,
       setData: ol
-    } = El({
-      data: pe.value,
+    } = Gl({
+      data: we.value,
       pageSize: 999999
     });
-    ke(pe, (l) => ol(l), { deep: !1 });
-    const { groupedItems: D, collapsedGroups: tl, toggleGroup: N, isGroupHeader: x } = Ll({
+    ke(we, (l) => ol(l), { deep: !1 });
+    const { groupedItems: D, collapsedGroups: tl, toggleGroup: N, isGroupHeader: x } = Vl({
       data: V,
       groupBy: h(d, "groupBy"),
       groups: h(d, "groups"),
       aggregations: h(d, "aggregations")
-    }), W = R(null), oe = R(null), we = R(null), nl = b(() => {
+    }), W = R(null), oe = R(null), Ce = R(null), nl = b(() => {
       var l;
       return (((l = d.fixedColumns) == null ? void 0 : l.length) ?? 0) > 0;
-    }), Ce = R(0), al = b(() => Ce.value > 0), {
+    }), De = R(0), al = b(() => De.value > 0), {
       fixedColumns: te,
       scrollableColumns: ne,
-      fixedWidth: De,
+      fixedWidth: xe,
       handleScroll: rl,
-      handleFixedScroll: xe,
-      scrollLeft: ho,
+      handleFixedScroll: Se,
+      scrollLeft: wo,
       syncHover: S,
       isRowHovered: Y
-    } = Wl({
+    } = Xl({
       columns: C,
       fixedColumnKeys: b(() => d.fixedColumns ?? []),
       scrollContainerRef: W,
-      fixedContainerRef: we
-    }), ae = b(() => d.virtual !== void 0 ? d.virtual : D.value.length >= d.virtualThreshold), { visibleItems: re, totalHeight: se, offsetY: de, scrollToIndex: sl, observeRow: j } = Kl({
+      fixedContainerRef: Ce
+    }), ae = b(() => d.virtual !== void 0 ? d.virtual : D.value.length >= d.virtualThreshold), { visibleItems: re, totalHeight: se, offsetY: de, scrollToIndex: sl, observeRow: j } = Ll({
       items: D,
       itemHeight: (l) => {
         const o = D.value[l];
-        return x(o) ? bo : ko;
+        return x(o) ? mo : po;
       },
       overscan: 5,
       containerRef: W,
       measureRow: !0
-    }), Se = b(() => D.value.filter((l) => !x(l))), { activeCell: Re, selectedRange: dl, setActiveCell: $e, handleKeyDown: il } = Ol({
+    }), Re = b(() => D.value.filter((l) => !x(l))), { activeCell: $e, selectedRange: dl, setActiveCell: Me, handleKeyDown: il } = Yl({
       columns: C,
-      rows: Se,
+      rows: Re,
       containerRef: oe,
       editingCell: Xe,
       enabled: b(() => d.enableKeyboard),
@@ -149,7 +149,7 @@ const Xl = ["tabindex"], Ul = {
       onCancelEdit: () => Z.cancel(),
       onScrollToRow: (l) => sl(l),
       getCellValue: (l, o) => {
-        const e = Se.value.find((a) => a.id === l);
+        const e = Re.value.find((a) => a.id === l);
         if (!e) return "";
         const n = e[o];
         return n != null ? String(n) : "";
@@ -158,47 +158,47 @@ const Xl = ["tabindex"], Ul = {
         f("paste", { startRowId: l, startColKey: o, data: e });
       }
     });
-    ke(Re, (l) => f("active-cell-change", l ?? null));
+    ke($e, (l) => f("active-cell-change", l ?? null));
     const {
       isDragging: ul,
       draggedRowId: fl,
       dropTargetId: ie,
-      dropPosition: Me,
+      dropPosition: Te,
       handleDragStart: cl,
       handleDragOver: vl,
       handleDrop: yl,
-      handleDragEnd: Te
-    } = Yl({
+      handleDragEnd: ze
+    } = Ul({
       processedItems: D,
       enableCrossGroupDrag: b(() => d.enableCrossGroupDrag),
       groupFieldId: h(d, "groupBy")
     });
-    function ze(l, o) {
+    function Ae(l, o) {
       d.enableRowDrag && cl(l, o);
     }
-    function Ae(l, o) {
+    function Fe(l, o) {
       d.enableRowDrag && vl(l, o);
     }
-    function Fe(l, o) {
+    function He(l, o) {
       d.enableRowDrag && yl(l, o, {
         onReorder: (e) => f("row-reorder", e),
         onGroupChange: (e) => f("row-group-change", e)
       });
     }
     const {
-      drafts: He,
+      drafts: Be,
       addDraft: gl,
-      updateDraftField: mo,
-      removeDraft: po,
-      commitDraft: wo,
+      updateDraftField: Co,
+      removeDraft: Do,
+      commitDraft: xo,
       commitAll: bl,
       discardAll: kl,
-      isDraft: Co,
-      getDraftErrors: Do
-    } = jl({
+      isDraft: So,
+      getDraftErrors: Ro
+    } = ql({
       schema: h(d, "schema"),
       groupFieldId: h(d, "groupBy")
-    }), hl = b(() => He.value.size > 0);
+    }), hl = b(() => Be.value.size > 0);
     function ml() {
       d.schema ? gl() : f("add-row");
     }
@@ -255,7 +255,7 @@ const Xl = ["tabindex"], Ul = {
     function $l(l) {
       f("schema-add-field", l), X.value = !1;
     }
-    const M = b(() => d.readonly ? !1 : d.selectable), Be = b(() => d.readonly ? !1 : d.addable), Ml = b(() => Array.from(p.value)), Ie = b(() => p.value.size > 0 && !le.value);
+    const M = b(() => d.readonly ? !1 : d.selectable), Ie = b(() => d.readonly ? !1 : d.addable), Ml = b(() => Array.from(p.value)), Ke = b(() => p.value.size > 0 && !le.value);
     function _e() {
       el(V.value);
     }
@@ -268,7 +268,7 @@ const Xl = ["tabindex"], Ul = {
       const o = l[d.rowKey];
       return o != null ? String(o) : "";
     }
-    function F(l) {
+    function H(l) {
       var o;
       return ((o = d.fieldDefs) == null ? void 0 : o.find((e) => e.id === l)) ?? {
         id: l,
@@ -276,12 +276,12 @@ const Xl = ["tabindex"], Ul = {
         label: l
       };
     }
-    function H(l, o, e) {
+    function B(l, o, e) {
       je(l, o, e), f("cell-edit", { rowId: l, fieldId: o, value: e });
     }
-    function B(l) {
-      if (me.value) {
-        P.value = l, G.value = !0;
+    function I(l) {
+      if (pe.value) {
+        G.value = l, L.value = !0;
         return;
       }
       const o = l;
@@ -300,7 +300,7 @@ const Xl = ["tabindex"], Ul = {
     function Tl(l) {
       rl(l);
       const o = l.target;
-      Ce.value = o.scrollLeft;
+      De.value = o.scrollLeft;
     }
     function q(l) {
       return {
@@ -318,7 +318,7 @@ const Xl = ["tabindex"], Ul = {
     function J(l) {
       return l.__groupPath ? l.__groupPath.join("/") : l.__groupKey;
     }
-    function Ke(l) {
+    function Ee(l) {
       return {
         row: l,
         rowKey: d.rowKey,
@@ -329,8 +329,8 @@ const Xl = ["tabindex"], Ul = {
         statusColorMap: d.statusColorMap
       };
     }
-    function Ee(l, o) {
-      const e = Re.value;
+    function Pe(l, o) {
+      const e = $e.value;
       return e !== null && e.rowId === l && e.colKey === o;
     }
     function Le(l, o) {
@@ -341,35 +341,43 @@ const Xl = ["tabindex"], Ul = {
       return {
         "of-row-dragging": ul.value && fl.value === o,
         "of-row-drop-target": ie.value === o,
-        "of-row-drop-before": ie.value === o && Me.value === "before",
-        "of-row-drop-after": ie.value === o && Me.value === "after"
+        "of-row-drop-before": ie.value === o && Te.value === "before",
+        "of-row-drop-after": ie.value === o && Te.value === "after"
       };
     }
     function zl(l) {
-      P.value = l, G.value = !0;
+      G.value = l, L.value = !0;
     }
     function Al(l) {
       for (const [o, e] of Object.entries(l.fields))
         f("cell-edit", { rowId: l.rowId, fieldId: o, value: e });
     }
-    return (l, o) => t(me) ? (r(), s(c, { key: 0 }, [
-      E(Il, {
+    return (l, o) => t(pe) ? (r(), s(c, { key: 0 }, [
+      E(El, {
         rows: t(V),
         columns: C.value,
         selectable: M.value,
-        addable: Be.value,
+        addable: Ie.value,
         "status-color-map": u.statusColorMap,
         readonly: u.readonly,
         onRowClick: zl,
         onAddRow: o[0] || (o[0] = (e) => f("add-row"))
-      }, null, 8, ["rows", "columns", "selectable", "addable", "status-color-map", "readonly"]),
-      P.value ? (r(), y(t(Ye), {
+      }, Hl({ _: 2 }, [
+        l.$slots.cell ? {
+          name: "cell",
+          fn: he((e) => [
+            T(l.$slots, "cell", Bl(Il(e)), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["rows", "columns", "selectable", "addable", "status-color-map", "readonly"]),
+      G.value ? (r(), y(t(Ye), {
         key: 0,
-        row: P.value,
+        row: G.value,
         columns: C.value,
         "field-defs": u.fieldDefs,
-        visible: G.value,
-        onClose: o[1] || (o[1] = (e) => G.value = !1),
+        visible: L.value,
+        onClose: o[1] || (o[1] = (e) => L.value = !1),
         onSave: Al,
         onDelete: o[2] || (o[2] = (e) => f("row-click", { id: e, __action: "delete" })),
         onCellEdit: o[3] || (o[3] = (e) => f("cell-edit", e))
@@ -383,22 +391,22 @@ const Xl = ["tabindex"], Ul = {
       tabindex: u.enableKeyboard ? 0 : void 0,
       onKeydown: o[14] || (o[14] = (e) => u.enableKeyboard ? t(il)(e) : void 0)
     }, [
-      nl.value ? (r(), s("div", Ul, [
+      nl.value ? (r(), s("div", Ql, [
         g("div", {
           ref_key: "fixedContainerRef",
-          ref: we,
-          class: T(["of-data-table-fixed-region", { "of-fixed-shadow": al.value }]),
-          style: k({ width: t(De) + "px" }),
+          ref: Ce,
+          class: z(["of-data-table-fixed-region", { "of-fixed-shadow": al.value }]),
+          style: k({ width: t(xe) + "px" }),
           onScroll: o[8] || (o[8] = //@ts-ignore
-          (...e) => t(xe) && t(xe)(...e))
+          (...e) => t(Se) && t(Se)(...e))
         }, [
-          E(he, {
+          E(me, {
             columns: t(te),
             selectable: M.value,
-            "sort-key": t(A).field ?? "",
-            "sort-order": t(A).order ?? "asc",
+            "sort-key": t(F).field ?? "",
+            "sort-order": t(F).order ?? "asc",
             "all-selected": t(le),
-            indeterminate: Ie.value,
+            indeterminate: Ke.value,
             "enable-resize": u.enableResize,
             "enable-field-menu": u.enableFieldManagement,
             "enable-add-field": u.enableFieldManagement,
@@ -410,7 +418,7 @@ const Xl = ["tabindex"], Ul = {
             onHeaderDblclick: fe,
             onAddField: ce
           }, null, 8, ["columns", "selectable", "sort-key", "sort-order", "all-selected", "indeterminate", "enable-resize", "enable-field-menu", "enable-add-field", "onSort"]),
-          g("div", ql, [
+          g("div", Zl, [
             ae.value ? (r(), s("div", {
               key: 0,
               style: k({ height: t(se) + "px", position: "relative" })
@@ -421,7 +429,7 @@ const Xl = ["tabindex"], Ul = {
                 (r(!0), s(c, null, m(t(re), ({ data: e, index: n }) => (r(), s(c, {
                   key: e.id
                 }, [
-                  t(x)(e) ? (r(), y(Q, I({
+                  t(x)(e) ? (r(), y(Q, K({
                     key: 0,
                     ref_for: !0,
                     ref: (a) => t(j)((a == null ? void 0 : a.$el) ?? a, n)
@@ -431,20 +439,20 @@ const Xl = ["tabindex"], Ul = {
                     key: 1,
                     ref_for: !0,
                     ref: (a) => t(j)(a, n),
-                    class: T(["of-table-row", {
+                    class: z(["of-table-row", {
                       "of-table-row--selected": t(p).has(i(e)),
                       "of-table-row--hover": t(Y)(i(e))
                     }]),
                     role: "row",
                     onMouseenter: (a) => t(S)(i(e)),
                     onMouseleave: o[5] || (o[5] = (a) => t(S)(null)),
-                    onClick: (a) => B(e)
+                    onClick: (a) => I(e)
                   }, [
                     M.value ? (r(), s("div", {
                       key: 0,
                       class: "of-td of-td-checkbox",
                       role: "gridcell",
-                      onClick: o[4] || (o[4] = L(() => {
+                      onClick: o[4] || (o[4] = P(() => {
                       }, ["stop"]))
                     }, [
                       g("input", {
@@ -452,7 +460,7 @@ const Xl = ["tabindex"], Ul = {
                         class: "of-checkbox",
                         checked: t(p).has(i(e)),
                         onChange: (a) => U(i(e))
-                      }, null, 40, Ql)
+                      }, null, 40, lo)
                     ])) : $("", !0),
                     (r(!0), s(c, null, m(t(te), (a) => (r(), s("div", {
                       key: a.key,
@@ -463,49 +471,49 @@ const Xl = ["tabindex"], Ul = {
                         flexShrink: "0"
                       })
                     }, [
-                      _(l.$slots, "cell", {
+                      T(l.$slots, "cell", {
                         row: e,
                         col: a
                       }, () => {
                         var v;
                         return [
-                          (v = u.fieldDefs) != null && v.length ? (r(), y(K, {
+                          (v = u.fieldDefs) != null && v.length ? (r(), y(_, {
                             key: 0,
                             "row-id": i(e),
-                            field: F(a.key),
+                            field: H(a.key),
                             value: e[a.key],
-                            onCommit: H
-                          }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", Zl, z(e[a.key] ?? "-"), 1))
+                            onCommit: B
+                          }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", oo, A(e[a.key] ?? "-"), 1))
                         ];
                       }, !0)
                     ], 4))), 128))
-                  ], 42, Jl))
+                  ], 42, eo))
                 ], 64))), 128))
               ], 4)
             ], 4)) : (r(!0), s(c, { key: 1 }, m(t(D), (e) => (r(), s(c, {
               key: e.id
             }, [
-              t(x)(e) ? (r(), y(Q, I({
+              t(x)(e) ? (r(), y(Q, K({
                 key: 0,
                 ref_for: !0
               }, q(e), {
                 onToggle: (n) => t(N)(J(e))
               }), null, 16, ["onToggle"])) : (r(), s("div", {
                 key: 1,
-                class: T(["of-table-row", {
+                class: z(["of-table-row", {
                   "of-table-row--selected": t(p).has(i(e)),
                   "of-table-row--hover": t(Y)(i(e))
                 }]),
                 role: "row",
                 onMouseenter: (n) => t(S)(i(e)),
                 onMouseleave: o[7] || (o[7] = (n) => t(S)(null)),
-                onClick: (n) => B(e)
+                onClick: (n) => I(e)
               }, [
                 M.value ? (r(), s("div", {
                   key: 0,
                   class: "of-td of-td-checkbox",
                   role: "gridcell",
-                  onClick: o[6] || (o[6] = L(() => {
+                  onClick: o[6] || (o[6] = P(() => {
                   }, ["stop"]))
                 }, [
                   g("input", {
@@ -513,7 +521,7 @@ const Xl = ["tabindex"], Ul = {
                     class: "of-checkbox",
                     checked: t(p).has(i(e)),
                     onChange: (n) => U(i(e))
-                  }, null, 40, lo)
+                  }, null, 40, no)
                 ])) : $("", !0),
                 (r(!0), s(c, null, m(t(te), (n) => (r(), s("div", {
                   key: n.key,
@@ -524,23 +532,23 @@ const Xl = ["tabindex"], Ul = {
                     flexShrink: "0"
                   })
                 }, [
-                  _(l.$slots, "cell", {
+                  T(l.$slots, "cell", {
                     row: e,
                     col: n
                   }, () => {
                     var a;
                     return [
-                      (a = u.fieldDefs) != null && a.length ? (r(), y(K, {
+                      (a = u.fieldDefs) != null && a.length ? (r(), y(_, {
                         key: 0,
                         "row-id": i(e),
-                        field: F(n.key),
+                        field: H(n.key),
                         value: e[n.key],
-                        onCommit: H
-                      }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", oo, z(e[n.key] ?? "-"), 1))
+                        onCommit: B
+                      }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", ao, A(e[n.key] ?? "-"), 1))
                     ];
                   }, !0)
                 ], 4))), 128))
-              ], 42, eo))
+              ], 42, to))
             ], 64))), 128))
           ])
         ], 38),
@@ -548,14 +556,14 @@ const Xl = ["tabindex"], Ul = {
           ref_key: "scrollContainerRef",
           ref: W,
           class: "of-data-table-scroll-region",
-          style: k({ marginLeft: t(De) + "px" }),
+          style: k({ marginLeft: t(xe) + "px" }),
           onScroll: Tl
         }, [
-          E(he, {
+          E(me, {
             columns: t(ne),
             selectable: !1,
-            "sort-key": t(A).field ?? "",
-            "sort-order": t(A).order ?? "asc",
+            "sort-key": t(F).field ?? "",
+            "sort-order": t(F).order ?? "asc",
             "enable-resize": u.enableResize,
             "enable-field-menu": u.enableFieldManagement,
             "enable-add-field": u.enableFieldManagement,
@@ -566,7 +574,7 @@ const Xl = ["tabindex"], Ul = {
             onHeaderDblclick: fe,
             onAddField: ce
           }, null, 8, ["columns", "sort-key", "sort-order", "enable-resize", "enable-field-menu", "enable-add-field", "onSort"]),
-          g("div", to, [
+          g("div", ro, [
             ae.value ? (r(), s("div", {
               key: 0,
               style: k({ height: t(se) + "px", position: "relative" })
@@ -577,16 +585,16 @@ const Xl = ["tabindex"], Ul = {
                 (r(!0), s(c, null, m(t(re), ({ data: e }) => (r(), s(c, {
                   key: e.id
                 }, [
-                  t(x)(e) ? (r(), s("div", no)) : (r(), s("div", {
+                  t(x)(e) ? (r(), s("div", so)) : (r(), s("div", {
                     key: 1,
-                    class: T(["of-table-row", {
+                    class: z(["of-table-row", {
                       "of-table-row--selected": t(p).has(i(e)),
                       "of-table-row--hover": t(Y)(i(e))
                     }]),
                     role: "row",
                     onMouseenter: (n) => t(S)(i(e)),
                     onMouseleave: o[9] || (o[9] = (n) => t(S)(null)),
-                    onClick: (n) => B(e)
+                    onClick: (n) => I(e)
                   }, [
                     (r(!0), s(c, null, m(t(ne), (n) => (r(), s("div", {
                       key: n.key,
@@ -597,38 +605,38 @@ const Xl = ["tabindex"], Ul = {
                         flex: n.width === "fill" ? "1 1 " + (n.minWidth ?? 220) + "px" : "0 0 auto"
                       })
                     }, [
-                      _(l.$slots, "cell", {
+                      T(l.$slots, "cell", {
                         row: e,
                         col: n
                       }, () => {
                         var a;
                         return [
-                          (a = u.fieldDefs) != null && a.length ? (r(), y(K, {
+                          (a = u.fieldDefs) != null && a.length ? (r(), y(_, {
                             key: 0,
                             "row-id": i(e),
-                            field: F(n.key),
+                            field: H(n.key),
                             value: e[n.key],
-                            onCommit: H
-                          }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", ro, z(e[n.key] ?? "-"), 1))
+                            onCommit: B
+                          }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", uo, A(e[n.key] ?? "-"), 1))
                         ];
                       }, !0)
                     ], 4))), 128))
-                  ], 42, ao))
+                  ], 42, io))
                 ], 64))), 128))
               ], 4)
             ], 4)) : (r(!0), s(c, { key: 1 }, m(t(D), (e) => (r(), s(c, {
               key: e.id
             }, [
-              t(x)(e) ? (r(), s("div", so)) : (r(), s("div", {
+              t(x)(e) ? (r(), s("div", fo)) : (r(), s("div", {
                 key: 1,
-                class: T(["of-table-row", {
+                class: z(["of-table-row", {
                   "of-table-row--selected": t(p).has(i(e)),
                   "of-table-row--hover": t(Y)(i(e))
                 }]),
                 role: "row",
                 onMouseenter: (n) => t(S)(i(e)),
                 onMouseleave: o[10] || (o[10] = (n) => t(S)(null)),
-                onClick: (n) => B(e)
+                onClick: (n) => I(e)
               }, [
                 (r(!0), s(c, null, m(t(ne), (n) => (r(), s("div", {
                   key: n.key,
@@ -639,34 +647,34 @@ const Xl = ["tabindex"], Ul = {
                     flex: n.width === "fill" ? "1 1 " + (n.minWidth ?? 220) + "px" : "0 0 auto"
                   })
                 }, [
-                  _(l.$slots, "cell", {
+                  T(l.$slots, "cell", {
                     row: e,
                     col: n
                   }, () => {
                     var a;
                     return [
-                      (a = u.fieldDefs) != null && a.length ? (r(), y(K, {
+                      (a = u.fieldDefs) != null && a.length ? (r(), y(_, {
                         key: 0,
                         "row-id": i(e),
-                        field: F(n.key),
+                        field: H(n.key),
                         value: e[n.key],
-                        onCommit: H
-                      }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", uo, z(e[n.key] ?? "-"), 1))
+                        onCommit: B
+                      }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", vo, A(e[n.key] ?? "-"), 1))
                     ];
                   }, !0)
                 ], 4))), 128))
-              ], 42, io))
+              ], 42, co))
             ], 64))), 128))
           ])
         ], 36)
       ])) : (r(), s(c, { key: 1 }, [
-        E(he, {
+        E(me, {
           columns: C.value,
           selectable: M.value,
-          "sort-key": t(A).field ?? "",
-          "sort-order": t(A).order ?? "asc",
+          "sort-key": t(F).field ?? "",
+          "sort-order": t(F).order ?? "asc",
           "all-selected": t(le),
-          indeterminate: Ie.value,
+          indeterminate: Ke.value,
           "enable-resize": u.enableResize,
           "enable-field-menu": u.enableFieldManagement,
           "enable-add-field": u.enableFieldManagement,
@@ -693,45 +701,45 @@ const Xl = ["tabindex"], Ul = {
               (r(!0), s(c, null, m(t(re), ({ data: e, index: n }) => (r(), s(c, {
                 key: e.id
               }, [
-                t(x)(e) ? (r(), y(Q, I({
+                t(x)(e) ? (r(), y(Q, K({
                   key: 0,
                   ref_for: !0,
                   ref: (a) => t(j)((a == null ? void 0 : a.$el) ?? a, n)
                 }, { ref_for: !0 }, q(e), {
                   onToggle: (a) => t(N)(J(e))
-                }), null, 16, ["onToggle"])) : (r(), y(Ve, I({
+                }), null, 16, ["onToggle"])) : (r(), y(Ve, K({
                   key: 1,
                   ref_for: !0,
                   ref: (a) => t(j)((a == null ? void 0 : a.$el) ?? a, n)
-                }, { ref_for: !0 }, Ke(e), {
+                }, { ref_for: !0 }, Ee(e), {
                   draggable: u.enableRowDrag,
                   class: Ge(e),
                   onSelect: U,
-                  onClick: (a) => B(e),
-                  onDragstart: (a) => ze(a, e),
-                  onDragover: (a) => Ae(a, e),
-                  onDrop: (a) => Fe(a, e),
-                  onDragend: t(Te)
+                  onClick: (a) => I(e),
+                  onDragstart: (a) => Ae(a, e),
+                  onDragover: (a) => Fe(a, e),
+                  onDrop: (a) => He(a, e),
+                  onDragend: t(ze)
                 }), {
-                  cell: Pe(({ row: a, col: v }) => [
-                    _(l.$slots, "cell", {
+                  cell: he(({ row: a, col: v }) => [
+                    T(l.$slots, "cell", {
                       row: a,
                       col: v
                     }, () => {
                       var ge;
                       return [
-                        (ge = u.fieldDefs) != null && ge.length ? (r(), y(K, {
+                        (ge = u.fieldDefs) != null && ge.length ? (r(), y(_, {
                           key: 0,
                           "row-id": i(a),
-                          field: F(v.key),
+                          field: H(v.key),
                           value: a[v.key],
-                          class: T({
-                            "of-cell--active": Ee(i(a), v.key),
+                          class: z({
+                            "of-cell--active": Pe(i(a), v.key),
                             "of-cell--selected": Le(i(a), v.key)
                           }),
-                          onCommit: H,
-                          onClick: L((xo) => u.enableKeyboard && t($e)(i(a), v.key), ["stop"])
-                        }, null, 8, ["row-id", "field", "value", "class", "onClick"])) : (r(), s("span", fo, z(a[v.key] ?? "-"), 1))
+                          onCommit: B,
+                          onClick: P(($o) => u.enableKeyboard && t(Me)(i(a), v.key), ["stop"])
+                        }, null, 8, ["row-id", "field", "value", "class", "onClick"])) : (r(), s("span", yo, A(a[v.key] ?? "-"), 1))
                       ];
                     }, !0)
                   ]),
@@ -742,43 +750,43 @@ const Xl = ["tabindex"], Ul = {
           ], 4)) : (r(!0), s(c, { key: 1 }, m(t(D), (e) => (r(), s(c, {
             key: e.id
           }, [
-            t(x)(e) ? (r(), y(Q, I({
+            t(x)(e) ? (r(), y(Q, K({
               key: 0,
               ref_for: !0
             }, q(e), {
               onToggle: (n) => t(N)(J(e))
-            }), null, 16, ["onToggle"])) : (r(), y(Ve, I({
+            }), null, 16, ["onToggle"])) : (r(), y(Ve, K({
               key: 1,
               ref_for: !0
-            }, Ke(e), {
+            }, Ee(e), {
               draggable: u.enableRowDrag,
               class: Ge(e),
               onSelect: U,
-              onClick: (n) => B(e),
-              onDragstart: (n) => ze(n, e),
-              onDragover: (n) => Ae(n, e),
-              onDrop: (n) => Fe(n, e),
-              onDragend: t(Te)
+              onClick: (n) => I(e),
+              onDragstart: (n) => Ae(n, e),
+              onDragover: (n) => Fe(n, e),
+              onDrop: (n) => He(n, e),
+              onDragend: t(ze)
             }), {
-              cell: Pe(({ row: n, col: a }) => [
-                _(l.$slots, "cell", {
+              cell: he(({ row: n, col: a }) => [
+                T(l.$slots, "cell", {
                   row: n,
                   col: a
                 }, () => {
                   var v;
                   return [
-                    (v = u.fieldDefs) != null && v.length ? (r(), y(K, {
+                    (v = u.fieldDefs) != null && v.length ? (r(), y(_, {
                       key: 0,
                       "row-id": i(n),
-                      field: F(a.key),
+                      field: H(a.key),
                       value: n[a.key],
-                      class: T({
-                        "of-cell--active": Ee(i(n), a.key),
+                      class: z({
+                        "of-cell--active": Pe(i(n), a.key),
                         "of-cell--selected": Le(i(n), a.key)
                       }),
-                      onCommit: H,
-                      onClick: L((ge) => u.enableKeyboard && t($e)(i(n), a.key), ["stop"])
-                    }, null, 8, ["row-id", "field", "value", "class", "onClick"])) : (r(), s("span", co, z(n[a.key] ?? "-"), 1))
+                      onCommit: B,
+                      onClick: P((ge) => u.enableKeyboard && t(Me)(i(n), a.key), ["stop"])
+                    }, null, 8, ["row-id", "field", "value", "class", "onClick"])) : (r(), s("span", go, A(n[a.key] ?? "-"), 1))
                   ];
                 }, !0)
               ]),
@@ -792,8 +800,8 @@ const Xl = ["tabindex"], Ul = {
         class: "of-resize-indicator",
         style: k({ left: t(Qe) + "px" })
       }, null, 4)) : $("", !0),
-      hl.value ? (r(), s("div", vo, [
-        g("span", yo, z(t(He).size) + " 条草稿", 1),
+      hl.value ? (r(), s("div", bo, [
+        g("span", ko, A(t(Be).size) + " 条草稿", 1),
         g("button", {
           class: "of-data-table-draft-btn of-data-table-draft-btn--commit",
           onClick: pl
@@ -803,7 +811,7 @@ const Xl = ["tabindex"], Ul = {
           onClick: wl
         }, " 全部放弃 ")
       ])) : $("", !0),
-      Be.value ? (r(), y(Bl, {
+      Ie.value ? (r(), y(_l, {
         key: 4,
         onClick: ml
       })) : $("", !0),
@@ -823,20 +831,20 @@ const Xl = ["tabindex"], Ul = {
         onDelete: Sl,
         onDuplicate: Rl
       }, null, 8, ["visible", "col-key", "col-label", "field-type", "x", "y"])) : $("", !0),
-      (r(), y(Hl, { to: "body" }, [
+      (r(), y(Kl, { to: "body" }, [
         X.value ? (r(), s("div", {
           key: 0,
           class: "of-add-field-overlay",
-          onClick: o[13] || (o[13] = L((e) => X.value = !1, ["self"]))
+          onClick: o[13] || (o[13] = P((e) => X.value = !1, ["self"]))
         }, [
-          g("div", go, [
+          g("div", ho, [
             E(t(We), { onSelect: $l })
           ])
         ])) : $("", !0)
       ]))
-    ], 40, Xl));
+    ], 40, Jl));
   }
 });
 export {
-  No as default
+  jo as default
 };