@oneflowui/ui 0.8.1 → 0.8.3

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

@@ -1,55 +1,50 @@
-import { defineComponent as fo, defineAsyncComponent as Fe, computed as f, ref as z, onMounted as co, onBeforeUnmount as vo, toRef as x, watch as Ae, unref as n, openBlock as r, createElementBlock as i, Fragment as b, createVNode as j, normalizeStyle as y, normalizeClass as C, createSlots as bo, withCtx as Te, renderSlot as P, normalizeProps as yo, guardReactiveProps as go, createBlock as w, createCommentVNode as D, createElementVNode as c, toDisplayString as R, renderList as h, mergeProps as Y, withModifiers as I, Teleport as ko } from "vue";
-import ze from "./TableHeaderRow.vue.js";
-import dl from "./TableDataRow.vue.js";
+import { defineComponent as so, defineAsyncComponent as Qe, computed as k, ref as W, toRef as w, watch as Ue, unref as n, openBlock as r, createBlock as v, createSlots as io, withCtx as $, renderSlot as H, normalizeProps as uo, guardReactiveProps as co, createElementBlock as s, normalizeStyle as g, normalizeClass as F, createVNode as N, createElementVNode as h, Fragment as y, renderList as m, mergeProps as G, withModifiers as z, toDisplayString as B, createCommentVNode as M, Teleport as fo } from "vue";
+import Ce from "./TableHeaderRow.vue.js";
+import Ze from "./TableDataRow.vue.js";
 import de from "./TableGroupRow.vue.js";
-import wo from "./NewRowBtn.vue.js";
-import ho from "./MobileListView.vue.js";
+import yo from "./NewRowBtn.vue.js";
+import vo from "./DataTableDraftToolbar.vue.js";
+import bo from "./DataTableMobilePanel.vue.js";
+import go from "./DataTableDesktopFrame.vue.js";
 import V from "./FieldCell.vue.js";
-import { useInlineEdit as po } from "../../composables/useInlineEdit.js";
-import { useVirtualList as mo } from "../../composables/useVirtualList.js";
-import { useTable as Co } from "../../composables/useTable.js";
+import { normalizeFieldType as _e, resolveRowId as ko, resolveFieldDef as wo, buildDataRowStyle as ho, buildBodyCellStyle as mo, buildGroupSpacerStyle as po, resolveFirstEditableFieldKey as Co } from "./dataTableUtils.js";
+import { useInlineEdit as Do } from "../../composables/useInlineEdit.js";
+import { useVirtualList as So } from "../../composables/useVirtualList.js";
+import { useTable as Ro } from "../../composables/useTable.js";
 import { useTableGroup as xo } from "../../composables/useTableGroup.js";
