@arim-aisdc/public-components 2.3.48 → 2.3.50

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

@@ -1,519 +1,4 @@
-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 { useVirtualizer } from "@tanstack/react-virtual";
-
-import { useDrop } from 'react-dnd';
-import { CustomDragLayer } from "../components/CustomDragerLayer";
-// import RowContent from "../components/RowContent";
-import { DropSide } from "../type";
-import { events, useEventBus } from "../../..";
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { useConfig } from "../../ConfigProvider";
-import Empty from "../../Empty";
-import Row from "./Row";
-import ContextMenu from "./contextMenu/ContextMenu";
-import "./index.less";
-import { Total } from "./components/Total";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var TableBody = function TableBody(_ref) {
-  var _headerGroups, _table$getRowModel$ro2;
-  var tableBodyRef = _ref.tableBodyRef,
-    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;
-  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 _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;
-    })) || [];
-    // console.log('hover :>> ', targetRowIndex, originRowIndex);
-    if (tableId === origin.sourceTableId && originRowIndexList.includes(targetRowIndex)) {
-      // hover在被拖动的行时，隐藏放置位置
-      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) {
-    // console.log('cell :>> ', 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
-    }));
-  }, []);
-  useEffect(function () {
-    console.log("emptyTheme-tableMax", theme);
-  }, [theme]);
-
-  // useEffect(() => {
-  //   if (tbodyRef.current) {
-  //     console.log('tbodyRef.current.scrollHeight', tbodyRef.current.scrollHeight)
-  //     console.log('tbodyRef.current.scrollTop', tbodyRef.current.scrollTop, scroll)
-  //     tbodyRef.current.scrollTop = scroll;
-  //   }
-  //   let ele = document.getElementById('tbody')
-  //   if (ele) {
-  //     console.log('4444444', ele, ele.scrollTop)
-  //     ele.scrollTop = scroll
-  //   }
-
-  // }, [scroll]);
-
-  // useLayoutEffect(() => {
-  //   if (theadRef.current) {
-  //     const theadHeight = theadRef.current.clientHeight;
-  //     theadHeight !== tableHeadHeight ? setTableHeadHeight(theadHeight) : null;
-  //   }
-  // }, [theadRef?.current, theadRef?.current?.clientHeight, enableFilters]);
-
-  // const scrollDataRef = useRef<any>({
-  //   scroll,
-  //   bodyContentHeight,
-  //   tableBodyHeight,
-  // });
-  // useLayoutEffect(() => {
-  //   scrollDataRef.current = {
-  //     scroll,
-  //     bodyContentHeight,
-  //     tableBodyHeight,
-  //   };
-  // }, [scroll, bodyContentHeight, tableBodyHeight]);
-  // // const handleWheel = (event: WheelEvent) => {
-  // //   const {
-  // //     scroll: refDataScroll,
-  // //     bodyContentHeight: refDataBodyContentHeight,
-  // //     tableBodyHeight: refDataTableBodyHeight,
-  // //   } = scrollDataRef.current;
-
-  // //   let newScroll = refDataScroll + event.deltaY || 0;
-  // //   const maxScroll = refDataBodyContentHeight - refDataTableBodyHeight;
-  // //   if (newScroll < 0) {
-  // //     newScroll = 0;
-  // //   } else if (newScroll > maxScroll) {
-  // //     newScroll = maxScroll;
-  // //   }
-  // //   setScroll?.(newScroll);
-
-  // //   if (!((refDataScroll == 0 && newScroll == 0) || (refDataScroll === maxScroll && newScroll === maxScroll))) {
-  // //     event.stopPropagation();
-  // //     event.preventDefault();
-  // //   }
-  // // };
-
-  // // table-body 监听滚轮事件
-  // // useEffect(() => {
-  // //   tbodyRef.current?.addEventListener('wheel', handleWheel, { passive: false });
-  // //   return () => tbodyRef.current?.removeEventListener('wheel', handleWheel, { passive: false });
-  // // }, [tbodyRef.current]);
-
-  // // 是否展开所有行
-  // useEffect(() => {
-  //   isAllRowExpanded && table?.toggleAllRowsExpanded();
-  // }, [isAllRowExpanded]);
-
-  // // 虚拟列表
-  // const rowVirtualizer = useVirtualizer({
-  //   count: rows.length, // 数据总条数
-  //   getScrollElement: () => tbodyRef.current, // 外层滚动的dom元素
-  //   estimateSize: () => rowHeight, // 每一行的预估高度值
-  //   overscan: enableVirtualList ? 5 : 9999, // 上下额外展示的数据量
-  // });
-
-  // const rowVirtualizerTotalHeight = rowVirtualizer.getTotalSize();
-
-  // // 展开状态变化之后重新设定table内容高度（不能作用于left\right-table)
-  // useLayoutEffect(() => {
-  //   // if (position !== 'Left' && position !== 'Right') {
-  //   rowVirtualizerTotalHeight && setBodyContentHeight(rowVirtualizerTotalHeight);
-  //   // }
-  // }, [rowVirtualizerTotalHeight]);
-
-  // console.log('object', rowVirtualizer.getVirtualItems(), rows);
-
-  var _useDrop = useDrop({
-      accept: 'TABLE_ROW',
-      drop: function drop(formDatas) {
-        // console.log('drop-empty did');
-        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()) {
-          // drop到内部的row时，这里不再处理
-          // console.log('drop-table-empty stop');
-          return undefined;
-        }
-        // console.log('drop-table-empty did');
-        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 LoadingAndEmptyContent = function LoadingAndEmptyContent() {
-    console.log('emptyTheme0');
-    return /*#__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, {})
-        })
-      })
-    });
-  };
-  var TBodyContent = function TBodyContent() {
-    return table.getRowModel().rows.map(function (row) {
-      // 当前行是否编辑中
-      var rowEditing = row.id === editingRowId;
-      return /*#__PURE__*/_jsx(Row, {
-        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 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]);
-
-  // console.log('rowHeight :>>', rowHeight);
-
-  var TableRow = useMemo(function () {
-    console.log(table.getRowModel().rows, 'TableRow');
-    return table.getRowModel().rows;
-  }, [table, table.getState().rowSelection]);
-  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
-      }),
-      // document.body,
-      root ? document.querySelector(root) : document.body), showTable ? /*#__PURE__*/_jsx("div", {
-        className: "table-max-table-body-table-wrapper",
-        ref: dropTableEmptyRef,
-        children: /*#__PURE__*/_jsxs("table", {
-          children: [/*#__PURE__*/_jsx("colgroup", {
-            children: headers.map(function (header) {
-              var _header$column;
-              var size = (header === null || header === void 0 || (_header$column = header.column) === null || _header$column === void 0 ? void 0 : _header$column.getSize()) || 120;
-              return /*#__PURE__*/_jsx("col", {
-                width: size
-              }, header.id);
-            })
-          }), /*#__PURE__*/_jsxs("tbody", {
-            id: "table-max-tableBody-tbody-".concat(tableId),
-            children: [table.getRowModel().rows.map(function (row) {
-              // 当前行是否编辑中
-              var rowEditing = row.id === editingRowId;
-              return /*#__PURE__*/_jsx(Row, {
-                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);
-            })
-            // TBodyContent()
-            , /*#__PURE__*/_jsx(_Fragment, {
-              children: 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, {})
-          })
-        })
-      })
-      // LoadingAndEmptyContent()
-      , /*#__PURE__*/_jsx(ContextMenu, _objectSpread(_objectSpread({}, contextMenuData), {}, {
-        onClickContextMenu: onClickContextMenu,
-        closeContextMenu: closeContextMenu
-      }))]
-    })
-  );
-};
-export default TableBody;
-// export default React.memo(TableBody, (prev, next) => prev.table.getState() !== next.table.getState() );
-
-// export const MemoizedTableBody = React.memo(
-//   TableBody,
-//   (prev, next) => prev.table.options.data === next.table.options.data
-// ) as typeof TableBody
+import { TableBody } from "./TableBody";
+export { VirtualTableBody } from "./VirtualTableBody";
+export { OriginalTableBody } from "./OriginalTableBody";
+export default TableBody;

