@arim-aisdc/public-components 2.3.48 → 2.3.50

package/dist/components/TableMax/TableBody/VirtualTableBody.js

@@ -0,0 +1,423 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Spin } from 'antd';
+import { useDrop } from 'react-dnd';
+import { CustomDragLayer } from "../components/CustomDragerLayer";
+import { DropSide } from "../type";
+import { events, useEventBus } from "../../..";
+import React, { useCallback, useMemo, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { useConfig } from "../../ConfigProvider";
+import Empty from "../../Empty";
+import { VirtualRow } from "./VirtualRow";
+import ContextMenu from "./contextMenu/ContextMenu";
+import "./index.less";
+import { Total } from "./components/Total";
+import { ColGroup } from "../TableHeader/VirtualTableHeader/ColGroup";
+import { useVirtualConfig, useVirtualState } from "../hooks/useVirtualScroll";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var VirtualTableBody = function VirtualTableBody(_ref) {
+  var _headerGroups, _table$getRowModel$ro2;
+  var tableBodyRef = _ref.tableBodyRef,
+    tableContentRef = _ref.tableContentRef,
+    table = _ref.table,
+    tableId = _ref.tableId,
+    theme = _ref.theme,
+    reorderRow = _ref.reorderRow,
+    rowSelectedId = _ref.rowSelectedId,
+    setRowSelectedId = _ref.setRowSelectedId,
+    rowHighLightId = _ref.rowHighLightId,
+    setRowHighLightId = _ref.setRowHighLightId,
+    selectedRowChange = _ref.selectedRowChange,
+    onSelectChange = _ref.onSelectChange,
+    canSelection = _ref.canSelection,
+    selectionWithoutChecked = _ref.selectionWithoutChecked,
+    tableContainerWidth = _ref.tableContainerWidth,
+    selectedRowDragging = _ref.selectedRowDragging,
+    setSelectedRowDragging = _ref.setSelectedRowDragging,
+    canRowDrag = _ref.canRowDrag,
+    rowKey = _ref.rowKey,
+    loading = _ref.loading,
+    rowClassName = _ref.rowClassName,
+    cellClassName = _ref.cellClassName,
+    rowStyle = _ref.rowStyle,
+    getCellProps = _ref.getCellProps,
+    rowHeight = _ref.rowHeight,
+    renderSubComponent = _ref.renderSubComponent,
+    onRowMouseEnter = _ref.onRowMouseEnter,
+    onRowMouseLeave = _ref.onRowMouseLeave,
+    onRowMouseClick = _ref.onRowMouseClick,
+    onRowMouseDoubleClick = _ref.onRowMouseDoubleClick,
+    disableDragRowIds = _ref.disableDragRowIds,
+    selectRowWhenClick = _ref.selectRowWhenClick,
+    datas = _ref.datas,
+    canEditRowWhenDClick = _ref.canEditRowWhenDClick,
+    editingRowId = _ref.editingRowId,
+    handleEditRowWhenDClick = _ref.handleEditRowWhenDClick,
+    dragBeforeStart = _ref.dragBeforeStart,
+    getContextMenu = _ref.getContextMenu,
+    onClickContextMenu = _ref.onClickContextMenu,
+    getRowHoverTipConfig = _ref.getRowHoverTipConfig,
+    tableTooltip = _ref.tableTooltip,
+    compactMode = _ref.compactMode,
+    onEditValueChange = _ref.onEditValueChange,
+    hasTotalRow = _ref.hasTotalRow,
+    totalDatas = _ref.totalDatas,
+    setRowSelection = _ref.setRowSelection,
+    openMemo = _ref.openMemo,
+    _ref$openVirtualColum = _ref.openVirtualColumns,
+    openVirtualColumns = _ref$openVirtualColum === void 0 ? false : _ref$openVirtualColum;
+  var _useConfig = useConfig(),
+    root = _useConfig.root;
+  var headerGroups = table.getHeaderGroups();
+  var headers = (headerGroups === null || headerGroups === void 0 || (_headerGroups = headerGroups[headerGroups.length - 1]) === null || _headerGroups === void 0 ? void 0 : _headerGroups.headers) || [];
+  var visibleColumns = table.getVisibleLeafColumns();
+  var config = useVirtualConfig();
+  var state = useVirtualState();
+  var openVirtualRows = config.openVirtualRows;
+
+  // 从 Provider 中获取虚拟化数据
+  var leftPinnedColumns = state.leftPinnedColumns,
+    rightPinnedColumns = state.rightPinnedColumns,
+    scrollableColumns = state.scrollableColumns,
+    virtualColumns = state.virtualColumns,
+    virtualPaddingLeft = state.virtualPaddingLeft,
+    virtualPaddingRight = state.virtualPaddingRight,
+    rowVirtualizer = state.rowVirtualizer,
+    virtualRows = state.virtualRows;
+  var _useState = useState({
+      visible: false,
+      clientX: 0,
+      clientY: 0,
+      row: {},
+      column: {},
+      options: []
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    contextMenuData = _useState2[0],
+    setContextMenuData = _useState2[1];
+
+  // 拖动时显示放置的位置
+  var _useState3 = useState(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hoverRowIndex = _useState4[0],
+    setHoverRowIndex = _useState4[1];
+  var _useState5 = useState(undefined),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dropSide = _useState6[0],
+    setDropSide = _useState6[1];
+
+  // 清除hover行信息
+  var clearHoverRowIndex = useCallback(function () {
+    setHoverRowIndex(undefined);
+  }, []);
+
+  // 当前table在hover时进行广播
+  var publishCurTableHoveringEvent = function publishCurTableHoveringEvent() {
+    events.emit('TABLE_HOVERING', tableId);
+  };
+
+  // 接收广播:其他table在hover时，取消当前table的hover
+  var receiveCurTableHoveringEvent = useCallback(function (hoveringTableId) {
+    if (hoveringTableId !== tableId) {
+      clearHoverRowIndex();
+    }
+  }, []);
+  useEventBus('TABLE_HOVERING', receiveCurTableHoveringEvent);
+
+  // 拖动时，即时修改hover信息
+  var changeHoverRow = useCallback(function (_ref2) {
+    var _origin$draggedRow, _origin$draggedRows;
+    var target = _ref2.target,
+      origin = _ref2.origin;
+    publishCurTableHoveringEvent();
+    var targetRowIndex = target === null || target === void 0 ? void 0 : target.index;
+    var originRowIndex = origin === null || origin === void 0 || (_origin$draggedRow = origin.draggedRow) === null || _origin$draggedRow === void 0 ? void 0 : _origin$draggedRow.index;
+    var originRowIndexList = (origin === null || origin === void 0 || (_origin$draggedRows = origin.draggedRows) === null || _origin$draggedRows === void 0 ? void 0 : _origin$draggedRows.map(function (row) {
+      return row.index;
+    })) || [];
+    if (tableId === origin.sourceTableId && originRowIndexList.includes(targetRowIndex)) {
+      clearHoverRowIndex();
+    } else if (targetRowIndex !== hoverRowIndex) {
+      setHoverRowIndex(targetRowIndex);
+      if (tableId !== origin.sourceTableId) {
+        setDropSide(DropSide.Top);
+      } else {
+        setDropSide(targetRowIndex > originRowIndex ? DropSide.Bottom : DropSide.Top);
+      }
+    }
+  }, [hoverRowIndex]);
+
+  // 拖动到最后一行下面的空白处，在最后一行数据上展示预览位置
+  var addToLast = useCallback(function () {
+    publishCurTableHoveringEvent();
+    var lastIndex = table.getRowModel().rows.length - 1;
+    if (lastIndex !== hoverRowIndex || lastIndex === hoverRowIndex && dropSide !== DropSide.Bottom) {
+      setHoverRowIndex(lastIndex);
+      setDropSide(DropSide.Bottom);
+    }
+  }, [hoverRowIndex, dropSide]);
+
+  // cell右键菜单
+  var handleCellContextMenu = useCallback(function (e, cell) {
+    if (getContextMenu) {
+      var options = getContextMenu({
+        row: cell.row.original,
+        column: cell.column.columnDef
+      });
+      setContextMenuData({
+        visible: options.length > 0,
+        clientX: e.clientX,
+        clientY: e.clientY,
+        row: cell.row.original,
+        column: cell.column.columnDef,
+        options: options
+      });
+      e.preventDefault();
+    }
+  }, [getContextMenu]);
+
+  // 关闭菜单
+  var closeContextMenu = useCallback(function () {
+    setContextMenuData(_objectSpread(_objectSpread({}, contextMenuData), {}, {
+      visible: false
+    }));
+  }, []);
+  var _useDrop = useDrop({
+      accept: 'TABLE_ROW',
+      drop: function drop(formDatas) {
+        return reorderRow === null || reorderRow === void 0 ? void 0 : reorderRow(formDatas, {
+          hoverRow: {
+            index: 0
+          },
+          targetTableId: tableId
+        });
+      }
+    }),
+    _useDrop2 = _slicedToArray(_useDrop, 2),
+    dropEmptyRef = _useDrop2[1];
+  var _useDrop3 = useDrop({
+      accept: 'TABLE_ROW',
+      drop: function drop(formDatas, monitor) {
+        if (monitor.didDrop()) {
+          return undefined;
+        }
+        clearHoverRowIndex();
+        return reorderRow === null || reorderRow === void 0 ? void 0 : reorderRow(formDatas, {
+          hoverRow: undefined,
+          targetTableId: tableId
+        });
+      },
+      hover: function hover(item, monitor) {
+        if (monitor.isOver({
+          shallow: true
+        }) && monitor.canDrop()) {
+          addToLast();
+        }
+      }
+    }),
+    _useDrop4 = _slicedToArray(_useDrop3, 2),
+    dropTableEmptyRef = _useDrop4[1];
+
+  // 是否有数据
+  var showTable = useMemo(function () {
+    var _table$getRowModel$ro;
+    return !loading && datas.length !== 0 && ((_table$getRowModel$ro = table.getRowModel().rows) === null || _table$getRowModel$ro === void 0 ? void 0 : _table$getRowModel$ro.length) !== 0;
+  }, [loading, datas.length, (_table$getRowModel$ro2 = table.getRowModel().rows) === null || _table$getRowModel$ro2 === void 0 ? void 0 : _table$getRowModel$ro2.length]);
+
+  // 渲染虚拟行
+  var renderVirtualRows = function renderVirtualRows() {
+    return virtualRows.map(function (virtualRow) {
+      var row = table.getRowModel().rows[virtualRow.index];
+      var rowEditing = row.id === editingRowId;
+      return /*#__PURE__*/_jsx(VirtualRow, {
+        tableBodyRef: tableBodyRef,
+        table: table,
+        tableId: tableId,
+        row: row,
+        rowKey: rowKey,
+        theme: theme,
+        reorderRow: reorderRow,
+        rowSelectedId: rowSelectedId,
+        setRowSelectedId: setRowSelectedId,
+        rowHighLightId: rowHighLightId,
+        setRowHighLightId: setRowHighLightId,
+        selectedRowChange: selectedRowChange,
+        onSelectChange: onSelectChange,
+        canSelection: canSelection,
+        selectionWithoutChecked: selectionWithoutChecked,
+        selectedRowDragging: selectedRowDragging,
+        setSelectedRowDragging: setSelectedRowDragging,
+        canRowDrag: canRowDrag,
+        dragBeforeStart: dragBeforeStart,
+        rowClassName: rowClassName,
+        cellClassName: cellClassName,
+        rowStyle: rowStyle,
+        getCellProps: getCellProps,
+        editting: !!editingRowId,
+        rowEditing: rowEditing,
+        renderSubComponent: renderSubComponent,
+        onRowMouseEnter: onRowMouseEnter,
+        onRowMouseLeave: onRowMouseLeave,
+        onRowMouseClick: onRowMouseClick,
+        onRowMouseDoubleClick: onRowMouseDoubleClick,
+        rowHeight: rowHeight,
+        disableDragRowIds: disableDragRowIds,
+        selectRowWhenClick: selectRowWhenClick,
+        handleEditRowWhenDClick: handleEditRowWhenDClick,
+        canEditRowWhenDClick: canEditRowWhenDClick,
+        onCellContextMenu: handleCellContextMenu,
+        getRowHoverTipConfig: getRowHoverTipConfig,
+        tableTooltip: tableTooltip,
+        changeHoverRow: changeHoverRow,
+        clearHoverRowIndex: clearHoverRowIndex,
+        hoverRowIndex: hoverRowIndex,
+        dropSide: dropSide,
+        onEditValueChange: onEditValueChange,
+        setRowSelection: setRowSelection,
+        openMemo: openMemo
+        // virtualColumns={virtualColumns}
+        // scrollableColumns={scrollableColumns}
+        // virtualPaddingLeft={virtualPaddingLeft}
+        // virtualPaddingRight={virtualPaddingRight}
+        // leftPinnedColumns={leftPinnedColumns}
+        // rightPinnedColumns={rightPinnedColumns}
+        ,
+        virtualRowStart: virtualRow.start
+      }, row.id);
+    });
+  };
+
+  // 渲染普通行（非虚拟化）
+  var renderNormalRows = function renderNormalRows() {
+    return table.getRowModel().rows.map(function (row) {
+      var rowEditing = row.id === editingRowId;
+      return /*#__PURE__*/_jsx(VirtualRow, {
+        tableBodyRef: tableBodyRef,
+        table: table,
+        tableId: tableId,
+        row: row,
+        rowKey: rowKey,
+        theme: theme,
+        reorderRow: reorderRow,
+        rowSelectedId: rowSelectedId,
+        setRowSelectedId: setRowSelectedId,
+        rowHighLightId: rowHighLightId,
+        setRowHighLightId: setRowHighLightId,
+        selectedRowChange: selectedRowChange,
+        onSelectChange: onSelectChange,
+        canSelection: canSelection,
+        selectionWithoutChecked: selectionWithoutChecked,
+        selectedRowDragging: selectedRowDragging,
+        setSelectedRowDragging: setSelectedRowDragging,
+        canRowDrag: canRowDrag,
+        dragBeforeStart: dragBeforeStart,
+        rowClassName: rowClassName,
+        cellClassName: cellClassName,
+        rowStyle: rowStyle,
+        getCellProps: getCellProps,
+        editting: !!editingRowId,
+        rowEditing: rowEditing,
+        renderSubComponent: renderSubComponent,
+        onRowMouseEnter: onRowMouseEnter,
+        onRowMouseLeave: onRowMouseLeave,
+        onRowMouseClick: onRowMouseClick,
+        onRowMouseDoubleClick: onRowMouseDoubleClick,
+        rowHeight: rowHeight,
+        disableDragRowIds: disableDragRowIds,
+        selectRowWhenClick: selectRowWhenClick,
+        handleEditRowWhenDClick: handleEditRowWhenDClick,
+        canEditRowWhenDClick: canEditRowWhenDClick,
+        onCellContextMenu: handleCellContextMenu,
+        getRowHoverTipConfig: getRowHoverTipConfig,
+        tableTooltip: tableTooltip,
+        changeHoverRow: changeHoverRow,
+        clearHoverRowIndex: clearHoverRowIndex,
+        hoverRowIndex: hoverRowIndex,
+        dropSide: dropSide,
+        onEditValueChange: onEditValueChange,
+        setRowSelection: setRowSelection,
+        openMemo: openMemo
+      }, row.id);
+    });
+  };
+  var tBodyHeight = useMemo(function () {
+    if (!openVirtualRows || !(rowVirtualizer !== null && rowVirtualizer !== void 0 && rowVirtualizer.getTotalSize())) return 'auto';
+    return (rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.getTotalSize()) + (hasTotalRow ? rowHeight : 0);
+  }, [openVirtualRows, hasTotalRow, rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.getTotalSize(), rowHeight]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [canRowDrag && !editingRowId && /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(CustomDragLayer, {
+      getCellProps: getCellProps,
+      rowClassName: rowClassName,
+      cellClassName: cellClassName,
+      rowStyle: rowStyle,
+      theme: theme,
+      rowSelectedId: rowSelectedId,
+      table: table,
+      tableId: tableId,
+      compactMode: compactMode
+    }), root ? document.querySelector(root) : document.body), showTable ? /*#__PURE__*/_jsx("div", {
+      className: "table-max-table-body-table-wrapper",
+      ref: dropTableEmptyRef
+      // style={{
+      //   height: `${rowVirtualizer.getTotalSize()}px`,
+      //   position: 'relative'
+      // }}
+      ,
+      children: /*#__PURE__*/_jsxs("table", {
+        children: [/*#__PURE__*/_jsx(ColGroup, {
+          leftPinnedColumns: leftPinnedColumns,
+          scrollableColumns: scrollableColumns,
+          rightPinnedColumns: rightPinnedColumns,
+          virtualColumns: virtualColumns,
+          virtualPaddingLeft: virtualPaddingLeft,
+          virtualPaddingRight: virtualPaddingRight
+        }), /*#__PURE__*/_jsxs("tbody", {
+          id: "table-max-tableBody-tbody-".concat(tableId),
+          style: {
+            position: openVirtualRows ? 'relative' : 'static',
+            height: tBodyHeight,
+            paddingBottom: openVirtualRows && hasTotalRow ? "".concat(rowHeight, "px") : 0
+          },
+          children: [openVirtualRows ? renderVirtualRows() : renderNormalRows(), hasTotalRow && /*#__PURE__*/_jsx(Total, {
+            table: table,
+            totalDatas: totalDatas,
+            rowHeight: rowHeight
+          })]
+        })]
+      })
+    }) : /*#__PURE__*/_jsx("div", {
+      className: "empty-container",
+      style: {
+        width: table.getTotalSize()
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        className: "empty-wrapper",
+        style: {
+          width: "".concat(tableContainerWidth - 10, "px")
+        },
+        children: loading ? /*#__PURE__*/_jsx(Spin, {}) : /*#__PURE__*/_jsx("span", {
+          className: "empty-content",
+          ref: dropEmptyRef,
+          children: /*#__PURE__*/_jsx(Empty, {})
+        })
+      })
+    }), /*#__PURE__*/_jsx(ContextMenu, _objectSpread(_objectSpread({}, contextMenuData), {}, {
+      onClickContextMenu: onClickContextMenu,
+      closeContextMenu: closeContextMenu
+    }))]
+  });
+};
+export { VirtualTableBody };

package/dist/components/TableMax/TableBody/components/Total.js

@@ -4,23 +4,49 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { getPinningStyle } from "../../TableHeader/utils";
+import { findHeaderByColumn, getPinningStyle } from "../../TableHeader/utils";
 import "../../TableBody/index.less";
+import { useVirtualConfig, useVirtualState } from "../../hooks/useVirtualScroll";
+
+// 虚拟填充组件
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-export var Total = function Total(_ref) {
-  var table = _ref.table,
-    totalDatas = _ref.totalDatas,
-    rowHeight = _ref.rowHeight;
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VirtualPadding = function VirtualPadding(_ref) {
+  var width = _ref.width,
+    type = _ref.type;
+  if (!width) return null;
+  return /*#__PURE__*/_jsx("td", {
+    style: {
+      width: "".concat(width, "px"),
+      // height: '100%',
+      padding: 0,
+      border: 'none'
+    },
+    className: "virtual-padding virtual-padding-".concat(type)
+  });
+};
+export var Total = function Total(_ref2) {
+  var table = _ref2.table,
+    totalDatas = _ref2.totalDatas,
+    rowHeight = _ref2.rowHeight;
   var footerGroups = table.getFooterGroups();
+  var state = useVirtualState();
+  var config = useVirtualConfig();
+  var leftPinnedColumns = state.leftPinnedColumns,
+    rightPinnedColumns = state.rightPinnedColumns,
+    scrollableColumns = state.scrollableColumns,
+    virtualColumns = state.virtualColumns,
+    virtualPaddingLeft = state.virtualPaddingLeft,
+    virtualPaddingRight = state.virtualPaddingRight;
 
-  // 公共样式对象，避免重复创建
+  // 公共样式对象
   var rowStyle = {
     width: '100%',
     position: 'sticky',
-    bottom: '-0.5px',
+    bottom: '0px',
     left: '0px',
-    zIndex: 200
+    zIndex: 202
   };
   var cellWrapperStyle = {
     boxSizing: 'border-box',
@@ -28,6 +54,57 @@ export var Total = function Total(_ref) {
     borderBottom: '1px solid var(--tableColor2)',
     height: "100%"
   };
+
+  // 统一的单元格渲染函数
+  var renderCell = function renderCell(header) {
+    var keySuffix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var headerId = header.id,
+      colSpan = header.colSpan;
+    var pinningStyle = getPinningStyle(header, table);
+    var cellStyle = _objectSpread(_objectSpread({}, pinningStyle), {}, {
+      height: "".concat(rowHeight - 1, "px")
+    });
+    return /*#__PURE__*/_jsx("td", {
+      colSpan: colSpan,
+      style: cellStyle,
+      className: "tbody-tr-td",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "table-max-cell-wrapper",
+        style: cellWrapperStyle,
+        children: totalDatas === null || totalDatas === void 0 ? void 0 : totalDatas[headerId]
+      })
+    }, "".concat(headerId).concat(keySuffix));
+  };
+
+  // 渲染普通列（非虚拟滚动）
+  var renderNormalColumns = function renderNormalColumns(headers) {
+    return headers.map(function (header) {
+      return renderCell(header);
+    });
+  };
+
+  // 渲染虚拟滚动列
+  var renderVirtualColumns = function renderVirtualColumns(footerGroup) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [leftPinnedColumns.map(function (column, index) {
+        var header = findHeaderByColumn(footerGroup, column);
+        return header ? renderCell(header, "-left-".concat(index)) : null;
+      }), /*#__PURE__*/_jsx(VirtualPadding, {
+        type: "left",
+        width: virtualPaddingLeft
+      }), virtualColumns.map(function (virtualColumn, index) {
+        var column = scrollableColumns[virtualColumn.index];
+        var header = findHeaderByColumn(footerGroup, column);
+        return header ? renderCell(header, "-virtual-".concat(index)) : null;
+      }), /*#__PURE__*/_jsx(VirtualPadding, {
+        type: "right",
+        width: virtualPaddingRight
+      }), rightPinnedColumns.map(function (column, index) {
+        var header = findHeaderByColumn(footerGroup, column);
+        return header ? renderCell(header, "-right-".concat(index)) : null;
+      })]
+    });
+  };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: footerGroups.map(function (footerGroup) {
       var id = footerGroup.id,
@@ -35,25 +112,7 @@ export var Total = function Total(_ref) {
       return /*#__PURE__*/_jsx("tr", {
         className: "tbody-tr",
         style: rowStyle,
-        children: headers.map(function (header) {
-          var headerId = header.id,
-            colSpan = header.colSpan;
-          var pinningStyle = getPinningStyle(header, table);
-          var cellStyle = _objectSpread(_objectSpread({}, pinningStyle), {}, {
-            height: "".concat(rowHeight - 1, "px")
-          });
-          var cellClassNames = ['tbody-tr-td'].filter(Boolean).join(' ');
-          return /*#__PURE__*/_jsx("td", {
-            colSpan: colSpan,
-            style: cellStyle,
-            className: cellClassNames,
-            children: /*#__PURE__*/_jsx("div", {
-              className: "table-max-cell-wrapper",
-              style: cellWrapperStyle,
-              children: totalDatas === null || totalDatas === void 0 ? void 0 : totalDatas[headerId]
-            })
-          }, headerId);
-        })
+        children: config.openVirtualColumns ? renderVirtualColumns(footerGroup) : renderNormalColumns(headers)
       }, id);
     })
   });

