@oneflowui/ui 0.6.0 → 0.7.0

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

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