package/dist/components/TableMax/TableBody/index.less

@@ -16,14 +16,26 @@ table {
   transition: left, top;
   transition-duration: 0.6s;
   background-color: @globalColor0;
-  border-bottom: 1px solid @tableColor2;
+  position: relative;
+  // border-bottom: 1px solid @tableColor2;
+
+    &::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 1px;
+    background-color: var(--tableColor2);
+    z-index: 201;
+  }
 }
 .tbody-tr-highlight {
   // display: flex;
   transition: left, top;
   transition-duration: 0.6s;
   background-color: @rowHoverBackgroundColor;
-  border-bottom: 1px solid @tableColor2;
+  // border-bottom: 1px solid @tableColor2;
 }
 
 .tbody-tr-td-editting {

package/dist/components/TableMax/TableHeader/OriginalTableHeader.d.ts

@@ -0,0 +1,21 @@
+import { ColumnResizeMode } from '@tanstack/react-table';
+import { MutableRefObject } from 'react';
+import { TableMaxColumnType } from '../type';
+import './index.less';
+export type TableHeaderProps = {
+    table: any;
+    tableContentRef: MutableRefObject<HTMLDivElement> | null;
+    canFilter?: boolean;
+    enableFilters?: boolean;
+    canSorting?: boolean;
+    rowHeight?: number;
+    hasGroup?: boolean;
+    getHeaderCellProps?: (columns: TableMaxColumnType[]) => object;
+    columnResizeMode: ColumnResizeMode;
+    disableColumnDrag?: boolean;
+    headerRowNum: number;
+    manualFiltering: boolean;
+    getDynamicFilterOptionsFn?: Function;
+};
+declare const OriginalTableHeader: ({ tableContentRef, table, canFilter, enableFilters, canSorting, hasGroup, getHeaderCellProps, columnResizeMode, disableColumnDrag, rowHeight, headerRowNum, manualFiltering, getDynamicFilterOptionsFn }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { OriginalTableHeader };

package/dist/components/TableMax/TableHeader/OriginalTableHeader.js

@@ -0,0 +1,86 @@
+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); }
+import Cell from "./Cell";
+import "./index.less";
+import { getPinningStyle } from "./utils";
+import { useWhyDidYouUpdate } from 'ahooks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var OriginalTableHeader = function OriginalTableHeader(_ref) {
+  var _headerGroups;
+  var tableContentRef = _ref.tableContentRef,
+    table = _ref.table,
+    canFilter = _ref.canFilter,
+    enableFilters = _ref.enableFilters,
+    canSorting = _ref.canSorting,
+    hasGroup = _ref.hasGroup,
+    getHeaderCellProps = _ref.getHeaderCellProps,
+    columnResizeMode = _ref.columnResizeMode,
+    disableColumnDrag = _ref.disableColumnDrag,
+    rowHeight = _ref.rowHeight,
+    headerRowNum = _ref.headerRowNum,
+    manualFiltering = _ref.manualFiltering,
+    getDynamicFilterOptionsFn = _ref.getDynamicFilterOptionsFn;
+  var headerGroups = table.getHeaderGroups();
+  var headers = (headerGroups === null || headerGroups === void 0 || (_headerGroups = headerGroups[headerGroups.length - 1]) === null || _headerGroups === void 0 ? void 0 : _headerGroups.headers) || [];
+  useWhyDidYouUpdate('useWhyDidYouUpdate', {
+    tableContentRef: tableContentRef,
+    table: table,
+    canFilter: canFilter,
+    enableFilters: enableFilters,
+    canSorting: canSorting,
+    hasGroup: hasGroup,
+    getHeaderCellProps: getHeaderCellProps,
+    columnResizeMode: columnResizeMode,
+    disableColumnDrag: disableColumnDrag,
+    rowHeight: rowHeight,
+    headerRowNum: headerRowNum,
+    manualFiltering: manualFiltering
+  });
+  return /*#__PURE__*/_jsxs("table", {
+    children: [/*#__PURE__*/_jsx("colgroup", {
+      children: headers.map(function (header) {
+        var _header$column;
+        var size = (header === null || header === void 0 || (_header$column = header.column) === null || _header$column === void 0 ? void 0 : _header$column.getSize()) || 120;
+        return /*#__PURE__*/_jsx("col", {
+          width: size
+        }, header.id);
+      })
+    }), /*#__PURE__*/_jsx("thead", {
+      children: headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map(function (headerGroup) {
+        return /*#__PURE__*/_jsx("tr", {
+          className: "table-thead-tr cus-table-thead-tr",
+          style: {
+            height: hasGroup && headerGroup.depth === 0 ? "".concat(rowHeight, "px") : 'auto',
+            width: '100%'
+          },
+          children: headerGroup.headers.map(function (header) {
+            return /*#__PURE__*/_jsx("th", {
+              colSpan: header.colSpan,
+              style: _objectSpread({}, getPinningStyle(header, table, true)),
+              children: header.isPlaceholder || header.id === 'placeholder-column' ? null : /*#__PURE__*/_jsx(Cell, {
+                tableContentRef: tableContentRef,
+                header: header,
+                table: table,
+                hasGroup: hasGroup,
+                canSorting: canSorting,
+                getHeaderCellProps: getHeaderCellProps,
+                columnResizeMode: columnResizeMode,
+                disableColumnDrag: disableColumnDrag,
+                headerRowNum: headerRowNum,
+                canFilter: canFilter,
+                manualFiltering: manualFiltering,
+                getDynamicFilterOptionsFn: getDynamicFilterOptionsFn
+              }, header.id)
+            }, header.id);
+          })
+        }, headerGroup.id);
+      })
+    })]
+  });
+};
+export { OriginalTableHeader };

package/dist/components/TableMax/TableHeader/TableHeader.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TableHeader: React.FC<any>;