package/dist/components/TableMax/TableBody/index.d.ts

@@ -1,76 +1,4 @@
-import { Table } from '@tanstack/react-table';
-import { IMenuOptionsType, OnSelectChangeType } from "../type";
-import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
-import './index.less';
-type TableBodyPropsType = {
-    tableBodyRef: MutableRefObject<HTMLDivElement> | null;
-    tableContentRef: MutableRefObject<HTMLDivElement> | null;
-    table: Table<any>;
-    tableId: string;
-    theme: string;
-    reorderRow: any;
-    rowSelectedId: string;
-    setRowSelectedId: Dispatch<SetStateAction<string | undefined>>;
-    selectedRowChange: (row: any) => void;
-    onSelectChange: OnSelectChangeType;
-    canFilter: boolean;
-    canSelection: boolean;
-    selectionWithoutChecked?: boolean;
-    tableContainerWidth: number;
-    selectedRowDragging: boolean;
-    setSelectedRowDragging: Dispatch<SetStateAction<boolean>>;
-    rowHighLightId: string;
-    setRowHighLightId?: Dispatch<SetStateAction<string | undefined>>;
-    canRowDrag: boolean;
-    rowKey: string;
-    hasGroup: boolean;
-    tableDatas: any[];
-    canSorting: boolean;
-    loading: boolean;
-    rowClassName: (row: any) => string[];
-    cellClassName: (cell: any) => string[];
-    rowStyle: object;
-    getCellProps: (ctx: any) => object;
-    rowHeight: number;
-    renderSubComponent: (value: {
-        row: any;
-    }) => ReactNode;
-    onRowMouseEnter: (row: any) => void;
-    onRowMouseLeave: (row: any) => void;
-    onRowMouseClick: (row: any) => void;
-    onRowMouseDoubleClick: (row: any) => void;
-    enableFilters: boolean;
-    enableVirtualList: boolean;
-    disableDragRowIds: any[];
-    selectRowWhenClick: boolean;
-    datas: any[];
-    canEditRowWhenDClick: boolean;
-    editingRowId: string;
-    handleEditRowWhenDClick: (row: any) => void;
-    dragBeforeStart: (datas: any) => boolean;
-    /**右键菜单，配置后，开启右键菜单功能：点击右键时，获取菜单可选项 */
-    getContextMenu?: (params: {
-        row: any;
-        column: any;
-    }) => IMenuOptionsType;
-    /**点击菜单选项 */
-    onClickContextMenu?: (params: {
-        row: any;
-        column: any;
-        clickedMenuValue: any;
-    }) => void;
-    /**获取行hover时的tip信息 */
-    getRowHoverTipConfig?: (row: any) => {
-        title: string;
-        color: string;
-    };
-    tableTooltip: boolean;
-    compactMode: boolean;
-    onEditValueChange?: (field: string, value: any, extra?: any) => void;
-    hasTotalRow?: boolean;
-    totalDatas?: any[];
-    setRowSelection: Function;
-    openMemo?: boolean;
-};
-declare const TableBody: ({ tableBodyRef, table, tableId, theme, reorderRow, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, tableContainerWidth, selectedRowDragging, setSelectedRowDragging, canRowDrag, rowKey, loading, rowClassName, cellClassName, rowStyle, getCellProps, rowHeight, renderSubComponent, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, disableDragRowIds, selectRowWhenClick, datas, canEditRowWhenDClick, editingRowId, handleEditRowWhenDClick, dragBeforeStart, getContextMenu, onClickContextMenu, getRowHoverTipConfig, tableTooltip, compactMode, onEditValueChange, hasTotalRow, totalDatas, setRowSelection, openMemo }: TableBodyPropsType) => import("react/jsx-runtime").JSX.Element;
+import { TableBody } from './TableBody';
+export { VirtualTableBody } from './VirtualTableBody';
+export { OriginalTableBody } from './OriginalTableBody';
 export default TableBody;