-import { useTableData as Do } from "../../composables/useTableData.js";
-import { useTableColumns as Ro } from "../../composables/useTableColumns.js";
-import { useColumnResize as $o } from "../../composables/useColumnResize.js";
-import { useKeyboardNavigation as So } from "../../composables/useKeyboardNavigation.js";
-import { useBreakpoint as Mo } from "../../composables/useBreakpoint.js";
-import { useFixedColumns as Fo } from "../../composables/useFixedColumns.js";
-import { useRowDrag as Ao } from "../../composables/useRowDrag.js";
-import { useDraftRows as To } from "../../composables/useDraftRows.js";
-const zo = {
-  key: 0,
-  class: "of-data-table-selection-bar",
-  "data-role": "selection-bar"
-}, Ho = { class: "of-data-table-selection-bar__summary" }, Ko = { class: "of-data-table-selection-bar__count" }, Bo = { class: "of-data-table-selection-bar__actions" }, Io = ["disabled", "onClick"], Po = {
-  key: 1,
-  class: "of-data-table-body",
-  style: { position: "relative" }
-}, Eo = { class: "of-data-table-fixed-body" }, Wo = ["onMouseenter", "onFocusin", "onClick", "onKeydown"], _o = ["for"], Lo = ["id", "checked", "onChange"], Go = {
+import { useTableData as $o } from "../../composables/useTableData.js";
+import { useTableColumns as Fo } from "../../composables/useTableColumns.js";
+import { useColumnResize as Mo } from "../../composables/useColumnResize.js";
+import { useKeyboardNavigation as Ao } from "../../composables/useKeyboardNavigation.js";
+import { useBreakpoint as To } from "../../composables/useBreakpoint.js";
+import { useFixedColumns as Ko } from "../../composables/useFixedColumns.js";
+import { useRowDrag as zo } from "../../composables/useRowDrag.js";
+import { useDraftRows as Bo } from "../../composables/useDraftRows.js";
+import { useDataTableLayout as Ho } from "../../composables/useDataTableLayout.js";
+import { useDataTableSelection as Io } from "../../composables/useDataTableSelection.js";
+import { useDataTableDetailSheet as Eo } from "../../composables/useDataTableDetailSheet.js";
+const Po = ["onMouseenter", "onFocusin", "onClick", "onKeydown"], Lo = ["for"], Wo = ["id", "checked", "onChange"], Go = {
   key: 1,
   class: "of-td-text"
-}, Yo = ["disabled", "onClick"], Vo = ["onMouseenter", "onFocusin", "onClick", "onKeydown"], Oo = ["for"], Xo = ["id", "checked", "onChange"], No = {
+}, Vo = ["disabled", "onClick"], No = ["onMouseenter", "onFocusin", "onClick", "onKeydown"], Oo = ["for"], Yo = ["id", "checked", "onChange"], jo = {
   key: 1,
   class: "of-td-text"
-}, jo = ["disabled", "onClick"], Uo = { class: "of-data-table-scroll-body" }, qo = ["onMouseenter", "onFocusin", "onClick", "onKeydown"], Jo = {
+}, Xo = ["disabled", "onClick"], qo = ["onMouseenter", "onFocusin", "onClick", "onKeydown"], Jo = {
   key: 1,
   class: "of-td-text"
-}, Qo = ["onMouseenter", "onFocusin", "onClick", "onKeydown"], Zo = {
+}, Qo = ["onMouseenter", "onFocusin", "onClick", "onKeydown"], Uo = {
   key: 1,
   class: "of-td-text"
-}, et = {
+}, Zo = {
   key: 1,
   class: "of-td-text"
-}, lt = {
+}, _o = {
   key: 1,
   class: "of-td-text"
-}, ot = {
-  key: 4,
-  class: "of-data-table-draft-toolbar"
-}, tt = { class: "of-data-table-draft-count" }, nt = {
+}, en = {
   key: 0,
   class: "of-add-field-overlay"
-}, at = { class: "of-add-field-popup" }, $t = /* @__PURE__ */ fo({
+}, ln = { class: "of-add-field-popup" }, Mn = /* @__PURE__ */ so({
   __name: "DataTable",
   props: {
     tasks: { default: () => [] },
@@ -83,1032 +78,946 @@ const zo = {
     containerResponsive: { type: Boolean, default: !0 }
   },
   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", "row-delete", "schema-add-field", "schema-rename-field", "schema-change-field-type", "schema-hide-field", "schema-delete-field", "schema-duplicate-field", "bulk-action"],
-  setup(u, { emit: ul }) {
-    const s = u, v = ul, fl = Fe(() => import("./ColumnHeaderMenu.vue.js")), cl = Fe(() => import("./FieldTypePicker.vue.js")), vl = Fe(() => import("./DetailSheet.vue.js")), bl = {
-      compact: {
-        headerHeight: 32,
-        rowHeight: 36,
-        groupRowHeight: 32,
-        mobileCardPaddingX: 12,
-        mobileCardPaddingY: 10,
-        fillMinWidth: 180
-      },
-      standard: {
-        headerHeight: 36,
-        rowHeight: 44,
-        groupRowHeight: 36,
-        mobileCardPaddingX: 16,
-        mobileCardPaddingY: 12,
-        fillMinWidth: 220
-      },
-      comfortable: {
-        headerHeight: 40,
-        rowHeight: 52,
-        groupRowHeight: 40,
-        mobileCardPaddingX: 18,
-        mobileCardPaddingY: 14,
-        fillMinWidth: 240
-      }
-    }, O = f(() => s.density ?? "standard"), $ = z(0);
-    let E = null;
-    function yl() {
-      var e;
-      $.value = ((e = _.value) == null ? void 0 : e.clientWidth) ?? 0;
-    }
-    co(() => {
-      yl(), !(typeof ResizeObserver > "u" || !_.value) && (E = new ResizeObserver((e) => {
-        const l = e[0];
-        l && ($.value = l.contentRect.width);
-      }), E.observe(_.value));
-    }), vo(() => {
-      E == null || E.disconnect(), E = null;
-    });
-    const F = f(() => !s.containerResponsive || ue.value ? O.value : $.value > 0 && $.value <= 860 ? "compact" : $.value > 0 && $.value <= 1080 && O.value === "comfortable" ? "standard" : O.value), p = f(() => bl[F.value]), He = f(() => `of-data-table--${F.value}`), gl = f(() => $.value > 0 && $.value <= 860 ? "of-data-table--container-tight" : $.value > 0 && $.value <= 1080 ? "of-data-table--container-medium" : "of-data-table--container-wide"), Ke = f(() => ({
-      "--of-data-table-group-row-height": `${p.value.groupRowHeight}px`,
-      "--of-data-table-mobile-card-padding-x": `${p.value.mobileCardPaddingX}px`,
-      "--of-data-table-mobile-card-padding-y": `${p.value.mobileCardPaddingY}px`,
-      "--of-data-table-new-row-padding-x": `${p.value.mobileCardPaddingX}px`,
-      "--of-data-table-new-row-padding-y": `${p.value.mobileCardPaddingY}px`,
-      "--of-data-table-fill-min-width": `${p.value.fillMinWidth}px`
-    })), { isMobile: ue } = Mo(), U = z(!1), fe = z(null), Be = f(
-      () => fe.value
-    ), kl = f(
-      () => (s.fieldDefs ?? []).filter((e) => !e.readonly).map((e) => e.id)
+  setup(u, { emit: el }) {
+    const i = u, c = el, ll = Qe(() => import("./ColumnHeaderMenu.vue.js")), ol = Qe(() => import("./FieldTypePicker.vue.js")), nl = k(() => i.density ?? "standard"), { isMobile: ue } = To(), O = W(null), Y = W(null), De = W(null), {
+      containerDensity: A,
+      densityMetrics: I,
+      densityClass: Se,
+      containerWidthClass: tl,
+      densityStyle: Re
+    } = Ho({
+      tableContainerRef: Y,
+      density: nl,
+      containerResponsive: k(() => i.containerResponsive ?? !0),
+      isMobile: ue
+    }), {
+      detailSheetVisible: al,
+      detailSheetTableRow: rl,
+      handleRowClick: sl,
+      handleMobileRowClick: il,
+      buildDetailSavePayloads: dl,
+      closeDetailSheet: ul
+    } = Eo(), cl = k(
+      () => (i.fieldDefs ?? []).filter((e) => !e.readonly).map((e) => e.id)
     );
-    function Ie(e) {
-      if (s.readonly) return null;
-      for (const l of A.value)
-        if (!l.hidden && kl.value.includes(l.key) && !(e[l.key] === void 0 && !(l.key in e)))
-          return l.key;
-      return null;
+    function xe(e) {
+      return Co({
+        row: e,
+        readonly: i.readonly,
+        columns: D.value,
+        editableFieldKeys: cl.value
+      });
     }
-    function q(e) {
-      const l = [
+    function j(e) {
+      const o = [
         {
           key: "detail",
           label: "详情",
-          onClick: () => S(e)
+          onClick: () => p(e)
         }
-      ], o = Ie(e);
-      return o && l.push({
+      ], l = xe(e);
+      return l && o.push({
         key: "edit",
         label: "编辑",
-        onClick: () => Pe(e, o)
-      }), l;
+        onClick: () => $e(e, l)
+      }), o;
     }
-    function Pe(e, l) {
-      const o = d(e), t = l ?? Ie(e);
+    function $e(e, o) {
+      const l = d(e), t = o ?? xe(e);
       if (!t) {
-        S(e);
+        p(e);
         return;
       }
-      J.activate(o, t), s.enableKeyboard && pe(o, t);
+      X.activate(l, t), i.enableKeyboard && ve(l, t);
     }
-    function Ee(e, l) {
-      if (l === "detail") {
-        S(e);
+    function Fe(e, o) {
+      if (o === "detail") {
+        p(e);
         return;
       }
-      l === "edit" && Pe(e);
-    }
-    const J = po(), { commit: wl, editingCell: hl } = J, { rows: ce } = Do({
-      tasks: x(s, "tasks"),
-      records: x(s, "records")
-    }), { columns: We } = Ro({
-      columns: x(s, "columns"),
-      schema: x(s, "schema"),
-      view: x(s, "view")
+      o === "edit" && $e(e);
+    }
+    const X = Do(), { commit: fl, editingCell: yl } = X, { rows: ce } = $o({
+      tasks: w(i, "tasks"),
+      records: w(i, "records")
+    }), { columns: Me } = Fo({
+      columns: w(i, "columns"),
+      schema: w(i, "schema"),
+      view: w(i, "view")
     }), {
-      startResize: pl,
-      columnWidthOverrides: ml,
-      showResizeIndicator: Cl,
-      resizeIndicatorX: xl,
-      autoFitColumn: Dl,
-      resolvedWidth: _e
-    } = $o({
-      columns: We,
+      startResize: vl,
+      columnWidthOverrides: bl,
+      showResizeIndicator: gl,
+      resizeIndicatorX: kl,
+      autoFitColumn: wl,
+      resolvedWidth: Ae
+    } = Mo({
+      columns: Me,
       rows: ce,
-      density: F,
-      onResize: (e, l) => v("column-resize", { colKey: e, width: l })
-    }), A = f(() => {
-      const e = ml.value;
-      return We.value.map((l) => {
-        const o = e.get(l.key);
-        return o !== void 0 ? { ...l, width: o } : l.width === "fill" ? {
-          ...l,
-          minWidth: l.minWidth ?? p.value.fillMinWidth
-        } : typeof l.width == "number" ? l : { ...l, width: _e(l.key) };
+      density: A,
+      onResize: (e, o) => c("column-resize", { colKey: e, width: o })
+    }), D = k(() => {
+      const e = bl.value;
+      return Me.value.map((o) => {
+        const l = e.get(o.key);
+        return l !== void 0 ? { ...o, width: l } : o.width === "fill" ? {
+          ...o,
+          minWidth: o.minWidth ?? I.value.fillMinWidth
+        } : typeof o.width == "number" ? o : { ...o, width: Ae(o.key) };
       });
     }), {
-      data: X,
-      sort: W,
-      toggleSort: Q,
-      selectedRows: m,
-      clearSelection: Rl,
-      toggleSelectAll: $l,
-      toggleRowSelection: Sl,
-      isAllSelected: ve,
-      setData: Ml
-    } = Co({
+      data: fe,
+      sort: E,
+      toggleSort: q,
+      selectedRows: S,
+      clearSelection: hl,
+      toggleSelectAll: ml,
+      toggleRowSelection: pl,
+      isAllSelected: Te,
+      setData: Cl
+    } = Ro({
       data: ce.value,
       pageSize: 999999
     });
-    Ae(ce, (e) => Ml(e), { deep: !1 });
-    const { groupedItems: H, collapsedGroups: Fl, toggleGroup: Z, isGroupHeader: K } = xo({
-      data: X,
-      groupBy: x(s, "groupBy"),
-      groups: x(s, "groups"),
-      aggregations: x(s, "aggregations")
-    }), ee = z(null), _ = z(null), Le = z(null), Al = f(() => {
+    Ue(ce, (e) => Cl(e), { deep: !1 });
+    const { groupedItems: T, collapsedGroups: Dl, toggleGroup: J, isGroupHeader: K } = xo({
+      data: fe,
+      groupBy: w(i, "groupBy"),
+      groups: w(i, "groups"),
+      aggregations: w(i, "aggregations")
+    }), Sl = k(() => {
       var e;
-      return (((e = s.fixedColumns) == null ? void 0 : e.length) ?? 0) > 0;
-    }), Ge = z(0), Tl = f(() => Ge.value > 0), {
-      fixedColumns: be,
-      scrollableColumns: ye,
-      fixedWidth: Ye,
-      handleScroll: zl,
-      handleFixedScroll: Ve,
-      syncHover: k,
-      isRowHovered: le
-    } = Fo({
-      columns: A,
-      fixedColumnKeys: f(() => s.fixedColumns ?? []),
-      scrollContainerRef: ee,
-      fixedContainerRef: Le
-    }), ge = f(() => s.virtual !== void 0 ? s.virtual : H.value.length >= s.virtualThreshold), { visibleItems: ke, totalHeight: we, offsetY: he, scrollToIndex: Hl, observeRow: Kl } = mo({
-      items: H,
+      return (((e = i.fixedColumns) == null ? void 0 : e.length) ?? 0) > 0;
+    }), Ke = W(0), Rl = k(() => Ke.value > 0), {
+      fixedColumns: Q,
+      scrollableColumns: U,
+      fixedWidth: xl,
+      handleScroll: $l,
+      handleFixedScroll: Fl,
+      syncHover: b,
+      isRowHovered: Z
+    } = Ko({
+      columns: D,
+      fixedColumnKeys: k(() => i.fixedColumns ?? []),
+      scrollContainerRef: O,
+      fixedContainerRef: De
+    }), _ = k(() => i.virtual !== void 0 ? i.virtual : T.value.length >= i.virtualThreshold), { visibleItems: ye, totalHeight: ee, offsetY: le, scrollToIndex: Ml, observeRow: Al } = So({
+      items: T,
       itemHeight: (e) => {
-        const l = H.value[e];
-        return K(l) ? p.value.groupRowHeight : p.value.rowHeight;
+        const o = T.value[e];
+        return K(o) ? I.value.groupRowHeight : I.value.rowHeight;
       },
       overscan: 5,
-      containerRef: ee,
-      invalidateKey: F,
+      containerRef: O,
+      invalidateKey: A,
       measureRow: !0
-    }), Oe = f(() => H.value.filter((e) => !K(e))), { activeCell: Xe, selectedRange: Bl, setActiveCell: pe, handleKeyDown: Il } = So({
-      columns: A,
-      rows: Oe,
-      containerRef: _,
-      editingCell: hl,
-      enabled: f(() => s.enableKeyboard),
-      onActivateEdit: (e, l) => J.activate(e, l),
-      onCancelEdit: () => J.cancel(),
-      onScrollToRow: (e) => Hl(e),
-      getCellValue: (e, l) => {
-        const o = Oe.value.find((a) => a.id === e);
-        if (!o) return "";
-        const t = o[l];
+    }), ze = k(() => T.value.filter((e) => !K(e))), { activeCell: Be, selectedRange: Tl, setActiveCell: ve, handleKeyDown: Kl } = Ao({
+      columns: D,
+      rows: ze,
+      containerRef: Y,
+      editingCell: yl,
+      enabled: k(() => i.enableKeyboard),
+      onActivateEdit: (e, o) => X.activate(e, o),
+      onCancelEdit: () => X.cancel(),
+      onScrollToRow: (e) => Ml(e),
+      getCellValue: (e, o) => {
+        const l = ze.value.find((a) => a.id === e);
+        if (!l) return "";
+        const t = l[o];
         return t != null ? String(t) : "";
       },
-      onPaste: (e, l, o) => {
-        v("paste", { startRowId: e, startColKey: l, data: o });
+      onPaste: (e, o, l) => {
+        c("paste", { startRowId: e, startColKey: o, data: l });
       }
     });
-    Ae(Xe, (e) => v("active-cell-change", e ?? null));
+    Ue(Be, (e) => c("active-cell-change", e ?? null));
     const {
-      isDragging: Pl,
-      draggedRowId: El,
-      dropTargetId: me,
-      dropPosition: Ne,
-      handleDragStart: Wl,
-      handleDragOver: _l,
-      handleDrop: Ll,
-      handleDragEnd: je
-    } = Ao({
-      processedItems: H,
-      enableCrossGroupDrag: f(() => s.enableCrossGroupDrag),
-      groupFieldId: x(s, "groupBy")
+      isDragging: zl,
+      draggedRowId: Bl,
+      dropTargetId: be,
+      dropPosition: He,
+      handleDragStart: Hl,
+      handleDragOver: Il,
+      handleDrop: El,
+      handleDragEnd: Ie
+    } = zo({
+      processedItems: T,
+      enableCrossGroupDrag: k(() => i.enableCrossGroupDrag),
+      groupFieldId: w(i, "groupBy")
     });
-    function Ue(e, l) {
-      s.enableRowDrag && Wl(e, l);
+    function Ee(e, o) {
+      i.enableRowDrag && Hl(e, o);
     }
-    function qe(e, l) {
-      s.enableRowDrag && _l(e, l);
+    function Pe(e, o) {
+      i.enableRowDrag && Il(e, o);
     }
-    function Je(e, l) {
-      s.enableRowDrag && Ll(e, l, {
-        onReorder: (o) => v("row-reorder", o),
-        onGroupChange: (o) => v("row-group-change", o)
+    function Le(e, o) {
+      i.enableRowDrag && El(e, o, {
+        onReorder: (l) => c("row-reorder", l),
+        onGroupChange: (l) => c("row-group-change", l)
       });
     }
     const {
-      drafts: Qe,
-      addDraft: Gl,
-      commitAll: Yl,
-      discardAll: Vl
-    } = To({
-      schema: x(s, "schema"),
-      groupFieldId: x(s, "groupBy")
-    }), Ol = f(() => Qe.value.size > 0);
-    function Xl() {
-      s.schema ? Gl() : v("add-row");
+      drafts: We,
+      addDraft: Pl,
+      commitAll: Ll,
+      discardAll: Wl
+    } = Bo({
+      schema: w(i, "schema"),
+      groupFieldId: w(i, "groupBy")
+    }), Gl = k(() => We.value.size > 0);
+    function Vl() {
+      i.schema ? Pl() : c("add-row");
     }
     function Nl() {
-      const e = Yl();
-      e.length > 0 && v("drafts-commit-all", { records: e });
-    }
-    function jl() {
-      Vl();
+      const e = Ll();
+      e.length > 0 && c("drafts-commit-all", { records: e });
     }
-    const T = z({ visible: !1, colKey: "", colLabel: "", x: 0, y: 0 }), oe = z(!1);
-    function Ze(e) {
-      return e === "multiselect" ? "multi_select" : e;
+    function Ol() {
+      Wl();
     }
-    function Ce(e, l) {
+    const R = W({ visible: !1, colKey: "", colLabel: "", x: 0, y: 0 }), oe = W(!1);
+    function ge(e, o) {
       var a;
-      const o = A.value.find((g) => g.key === l), t = (a = s.fieldDefs) == null ? void 0 : a.find((g) => g.id === l);
-      T.value = {
+      const l = D.value.find((f) => f.key === o), t = (a = i.fieldDefs) == null ? void 0 : a.find((f) => f.id === o);
+      R.value = {
         visible: !0,
-        colKey: l,
-        colLabel: (o == null ? void 0 : o.label) ?? l,
-        fieldType: Ze(t == null ? void 0 : t.type),
+        colKey: o,
+        colLabel: (l == null ? void 0 : l.label) ?? o,
+        fieldType: _e(t == null ? void 0 : t.type),
         x: e.clientX,
         y: e.clientY
       };
     }
-    function xe(e) {
-      var o, t;
-      const l = A.value.find((a) => a.key === e);
-      T.value = {
+    function ke(e) {
+      var l, t;
+      const o = D.value.find((a) => a.key === e);
+      R.value = {
         visible: !0,
         colKey: e,
-        colLabel: (l == null ? void 0 : l.label) ?? e,
-        fieldType: Ze((t = (o = s.fieldDefs) == null ? void 0 : o.find((a) => a.id === e)) == null ? void 0 : t.type),
+        colLabel: (o == null ? void 0 : o.label) ?? e,
+        fieldType: _e((t = (l = i.fieldDefs) == null ? void 0 : l.find((a) => a.id === e)) == null ? void 0 : t.type),
         x: 200,
         y: 100
       };
     }
-    function Ul(e, l) {
-      v("schema-rename-field", { fieldId: e, newName: l });
+    function Yl(e, o) {
+      c("schema-rename-field", { fieldId: e, newName: o });
     }
-    function ql(e, l) {
-      v("schema-change-field-type", { fieldId: e, newType: l });
+    function jl(e, o) {
+      c("schema-change-field-type", { fieldId: e, newType: o });
     }
-    function Jl(e) {
-      v("schema-hide-field", e);
+    function Xl(e) {
+      c("schema-hide-field", e);
     }
-    function Ql(e) {
-      v("schema-delete-field", e);
+    function ql(e) {
+      c("schema-delete-field", e);
     }
-    function Zl(e) {
-      v("schema-duplicate-field", e);
+    function Jl(e) {
+      c("schema-duplicate-field", e);
     }
-    function De() {
+    function we() {
       oe.value = !0;
     }
-    function eo(e) {
-      v("schema-add-field", e), oe.value = !1;
-    }
-    const B = f(() => s.readonly ? !1 : s.selectable), el = f(() => s.readonly ? !1 : s.addable), lo = f(() => Array.from(m.value)), ll = f(() => m.value.size > 0 && !ve.value), Re = f(
-      () => X.value.filter((e) => m.value.has(d(e)))
-    ), N = f(() => ({
-      selectionCount: Re.value.length,
-      rowIds: Re.value.map((e) => d(e)),
-      rows: [...Re.value]
-    })), oo = f(
-      () => s.showSelectionBar && B.value && m.value.size > 0
-    ), to = f(() => [...[
-      {
-        key: "clear-selection",
-        label: "清空选择",
-        clearSelectionAfter: !0
-      }
-    ], ...s.bulkActionItems ?? []].filter((l) => typeof l.visible == "function" ? l.visible(N.value) : l.visible ?? !0).map((l) => ({
-      ...l,
-      resolvedLabel: typeof l.label == "function" ? l.label(N.value) : l.label,
-      resolvedDisabled: typeof l.disabled == "function" ? l.disabled(N.value) : l.disabled ?? !1
-    })));
-    function ol() {
-      $l(X.value);
-    }
-    function te(e) {
-      const l = X.value.find((o) => o[s.rowKey] === e);
-      l && Sl(l, 0);
-    }
-    function no(e) {
-      v("bulk-action", {
-        actionKey: e.key,
-        rowIds: N.value.rowIds,
-        rows: N.value.rows
-      }), (e.clearSelectionAfter || e.key === "clear-selection") && Rl();
-    }
-    Ae(lo, (e) => v("selection-change", e), { immediate: !1 });
+    function Ql(e) {
+      c("schema-add-field", e), oe.value = !1;
+    }
+    const x = k(() => i.readonly ? !1 : i.selectable), Ge = k(() => i.readonly ? !1 : i.addable), { indeterminate: Ve, hasSelectionBar: Ul, resolvedBulkActionItems: Zl, handleSelectAll: Ne, handleSelect: ne, handleBulkAction: _l } = Io({
+      rows: fe,
+      selectedRows: S,
+      rowKey: w(i, "rowKey"),
+      selectable: x,
+      bulkActionItems: w(i, "bulkActionItems"),
+      showSelectionBar: w(i, "showSelectionBar"),
+      emitSelectionChange: (e) => c("selection-change", e),
+      toggleSelectAll: ml,
+      toggleRowSelection: (e, o = 0) => pl(e, o),
+      clearSelection: hl,
+      emitBulkAction: (e) => c("bulk-action", e)
+    });
     function d(e) {
-      const l = e[s.rowKey];
-      return l != null ? String(l) : "";
+      return ko(e, i.rowKey);
     }
-    function L(e) {
-      var l;
-      return ((l = s.fieldDefs) == null ? void 0 : l.find((o) => o.id === e)) ?? {
-        id: e,
-        type: "text",
-        label: e
-      };
+    function P(e) {
+      return wo(i.fieldDefs, e);
     }
-    function G(e, l, o) {
-      wl(e, l, o), v("cell-edit", { rowId: e, fieldId: l, value: o });
+    function L(e, o, l) {
+      fl(e, o, l), c("cell-edit", { rowId: e, fieldId: o, value: l });
     }
-    function S(e) {
-      if (ue.value) {
-        fe.value = e, U.value = !0;
-        return;
-      }
-      const l = e.__record;
-      if (l) {
-        v("row-click-record", l), v("row-click", l);
+    function p(e) {
+      const o = sl({
+        row: e,
+        isMobile: ue.value
+      });
+      if (o.type === "emit-record") {
+        c("row-click-record", o.row), c("row-click", o.row);
         return;
       }
-      v("row-click", e);
+      o.type === "emit-row" && c("row-click", o.row);
     }
-    function ne(e, l) {
-      e.target === e.currentTarget && (e.key !== "Enter" && e.key !== " " || (e.preventDefault(), S(l)));
+    function te(e, o) {
+      e.target === e.currentTarget && (e.key !== "Enter" && e.key !== " " || (e.preventDefault(), p(o)));
     }
-    function M(e, l) {
-      return e[l];
+    function C(e, o) {
+      return e[o];
     }
-    function ao(e) {
+    function eo(e) {
       if (!e) return null;
       if (e instanceof HTMLElement) return e;
-      const l = e.$el;
-      return l instanceof HTMLElement ? l : null;
+      const o = e.$el;
+      return o instanceof HTMLElement ? o : null;
     }
-    function ae(e, l) {
-      Kl(ao(e), l);
+    function ae(e, o) {
+      Al(eo(e), o);
     }
-    function $e(e, l) {
-      pl(e, l);
+    function he(e, o) {
+      vl(e, o);
     }
-    function Se(e) {
-      Dl(e, _.value);
+    function me(e) {
+      wl(e, Y.value);
     }
-    function ro() {
-      return O.value === "compact" ? { x: 10, y: 6 } : O.value === "comfortable" ? { x: 14, y: 10 } : { x: 12, y: 8 };
-    }
-    function tl() {
-      return {
-        minHeight: `${p.value.rowHeight}px`
-      };
+    function Oe() {
+      return ho(I.value.rowHeight);
     }
     function re(e) {
-      const { x: l, y: o } = ro(), t = {
-        padding: `${o}px ${l}px`
-      };
-      if (e.width === "fill") {
-        const a = `${e.minWidth ?? p.value.fillMinWidth}px`;
-        return { ...t, flex: `1 1 ${a}`, minWidth: a };
-      }
-      return typeof e.width == "number" ? { ...t, width: `${e.width}px`, flexShrink: "0", flexGrow: "0" } : {
-        ...t,
-        width: `${_e(e.key)}px`,
-        flexShrink: "0",
-        flexGrow: "0"
-      };
+      return mo({
+        density: A.value,
+        col: e,
+        resolvedWidth: Ae(e.key),
+        fillMinWidth: I.value.fillMinWidth
+      });
     }
-    function nl() {
-      return {
-        height: `${p.value.groupRowHeight}px`
-      };
+    function Ye() {
+      return po(I.value.groupRowHeight);
     }
-    function io(e) {
-      zl(e);
-      const l = e.target;
-      Ge.value = l.scrollLeft;
+    function lo(e) {
+      $l(e);
+      const o = e.target;
+      Ke.value = o.scrollLeft;
     }
-    function ie(e) {
+    function oo(e) {
+      De.value = e;
+    }
+    function no(e) {
+      O.value = e;
+    }
+    function to(e) {
+      O.value = e;
+    }
+    function se(e) {
       return {
         groupKey: e.__groupKey,
         count: e.__groupCount,
-        collapsed: Fl.value.has(
+        collapsed: Dl.value.has(
           e.__groupPath ? e.__groupPath.join("/") : e.__groupKey
         ),
-        colorMap: s.groupColorMap,
-        selectable: B.value,
+        colorMap: i.groupColorMap,
+        selectable: x.value,
         level: e.__groupLevel ?? 0,
         aggregations: e.__aggregations
       };
     }
-    function se(e) {
+    function ie(e) {
       return e.__groupPath ? e.__groupPath.join("/") : e.__groupKey;
     }
-    function al(e) {
+    function je(e) {
       return {
         row: e,
-        rowKey: s.rowKey,
-        selected: m.value.has(d(e)),
-        selectable: B.value,
-        columns: A.value,
-        priorityColorMap: s.priorityColorMap,
-        statusColorMap: s.statusColorMap
+        rowKey: i.rowKey,
+        selected: S.value.has(d(e)),
+        selectable: x.value,
+        columns: D.value,
+        priorityColorMap: i.priorityColorMap,
+        statusColorMap: i.statusColorMap
       };
     }
-    function rl(e, l) {
-      const o = Xe.value;
-      return o !== null && o.rowId === e && o.colKey === l;
+    function Xe(e, o) {
+      const l = Be.value;
+      return l !== null && l.rowId === e && l.colKey === o;
     }
-    function il(e, l) {
-      return Bl.value.some((o) => o.rowId === e && o.colKey === l);
+    function qe(e, o) {
+      return Tl.value.some((l) => l.rowId === e && l.colKey === o);
     }
-    function sl(e) {
-      const l = d(e);
+    function Je(e) {
+      const o = d(e);
       return {
-        "of-row-dragging": Pl.value && El.value === l,
-        "of-row-drop-target": me.value === l,
-        "of-row-drop-before": me.value === l && Ne.value === "before",
-        "of-row-drop-after": me.value === l && Ne.value === "after"
+        "of-row-dragging": zl.value && Bl.value === o,
+        "of-row-drop-target": be.value === o,
+        "of-row-drop-before": be.value === o && He.value === "before",
+        "of-row-drop-after": be.value === o && He.value === "after"
       };
     }
-    function so(e) {
-      fe.value = e, U.value = !0;
-    }
-    function uo(e) {
-      for (const [l, o] of Object.entries(e.fields))
-        v("cell-edit", { rowId: e.rowId, fieldId: l, value: o });
-    }
-    return (e, l) => n(ue) ? (r(), i(b, { key: 0 }, [
-      j(ho, {
-        rows: n(X),
-        columns: A.value,
-        selectable: B.value,
-        addable: el.value,
-        "status-color-map": u.statusColorMap,
-        readonly: u.readonly,
-        class: C(He.value),
-        style: y(Ke.value),
-        onRowClick: l[0] || (l[0] = (o) => so(o)),
-        onAddRow: l[1] || (l[1] = (o) => v("add-row"))
-      }, bo({ _: 2 }, [
-        e.$slots.cell ? {
-          name: "cell",
-          fn: Te((o) => [
-            P(e.$slots, "cell", yo(go(o)), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["rows", "columns", "selectable", "addable", "status-color-map", "readonly", "class", "style"]),
-      Be.value ? (r(), w(n(vl), {
-        key: 0,
-        row: Be.value,
-        columns: A.value,
-        "field-defs": u.fieldDefs,
-        visible: U.value,
-        onClose: l[2] || (l[2] = (o) => U.value = !1),
-        onSave: uo,
-        onDelete: l[3] || (l[3] = (o) => v("row-delete", o)),
-        onCellEdit: l[4] || (l[4] = (o) => v("cell-edit", o))
-      }, null, 8, ["row", "columns", "field-defs", "visible"])) : D("", !0)
-    ], 64)) : (r(), i("div", {
+    function ao(e) {
+      il(e);
+    }
+    function ro(e) {
+      for (const o of dl(e))
+        c("cell-edit", o);
+    }
+    return (e, o) => n(ue) ? (r(), v(bo, {
+      key: 0,
+      rows: n(fe),
+      columns: D.value,
+      "field-defs": u.fieldDefs,
+      selectable: x.value,
+      addable: Ge.value,
+      "status-color-map": u.statusColorMap,
+      readonly: u.readonly,
+      "density-class": n(Se),
+      "density-style": n(Re),
+      "detail-visible": n(al),
+      "detail-row": n(rl),
+      onRowClick: o[0] || (o[0] = (l) => ao(l)),
+      onAddRow: o[1] || (o[1] = (l) => c("add-row")),
+      onCloseDetail: n(ul),
+      onDetailSave: ro,
+      onRowDelete: o[2] || (o[2] = (l) => c("row-delete", l)),
+      onCellEdit: o[3] || (o[3] = (l) => c("cell-edit", l))
+    }, io({ _: 2 }, [
+      e.$slots.cell ? {
+        name: "cell",
+        fn: $((l) => [
+          H(e.$slots, "cell", uo(co(l)), void 0, !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["rows", "columns", "field-defs", "selectable", "addable", "status-color-map", "readonly", "density-class", "density-style", "detail-visible", "detail-row", "onCloseDetail"])) : (r(), s("div", {
       key: 1,
       ref_key: "tableContainerRef",
-      ref: _,
-      class: C(["of-data-table", [He.value, gl.value]]),
-      style: y(Ke.value),
+      ref: Y,
+      class: F(["of-data-table", [n(Se), n(tl)]]),
+      style: g(n(Re)),
       role: "grid",
       tabindex: "0",
-      onKeydown: l[21] || (l[21] = (o) => u.enableKeyboard ? n(Il)(o) : void 0)
+      onKeydown: o[19] || (o[19] = (l) => u.enableKeyboard ? n(Kl)(l) : void 0)
     }, [
-      oo.value ? (r(), i("div", zo, [
-        c("div", Ho, [
-          c("span", Ko, R(n(m).size), 1),
-          l[22] || (l[22] = c("span", { class: "of-data-table-selection-bar__text" }, "条记录已选中", -1))
-        ]),
-        c("div", Bo, [
-          (r(!0), i(b, null, h(to.value, (o) => (r(), i("button", {
-            key: o.key,
-            type: "button",
-            class: C(["of-data-table-selection-bar__btn", { "of-data-table-selection-bar__btn--danger": o.variant === "danger" }]),
-            disabled: o.resolvedDisabled,
-            onClick: (t) => no(o)
-          }, R(o.resolvedLabel), 11, Io))), 128))
-        ])
-      ])) : D("", !0),
-      Al.value ? (r(), i("div", Po, [
-        c("div", {
-          ref_key: "fixedContainerRef",
-          ref: Le,
-          class: C(["of-data-table-fixed-region", { "of-fixed-shadow": Tl.value }]),
-          style: y({ width: n(Ye) + "px" }),
-          onScroll: l[13] || (l[13] = //@ts-ignore
-          (...o) => n(Ve) && n(Ve)(...o))
-        }, [
-          j(ze, {
-            columns: n(be),
-            selectable: B.value,
-            "sort-key": n(W).field ?? "",
-            "sort-order": n(W).order ?? "asc",
-            "all-selected": n(ve),
-            indeterminate: ll.value,
+      N(go, {
+        "has-fixed-columns": Sl.value,
+        "show-selection-bar": n(Ul),
+        "selection-count": n(S).size,
+        "selection-items": n(Zl),
+        "fixed-width": n(xl),
+        "show-fixed-shadow": Rl.value,
+        columns: D.value,
+        "fixed-columns": n(Q),
+        "scrollable-columns": n(U),
+        selectable: x.value,
+        "show-row-actions": u.showRowActions,
+        "use-virtual": _.value,
+        "total-height": n(ee),
+        "offset-y": n(le),
+        "set-fixed-region-ref": oo,
+        "set-scroll-region-ref": no,
+        "set-standard-scroll-ref": to,
+        onSelectionAction: n(_l),
+        onFixedScroll: n(Fl),
+        onScroll: lo
+      }, {
+        "fixed-header": $(() => [
+          N(Ce, {
+            columns: n(Q),
+            selectable: x.value,
+            "sort-key": n(E).field ?? "",
+            "sort-order": n(E).order ?? "asc",
+            "all-selected": n(Te),
+            indeterminate: n(Ve),
             "enable-resize": u.enableResize,
             "enable-field-menu": u.enableFieldManagement,
             "enable-add-field": u.enableFieldManagement,
-            density: F.value,
-            onSort: n(Q),
-            onSelectAll: ol,
-            onResizeStart: $e,
-            onResizeDblclick: Se,
-            onHeaderContextmenu: Ce,
-            onHeaderDblclick: xe,
-            onAddField: De
-          }, null, 8, ["columns", "selectable", "sort-key", "sort-order", "all-selected", "indeterminate", "enable-resize", "enable-field-menu", "enable-add-field", "density", "onSort"]),
-          c("div", Eo, [
-            ge.value ? (r(), i("div", {
-              key: 0,
-              style: y({ height: n(we) + "px", position: "relative" })
+            density: n(A),
+            onSort: n(q),
+            onSelectAll: n(Ne),
+            onResizeStart: he,
+            onResizeDblclick: me,
+            onHeaderContextmenu: ge,
+            onHeaderDblclick: ke,
+            onAddField: we
+          }, null, 8, ["columns", "selectable", "sort-key", "sort-order", "all-selected", "indeterminate", "enable-resize", "enable-field-menu", "enable-add-field", "density", "onSort", "onSelectAll"])
+        ]),
+        "fixed-body": $(() => [
+          _.value ? (r(), s("div", {
+            key: 0,
+            style: g({ height: n(ee) + "px", position: "relative" })
+          }, [
+            h("div", {
+              style: g({ transform: `translateY(${n(le)}px)` })
             }, [
-              c("div", {
-                style: y({ transform: `translateY(${n(he)}px)` })
+              (r(!0), s(y, null, m(n(ye), ({ data: l, index: t }) => (r(), s(y, {
+                key: l.id
               }, [
-                (r(!0), i(b, null, h(n(ke), ({ data: o, index: t }) => (r(), i(b, {
-                  key: o.id
+                n(K)(l) ? (r(), v(de, G({
+                  key: 0,
+                  ref_for: !0,
+                  ref: (a) => ae(a, t)
+                }, { ref_for: !0 }, se(l), {
+                  onToggle: (a) => n(J)(ie(l))
+                }), null, 16, ["onToggle"])) : (r(), s("div", {
+                  key: 1,
+                  ref_for: !0,
+                  ref: (a) => ae(a, t),
+                  class: F(["of-table-row", {
+                    "of-table-row--selected": n(S).has(d(l)),
+                    "of-table-row--hover": n(Z)(d(l))
+                  }]),
+                  role: "row",
+                  tabindex: "0",
+                  style: g(Oe()),
+                  onMouseenter: (a) => n(b)(d(l)),
+                  onMouseleave: o[6] || (o[6] = (a) => n(b)(null)),
+                  onFocusin: (a) => n(b)(d(l)),
+                  onFocusout: o[7] || (o[7] = (a) => n(b)(null)),
+                  onClick: (a) => p(l),
+                  onKeydown: (a) => te(a, l)
                 }, [
-                  n(K)(o) ? (r(), w(de, Y({
+                  x.value ? (r(), s("div", {
                     key: 0,
-                    ref_for: !0,
-                    ref: (a) => ae(a, t)
-                  }, { ref_for: !0 }, ie(o), {
-                    onToggle: (a) => n(Z)(se(o))
-                  }), null, 16, ["onToggle"])) : (r(), i("div", {
-                    key: 1,
-                    ref_for: !0,
-                    ref: (a) => ae(a, t),
-                    class: C(["of-table-row", {
-                      "of-table-row--selected": n(m).has(d(o)),
-                      "of-table-row--hover": n(le)(d(o))
-                    }]),
-                    role: "row",
-                    tabindex: "0",
-                    style: y(tl()),
-                    onMouseenter: (a) => n(k)(d(o)),
-                    onMouseleave: l[7] || (l[7] = (a) => n(k)(null)),
-                    onFocusin: (a) => n(k)(d(o)),
-                    onFocusout: l[8] || (l[8] = (a) => n(k)(null)),
-                    onClick: (a) => S(o),
-                    onKeydown: (a) => ne(a, o)
+                    class: "of-td of-td-checkbox",
+                    role: "gridcell",
+                    onClick: o[4] || (o[4] = z(() => {
+                    }, ["stop"]))
                   }, [
-                    B.value ? (r(), i("div", {
-                      key: 0,
-                      class: "of-td of-td-checkbox",
-                      role: "gridcell",
-                      onClick: l[5] || (l[5] = I(() => {
-                      }, ["stop"]))
+                    h("label", {
+                      class: "of-checkbox-label",
+                      for: `fixed-row-select-${d(l)}`
                     }, [
-                      c("label", {
-                        class: "of-checkbox-label",
-                        for: `fixed-row-select-${d(o)}`
-                      }, [
-                        c("input", {
-                          id: `fixed-row-select-${d(o)}`,
-                          type: "checkbox",
-                          class: "of-checkbox",
-                          checked: n(m).has(d(o)),
-                          onChange: (a) => te(d(o))
-                        }, null, 40, Lo),
-                        l[23] || (l[23] = c("span", { class: "of-sr-only" }, "选择当前行", -1))
-                      ], 8, _o)
-                    ])) : D("", !0),
-                    (r(!0), i(b, null, h(n(be), (a) => (r(), i("div", {
+                      h("input", {
+                        id: `fixed-row-select-${d(l)}`,
+                        type: "checkbox",
+                        class: "of-checkbox",
+                        checked: n(S).has(d(l)),
+                        onChange: (a) => n(ne)(d(l))
+                      }, null, 40, Wo),
+                      o[20] || (o[20] = h("span", { class: "of-sr-only" }, "选择当前行", -1))
+                    ], 8, Lo)
+                  ])) : M("", !0),
+                  (r(!0), s(y, null, m(n(Q), (a) => (r(), s("div", {
+                    key: a.key,
+                    class: "of-td",
+                    role: "gridcell",
+                    style: g(re(a))
+                  }, [
+                    H(e.$slots, "cell", {
+                      row: l,
+                      col: a
+                    }, () => {
+                      var f;
+                      return [
+                        (f = u.fieldDefs) != null && f.length ? (r(), v(V, {
+                          key: 0,
+                          "row-id": d(l),
+                          field: P(a.key),
+                          value: C(l, a.key),
+                          onCommit: L
+                        }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", Go, B(C(l, a.key) ?? "-"), 1))
+                      ];
+                    }, !0)
+                  ], 4))), 128)),
+                  u.showRowActions ? (r(), s("div", {
+                    key: 1,
+                    class: "of-table-row__actions",
+                    "aria-label": "行快捷操作",
+                    onClick: o[5] || (o[5] = z(() => {
+                    }, ["stop"]))
+                  }, [
+                    (r(!0), s(y, null, m(j(l), (a) => (r(), s("button", {
                       key: a.key,
-                      class: "of-td",
-                      role: "gridcell",
-                      style: y(re(a))
-                    }, [
-                      P(e.$slots, "cell", {
-                        row: o,
-                        col: a
-                      }, () => {
-                        var g;
-                        return [
-                          (g = u.fieldDefs) != null && g.length ? (r(), w(V, {
-                            key: 0,
-                            "row-id": d(o),
-                            field: L(a.key),
-                            value: M(o, a.key),
-                            onCommit: G
-                          }, null, 8, ["row-id", "field", "value"])) : (r(), i("span", Go, R(M(o, a.key) ?? "-"), 1))
-                        ];
-                      }, !0)
-                    ], 4))), 128)),
-                    u.showRowActions ? (r(), i("div", {
-                      key: 1,
-                      class: "of-table-row__actions",
-                      "aria-label": "行快捷操作",
-                      onClick: l[6] || (l[6] = I(() => {
-                      }, ["stop"]))
+                      type: "button",
+                      class: F(["of-table-row__action-btn", { "of-table-row__action-btn--danger": a.variant === "danger" }]),
+                      disabled: a.disabled,
+                      onClick: z((f) => Fe(l, a.key), ["stop"])
                     }, [
-                      (r(!0), i(b, null, h(q(o), (a) => (r(), i("button", {
-                        key: a.key,
-                        type: "button",
-                        class: C(["of-table-row__action-btn", {
-                          "of-table-row__action-btn--danger": a.variant === "danger"
-                        }]),
-                        disabled: a.disabled,
-                        onClick: I((g) => Ee(o, a.key), ["stop"])
-                      }, [
-                        c("span", null, R(a.label), 1)
-                      ], 10, Yo))), 128))
-                    ])) : D("", !0)
-                  ], 46, Wo))
-                ], 64))), 128))
-              ], 4)
-            ], 4)) : (r(!0), i(b, { key: 1 }, h(n(H), (o) => (r(), i(b, {
-              key: o.id
+                      h("span", null, B(a.label), 1)
+                    ], 10, Vo))), 128))
+                  ])) : M("", !0)
+                ], 46, Po))
+              ], 64))), 128))
+            ], 4)
+          ], 4)) : (r(!0), s(y, { key: 1 }, m(n(T), (l) => (r(), s(y, {
+            key: l.id
+          }, [
+            n(K)(l) ? (r(), v(de, G({
+              key: 0,
+              ref_for: !0
+            }, se(l), {
+              onToggle: (t) => n(J)(ie(l))
+            }), null, 16, ["onToggle"])) : (r(), s("div", {
+              key: 1,
+              class: F(["of-table-row", {
+                "of-table-row--selected": n(S).has(d(l)),
+                "of-table-row--hover": n(Z)(d(l))
+              }]),
+              role: "row",
+              tabindex: "0",
+              style: g(Oe()),
+              onMouseenter: (t) => n(b)(d(l)),
+              onMouseleave: o[10] || (o[10] = (t) => n(b)(null)),
+              onFocusin: (t) => n(b)(d(l)),
+              onFocusout: o[11] || (o[11] = (t) => n(b)(null)),
+              onClick: (t) => p(l),
+              onKeydown: (t) => te(t, l)
             }, [
-              n(K)(o) ? (r(), w(de, Y({
+              x.value ? (r(), s("div", {
                 key: 0,
-                ref_for: !0
-              }, ie(o), {
-                onToggle: (t) => n(Z)(se(o))
-              }), null, 16, ["onToggle"])) : (r(), i("div", {
-                key: 1,
-                class: C(["of-table-row", {
-                  "of-table-row--selected": n(m).has(d(o)),
-                  "of-table-row--hover": n(le)(d(o))
-                }]),
-                role: "row",
-                tabindex: "0",
-                style: y(tl()),
-                onMouseenter: (t) => n(k)(d(o)),
-                onMouseleave: l[11] || (l[11] = (t) => n(k)(null)),
-                onFocusin: (t) => n(k)(d(o)),
-                onFocusout: l[12] || (l[12] = (t) => n(k)(null)),
-                onClick: (t) => S(o),
-                onKeydown: (t) => ne(t, o)
+                class: "of-td of-td-checkbox",
+                role: "gridcell",
+                onClick: o[8] || (o[8] = z(() => {
+                }, ["stop"]))
               }, [
-                B.value ? (r(), i("div", {
-                  key: 0,
-                  class: "of-td of-td-checkbox",
-                  role: "gridcell",
-                  onClick: l[9] || (l[9] = I(() => {
-                  }, ["stop"]))
+                h("label", {
+                  class: "of-checkbox-label",
+                  for: `row-select-${d(l)}`
                 }, [
-                  c("label", {
-                    class: "of-checkbox-label",
-                    for: `row-select-${d(o)}`
-                  }, [
-                    c("input", {
-                      id: `row-select-${d(o)}`,
-                      type: "checkbox",
-                      class: "of-checkbox",
-                      checked: n(m).has(d(o)),
-                      onChange: (t) => te(d(o))
-                    }, null, 40, Xo),
-                    l[24] || (l[24] = c("span", { class: "of-sr-only" }, "选择当前行", -1))
-                  ], 8, Oo)
-                ])) : D("", !0),
-                (r(!0), i(b, null, h(n(be), (t) => (r(), i("div", {
+                  h("input", {
+                    id: `row-select-${d(l)}`,
+                    type: "checkbox",
+                    class: "of-checkbox",
+                    checked: n(S).has(d(l)),
+                    onChange: (t) => n(ne)(d(l))
+                  }, null, 40, Yo),
+                  o[21] || (o[21] = h("span", { class: "of-sr-only" }, "选择当前行", -1))
+                ], 8, Oo)
+              ])) : M("", !0),
+              (r(!0), s(y, null, m(n(Q), (t) => (r(), s("div", {
+                key: t.key,
+                class: "of-td",
+                role: "gridcell",
+                style: g(re(t))
+              }, [
+                H(e.$slots, "cell", {
+                  row: l,
+                  col: t
+                }, () => {
+                  var a;
+                  return [
+                    (a = u.fieldDefs) != null && a.length ? (r(), v(V, {
+                      key: 0,
+                      "row-id": d(l),
+                      field: P(t.key),
+                      value: C(l, t.key),
+                      onCommit: L
+                    }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", jo, B(C(l, t.key) ?? "-"), 1))
+                  ];
+                }, !0)
+              ], 4))), 128)),
+              u.showRowActions ? (r(), s("div", {
+                key: 1,
+                class: "of-table-row__actions",
+                "aria-label": "行快捷操作",
+                onClick: o[9] || (o[9] = z(() => {
+                }, ["stop"]))
+              }, [
+                (r(!0), s(y, null, m(j(l), (t) => (r(), s("button", {
                   key: t.key,
-                  class: "of-td",
-                  role: "gridcell",
-                  style: y(re(t))
-                }, [
-                  P(e.$slots, "cell", {
-                    row: o,
-                    col: t
-                  }, () => {
-                    var a;
-                    return [
-                      (a = u.fieldDefs) != null && a.length ? (r(), w(V, {
-                        key: 0,
-                        "row-id": d(o),
-                        field: L(t.key),
-                        value: M(o, t.key),
-                        onCommit: G
-                      }, null, 8, ["row-id", "field", "value"])) : (r(), i("span", No, R(M(o, t.key) ?? "-"), 1))
-                    ];
-                  }, !0)
-                ], 4))), 128)),
-                u.showRowActions ? (r(), i("div", {
-                  key: 1,
-                  class: "of-table-row__actions",
-                  "aria-label": "行快捷操作",
-                  onClick: l[10] || (l[10] = I(() => {
-                  }, ["stop"]))
+                  type: "button",
+                  class: F(["of-table-row__action-btn", { "of-table-row__action-btn--danger": t.variant === "danger" }]),
+                  disabled: t.disabled,
+                  onClick: z((a) => Fe(l, t.key), ["stop"])
                 }, [
-                  (r(!0), i(b, null, h(q(o), (t) => (r(), i("button", {
-                    key: t.key,
-                    type: "button",
-                    class: C(["of-table-row__action-btn", { "of-table-row__action-btn--danger": t.variant === "danger" }]),
-                    disabled: t.disabled,
-                    onClick: I((a) => Ee(o, t.key), ["stop"])
-                  }, [
-                    c("span", null, R(t.label), 1)
-                  ], 10, jo))), 128))
-                ])) : D("", !0)
-              ], 46, Vo))
-            ], 64))), 128))
-          ])
-        ], 38),
-        c("div", {
-          ref_key: "scrollContainerRef",
-          ref: ee,
-          class: "of-data-table-scroll-region",
-          style: y({ marginLeft: n(Ye) + "px" }),
-          onScroll: io
-        }, [
-          j(ze, {
-            columns: n(ye),
+                  h("span", null, B(t.label), 1)
+                ], 10, Xo))), 128))
+              ])) : M("", !0)
+            ], 46, No))
+          ], 64))), 128))
+        ]),
+        "scroll-header": $(() => [
+          N(Ce, {
+            columns: n(U),
             selectable: !1,
-            "sort-key": n(W).field ?? "",
-            "sort-order": n(W).order ?? "asc",
+            "sort-key": n(E).field ?? "",
+            "sort-order": n(E).order ?? "asc",
             "enable-resize": u.enableResize,
             "enable-field-menu": u.enableFieldManagement,
             "enable-add-field": u.enableFieldManagement,
-            density: F.value,
-            onSort: n(Q),
-            onResizeStart: $e,
-            onResizeDblclick: Se,
-            onHeaderContextmenu: Ce,
-            onHeaderDblclick: xe,
-            onAddField: De
-          }, null, 8, ["columns", "sort-key", "sort-order", "enable-resize", "enable-field-menu", "enable-add-field", "density", "onSort"]),
-          c("div", Uo, [
-            ge.value ? (r(), i("div", {
-              key: 0,
-              style: y({ height: n(we) + "px", position: "relative" })
+            density: n(A),
+            onSort: n(q),
+            onResizeStart: he,
+            onResizeDblclick: me,
+            onHeaderContextmenu: ge,
+            onHeaderDblclick: ke,
+            onAddField: we
+          }, null, 8, ["columns", "sort-key", "sort-order", "enable-resize", "enable-field-menu", "enable-add-field", "density", "onSort"])
+        ]),
+        "scroll-body": $(() => [
+          _.value ? (r(), s("div", {
+            key: 0,
+            style: g({ height: n(ee) + "px", position: "relative" })
+          }, [
+            h("div", {
+              style: g({ transform: `translateY(${n(le)}px)` })
             }, [
-              c("div", {
-                style: y({ transform: `translateY(${n(he)}px)` })
+              (r(!0), s(y, null, m(n(ye), ({ data: l }) => (r(), s(y, {
+                key: l.id
               }, [
-                (r(!0), i(b, null, h(n(ke), ({ data: o }) => (r(), i(b, {
-                  key: o.id
+                n(K)(l) ? (r(), s("div", {
+                  key: 0,
+                  style: g(Ye())
+                }, null, 4)) : (r(), s("div", {
+                  key: 1,
+                  class: F(["of-table-row", {
+                    "of-table-row--selected": n(S).has(d(l)),
+                    "of-table-row--hover": n(Z)(d(l))
+                  }]),
+                  role: "row",
+                  tabindex: "0",
+                  onMouseenter: (t) => n(b)(d(l)),
+                  onMouseleave: o[12] || (o[12] = (t) => n(b)(null)),
+                  onFocusin: (t) => n(b)(d(l)),
+                  onFocusout: o[13] || (o[13] = (t) => n(b)(null)),
+                  onClick: (t) => p(l),
+                  onKeydown: (t) => te(t, l)
                 }, [
-                  n(K)(o) ? (r(), i("div", {
-                    key: 0,
-                    style: y(nl())
-                  }, null, 4)) : (r(), i("div", {
-                    key: 1,
-                    class: C(["of-table-row", {
-                      "of-table-row--selected": n(m).has(d(o)),
-                      "of-table-row--hover": n(le)(d(o))
-                    }]),
-                    role: "row",
-                    tabindex: "0",
-                    onMouseenter: (t) => n(k)(d(o)),
-                    onMouseleave: l[14] || (l[14] = (t) => n(k)(null)),
-                    onFocusin: (t) => n(k)(d(o)),
-                    onFocusout: l[15] || (l[15] = (t) => n(k)(null)),
-                    onClick: (t) => S(o),
-                    onKeydown: (t) => ne(t, o)
+                  (r(!0), s(y, null, m(n(U), (t) => (r(), s("div", {
+                    key: t.key,
+                    class: "of-td",
+                    role: "gridcell",
+                    style: g(re(t))
                   }, [
-                    (r(!0), i(b, null, h(n(ye), (t) => (r(), i("div", {
-                      key: t.key,
-                      class: "of-td",
-                      role: "gridcell",
-                      style: y(re(t))
-                    }, [
-                      P(e.$slots, "cell", {
-                        row: o,
-                        col: t
-                      }, () => {
-                        var a;
-                        return [
-                          (a = u.fieldDefs) != null && a.length ? (r(), w(V, {
-                            key: 0,
-                            "row-id": d(o),
-                            field: L(t.key),
-                            value: M(o, t.key),
-                            onCommit: G
-                          }, null, 8, ["row-id", "field", "value"])) : (r(), i("span", Jo, R(M(o, t.key) ?? "-"), 1))
-                        ];
-                      }, !0)
-                    ], 4))), 128))
-                  ], 42, qo))
-                ], 64))), 128))
-              ], 4)
-            ], 4)) : (r(!0), i(b, { key: 1 }, h(n(H), (o) => (r(), i(b, {
-              key: o.id
+                    H(e.$slots, "cell", {
+                      row: l,
+                      col: t
+                    }, () => {
+                      var a;
+                      return [
+                        (a = u.fieldDefs) != null && a.length ? (r(), v(V, {
+                          key: 0,
+                          "row-id": d(l),
+                          field: P(t.key),
+                          value: C(l, t.key),
+                          onCommit: L
+                        }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", Jo, B(C(l, t.key) ?? "-"), 1))
+                      ];
+                    }, !0)
+                  ], 4))), 128))
+                ], 42, qo))
+              ], 64))), 128))
+            ], 4)
+          ], 4)) : (r(!0), s(y, { key: 1 }, m(n(T), (l) => (r(), s(y, {
+            key: l.id
+          }, [
+            n(K)(l) ? (r(), s("div", {
+              key: 0,
+              style: g(Ye())
+            }, null, 4)) : (r(), s("div", {
+              key: 1,
+              class: F(["of-table-row", {
+                "of-table-row--selected": n(S).has(d(l)),
+                "of-table-row--hover": n(Z)(d(l))
+              }]),
+              role: "row",
+              tabindex: "0",
+              onMouseenter: (t) => n(b)(d(l)),
+              onMouseleave: o[14] || (o[14] = (t) => n(b)(null)),
+              onFocusin: (t) => n(b)(d(l)),
+              onFocusout: o[15] || (o[15] = (t) => n(b)(null)),
+              onClick: (t) => p(l),
+              onKeydown: (t) => te(t, l)
             }, [
-              n(K)(o) ? (r(), i("div", {
-                key: 0,
-                style: y(nl())
-              }, null, 4)) : (r(), i("div", {
-                key: 1,
-                class: C(["of-table-row", {
-                  "of-table-row--selected": n(m).has(d(o)),
-                  "of-table-row--hover": n(le)(d(o))
-                }]),
-                role: "row",
-                tabindex: "0",
-                onMouseenter: (t) => n(k)(d(o)),
-                onMouseleave: l[16] || (l[16] = (t) => n(k)(null)),
-                onFocusin: (t) => n(k)(d(o)),
-                onFocusout: l[17] || (l[17] = (t) => n(k)(null)),
-                onClick: (t) => S(o),
-                onKeydown: (t) => ne(t, o)
+              (r(!0), s(y, null, m(n(U), (t) => (r(), s("div", {
+                key: t.key,
+                class: "of-td",
+                role: "gridcell",
+                style: g(re(t))
               }, [
-                (r(!0), i(b, null, h(n(ye), (t) => (r(), i("div", {
-                  key: t.key,
-                  class: "of-td",
-                  role: "gridcell",
-                  style: y(re(t))
-                }, [
-                  P(e.$slots, "cell", {
-                    row: o,
-                    col: t
-                  }, () => {
-                    var a;
-                    return [
-                      (a = u.fieldDefs) != null && a.length ? (r(), w(V, {
-                        key: 0,
-                        "row-id": d(o),
-                        field: L(t.key),
-                        value: M(o, t.key),
-                        onCommit: G
-                      }, null, 8, ["row-id", "field", "value"])) : (r(), i("span", Zo, R(M(o, t.key) ?? "-"), 1))
-                    ];
-                  }, !0)
-                ], 4))), 128))
-              ], 42, Qo))
-            ], 64))), 128))
-          ])
-        ], 36)
-      ])) : (r(), i(b, { key: 2 }, [
-        j(ze, {
-          columns: A.value,
-          selectable: B.value,
-          "sort-key": n(W).field ?? "",
-          "sort-order": n(W).order ?? "asc",
-          "all-selected": n(ve),
-          indeterminate: ll.value,
-          "enable-resize": u.enableResize,
-          "enable-field-menu": u.enableFieldManagement,
-          "enable-add-field": u.enableFieldManagement,
-          density: F.value,
-          onSort: n(Q),
-          onSelectAll: ol,
-          onResizeStart: $e,
-          onResizeDblclick: Se,
-          onHeaderContextmenu: Ce,
-          onHeaderDblclick: xe,
-          onAddField: De
-        }, null, 8, ["columns", "selectable", "sort-key", "sort-order", "all-selected", "indeterminate", "enable-resize", "enable-field-menu", "enable-add-field", "density", "onSort"]),
-        c("div", {
-          ref_key: "scrollContainerRef",
-          ref: ee,
-          class: "of-data-table-scroll-container"
-        }, [
-          ge.value ? (r(), i("div", {
+                H(e.$slots, "cell", {
+                  row: l,
+                  col: t
+                }, () => {
+                  var a;
+                  return [
+                    (a = u.fieldDefs) != null && a.length ? (r(), v(V, {
+                      key: 0,
+                      "row-id": d(l),
+                      field: P(t.key),
+                      value: C(l, t.key),
+                      onCommit: L
+                    }, null, 8, ["row-id", "field", "value"])) : (r(), s("span", Uo, B(C(l, t.key) ?? "-"), 1))
+                  ];
+                }, !0)
+              ], 4))), 128))
+            ], 42, Qo))
+          ], 64))), 128))
+        ]),
+        "standard-header": $(() => [
+          N(Ce, {
+            columns: D.value,
+            selectable: x.value,
+            "sort-key": n(E).field ?? "",
+            "sort-order": n(E).order ?? "asc",
+            "all-selected": n(Te),
+            indeterminate: n(Ve),
+            "enable-resize": u.enableResize,
+            "enable-field-menu": u.enableFieldManagement,
+            "enable-add-field": u.enableFieldManagement,
+            density: n(A),
+            onSort: n(q),
+            onSelectAll: n(Ne),
+            onResizeStart: he,
+            onResizeDblclick: me,
+            onHeaderContextmenu: ge,
+            onHeaderDblclick: ke,
+            onAddField: we
+          }, null, 8, ["columns", "selectable", "sort-key", "sort-order", "all-selected", "indeterminate", "enable-resize", "enable-field-menu", "enable-add-field", "density", "onSort", "onSelectAll"])
+        ]),
+        "standard-body": $(() => [
+          _.value ? (r(), s("div", {
             key: 0,
-            style: y({ height: n(we) + "px", position: "relative" })
+            style: g({ height: n(ee) + "px", position: "relative" })
           }, [
-            c("div", {
-              style: y({ transform: `translateY(${n(he)}px)` })
+            h("div", {
+              style: g({ transform: `translateY(${n(le)}px)` })
             }, [
-              (r(!0), i(b, null, h(n(ke), ({ data: o, index: t }) => (r(), i(b, {
-                key: o.id
+              (r(!0), s(y, null, m(n(ye), ({ data: l, index: t }) => (r(), s(y, {
+                key: l.id
               }, [
-                n(K)(o) ? (r(), w(de, Y({
+                n(K)(l) ? (r(), v(de, G({
                   key: 0,
                   ref_for: !0,
                   ref: (a) => ae(a, t)
-                }, { ref_for: !0 }, ie(o), {
-                  onToggle: (a) => n(Z)(se(o))
-                }), null, 16, ["onToggle"])) : (r(), w(dl, Y({
+                }, { ref_for: !0 }, se(l), {
+                  onToggle: (a) => n(J)(ie(l))
+                }), null, 16, ["onToggle"])) : (r(), v(Ze, G({
                   key: 1,
                   ref_for: !0,
                   ref: (a) => ae(a, t)
-                }, { ref_for: !0 }, al(o), {
-                  density: F.value,
+                }, { ref_for: !0 }, je(l), {
+                  density: n(A),
                   "show-row-actions": u.showRowActions,
-                  "row-action-items": q(o),
+                  "row-action-items": j(l),
                   draggable: u.enableRowDrag,
-                  class: sl(o),
-                  onSelect: te,
-                  onClick: (a) => S(o),
-                  onDragstart: (a) => Ue(a, o),
-                  onDragover: (a) => qe(a, o),
-                  onDrop: (a) => Je(a, o),
-                  onDragend: n(je)
+                  class: Je(l),
+                  onSelect: n(ne),
+                  onClick: (a) => p(l),
+                  onDragstart: (a) => Ee(a, l),
+                  onDragover: (a) => Pe(a, l),
+                  onDrop: (a) => Le(a, l),
+                  onDragend: n(Ie)
                 }), {
-                  cell: Te(({ row: a, col: g }) => [
-                    P(e.$slots, "cell", {
+                  cell: $(({ row: a, col: f }) => [
+                    H(e.$slots, "cell", {
                       row: a,
-                      col: g
+                      col: f
                     }, () => {
-                      var Me;
+                      var pe;
                       return [
-                        (Me = u.fieldDefs) != null && Me.length ? (r(), w(V, {
+                        (pe = u.fieldDefs) != null && pe.length ? (r(), v(V, {
                           key: 0,
                           "row-id": d(a),
-                          field: L(g.key),
-                          value: a[g.key],
-                          class: C({
-                            "of-cell--active": rl(d(a), g.key),
-                            "of-cell--selected": il(d(a), g.key)
+                          field: P(f.key),
+                          value: a[f.key],
+                          class: F({
+                            "of-cell--active": Xe(d(a), f.key),
+                            "of-cell--selected": qe(d(a), f.key)
                           }),
-                          onCommit: G,
-                          onClick: I((rt) => u.enableKeyboard && n(pe)(d(a), g.key), ["stop"])
-                        }, null, 8, ["row-id", "field", "value", "class", "onClick"])) : (r(), i("span", et, R(M(a, g.key) ?? "-"), 1))
+                          onCommit: L,
+                          onClick: z((on) => u.enableKeyboard && n(ve)(d(a), f.key), ["stop"])
+                        }, null, 8, ["row-id", "field", "value", "class", "onClick"])) : (r(), s("span", Zo, B(C(a, f.key) ?? "-"), 1))
                       ];
                     }, !0)
                   ]),
                   _: 3
-                }, 16, ["density", "show-row-actions", "row-action-items", "draggable", "class", "onClick", "onDragstart", "onDragover", "onDrop", "onDragend"]))
+                }, 16, ["density", "show-row-actions", "row-action-items", "draggable", "class", "onSelect", "onClick", "onDragstart", "onDragover", "onDrop", "onDragend"]))
               ], 64))), 128))
             ], 4)
-          ], 4)) : (r(!0), i(b, { key: 1 }, h(n(H), (o) => (r(), i(b, {
-            key: o.id
+          ], 4)) : (r(!0), s(y, { key: 1 }, m(n(T), (l) => (r(), s(y, {
+            key: l.id
           }, [
-            n(K)(o) ? (r(), w(de, Y({
+            n(K)(l) ? (r(), v(de, G({
               key: 0,
               ref_for: !0
-            }, ie(o), {
-              onToggle: (t) => n(Z)(se(o))
-            }), null, 16, ["onToggle"])) : (r(), w(dl, Y({
+            }, se(l), {
+              onToggle: (t) => n(J)(ie(l))
+            }), null, 16, ["onToggle"])) : (r(), v(Ze, G({
               key: 1,
               ref_for: !0
-            }, al(o), {
-              density: F.value,
+            }, je(l), {
+              density: n(A),
               "show-row-actions": u.showRowActions,
-              "row-action-items": q(o),
+              "row-action-items": j(l),
               draggable: u.enableRowDrag,
-              class: sl(o),
-              onSelect: te,
-              onClick: (t) => S(o),
-              onDragstart: (t) => Ue(t, o),
-              onDragover: (t) => qe(t, o),
-              onDrop: (t) => Je(t, o),
-              onDragend: n(je)
+              class: Je(l),
+              onSelect: n(ne),
+              onClick: (t) => p(l),
+              onDragstart: (t) => Ee(t, l),
+              onDragover: (t) => Pe(t, l),
+              onDrop: (t) => Le(t, l),
+              onDragend: n(Ie)
             }), {
-              cell: Te(({ row: t, col: a }) => [
-                P(e.$slots, "cell", {
+              cell: $(({ row: t, col: a }) => [
+                H(e.$slots, "cell", {
                   row: t,
                   col: a
                 }, () => {
-                  var g;
+                  var f;
                   return [
-                    (g = u.fieldDefs) != null && g.length ? (r(), w(V, {
+                    (f = u.fieldDefs) != null && f.length ? (r(), v(V, {
                       key: 0,
                       "row-id": d(t),
-                      field: L(a.key),
+                      field: P(a.key),
                       value: t[a.key],
-                      class: C({
-                        "of-cell--active": rl(d(t), a.key),
-                        "of-cell--selected": il(d(t), a.key)
+                      class: F({
+                        "of-cell--active": Xe(d(t), a.key),
+                        "of-cell--selected": qe(d(t), a.key)
                       }),
-                      onCommit: G,
-                      onClick: I((Me) => u.enableKeyboard && n(pe)(d(t), a.key), ["stop"])
-                    }, null, 8, ["row-id", "field", "value", "class", "onClick"])) : (r(), i("span", lt, R(M(t, a.key) ?? "-"), 1))
+                      onCommit: L,
+                      onClick: z((pe) => u.enableKeyboard && n(ve)(d(t), a.key), ["stop"])
+                    }, null, 8, ["row-id", "field", "value", "class", "onClick"])) : (r(), s("span", _o, B(C(t, a.key) ?? "-"), 1))
                   ];
                 }, !0)
               ]),
               _: 3
-            }, 16, ["density", "show-row-actions", "row-action-items", "draggable", "class", "onClick", "onDragstart", "onDragover", "onDrop", "onDragend"]))
+            }, 16, ["density", "show-row-actions", "row-action-items", "draggable", "class", "onSelect", "onClick", "onDragstart", "onDragover", "onDrop", "onDragend"]))
           ], 64))), 128))
-        ], 512)
-      ], 64)),
-      n(Cl) ? (r(), i("div", {
-        key: 3,
+        ]),
+        _: 3
+      }, 8, ["has-fixed-columns", "show-selection-bar", "selection-count", "selection-items", "fixed-width", "show-fixed-shadow", "columns", "fixed-columns", "scrollable-columns", "selectable", "show-row-actions", "use-virtual", "total-height", "offset-y", "onSelectionAction", "onFixedScroll"]),
+      n(gl) ? (r(), s("div", {
+        key: 0,
         class: "of-resize-indicator",
-        style: y({ left: n(xl) + "px" })
-      }, null, 4)) : D("", !0),
-      Ol.value ? (r(), i("div", ot, [
-        c("span", tt, R(n(Qe).size) + " 条草稿", 1),
-        c("button", {
-          class: "of-data-table-draft-btn of-data-table-draft-btn--commit",
-          onClick: Nl
-        }, " 全部提交 "),
-        c("button", {
-          class: "of-data-table-draft-btn of-data-table-draft-btn--discard",
-          onClick: jl
-        }, " 全部放弃 ")
-      ])) : D("", !0),
-      el.value ? (r(), w(wo, {
-        key: 5,
-        onClick: Xl
-      })) : D("", !0),
-      u.enableFieldManagement ? (r(), w(n(fl), {
-        key: 6,
-        visible: T.value.visible,
-        "col-key": T.value.colKey,
-        "col-label": T.value.colLabel,
-        "field-type": T.value.fieldType,
-        x: T.value.x,
-        y: T.value.y,
-        onClose: l[18] || (l[18] = (o) => T.value.visible = !1),
-        onRename: Ul,
-        onChangeType: ql,
-        onSort: l[19] || (l[19] = (o, t) => n(Q)(o)),
-        onHide: Jl,
-        onDelete: Ql,
-        onDuplicate: Zl
-      }, null, 8, ["visible", "col-key", "col-label", "field-type", "x", "y"])) : D("", !0),
-      (r(), w(ko, { to: "body" }, [
-        oe.value ? (r(), i("div", nt, [
-          c("button", {
+        style: g({ left: n(kl) + "px" })
+      }, null, 4)) : M("", !0),
+      Gl.value ? (r(), v(vo, {
+        key: 1,
+        "draft-count": n(We).size,
+        onCommitAll: Nl,
+        onDiscardAll: Ol
+      }, null, 8, ["draft-count"])) : M("", !0),
+      Ge.value ? (r(), v(yo, {
+        key: 2,
+        onClick: Vl
+      })) : M("", !0),
+      u.enableFieldManagement ? (r(), v(n(ll), {
+        key: 3,
+        visible: R.value.visible,
+        "col-key": R.value.colKey,
+        "col-label": R.value.colLabel,
+        "field-type": R.value.fieldType,
+        x: R.value.x,
+        y: R.value.y,
+        onClose: o[16] || (o[16] = (l) => R.value.visible = !1),
+        onRename: Yl,
+        onChangeType: jl,
+        onSort: o[17] || (o[17] = (l, t) => n(q)(l)),
+        onHide: Xl,
+        onDelete: ql,
+        onDuplicate: Jl
+      }, null, 8, ["visible", "col-key", "col-label", "field-type", "x", "y"])) : M("", !0),
+      (r(), v(fo, { to: "body" }, [
+        oe.value ? (r(), s("div", en, [
+          h("button", {
             type: "button",
             class: "of-add-field-overlay__backdrop",
             tabindex: "-1",
             "aria-hidden": "true",
-            onClick: l[20] || (l[20] = (o) => oe.value = !1)
+            onClick: o[18] || (o[18] = (l) => oe.value = !1)
           }),
-          c("div", at, [
-            j(n(cl), { onSelect: eo })
+          h("div", ln, [
+            N(n(ol), { onSelect: Ql })
           ])
-        ])) : D("", !0)
+        ])) : M("", !0)
       ]))
     ], 38));
   }
 });
 export {
-  $t as default
+  Mn as default
 };