@arim-aisdc/public-components 2.3.49 → 2.3.50

package/dist/components/TableMax/TableBody/{Row.d.ts → OriginalRow.d.ts}

@@ -58,5 +58,5 @@ type IRowProps = {
     setRowSelection?: Function;
     openMemo?: boolean;
 };
-declare const Row: ({ tableBodyRef, table, tableId, row, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, reorderRow, canRowDrag, rowClassName, cellClassName, rowStyle, getCellProps, editting, rowEditing, renderSubComponent, selectedRowDragging, setSelectedRowDragging, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, rowHeight, disableDragRowIds, selectRowWhenClick, handleEditRowWhenDClick, canEditRowWhenDClick, theme, dragBeforeStart, onCellContextMenu, getRowHoverTipConfig, tableTooltip, changeHoverRow, clearHoverRowIndex, hoverRowIndex, dropSide, onEditValueChange, setRowSelection, openMemo }: IRowProps) => import("react/jsx-runtime").JSX.Element;
-export default Row;
+declare const OriginalRow: ({ tableBodyRef, table, tableId, row, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, reorderRow, canRowDrag, rowClassName, cellClassName, rowStyle, getCellProps, editting, rowEditing, renderSubComponent, selectedRowDragging, setSelectedRowDragging, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, rowHeight, disableDragRowIds, selectRowWhenClick, handleEditRowWhenDClick, canEditRowWhenDClick, theme, dragBeforeStart, onCellContextMenu, getRowHoverTipConfig, tableTooltip, changeHoverRow, clearHoverRowIndex, hoverRowIndex, dropSide, onEditValueChange, setRowSelection, openMemo }: IRowProps) => import("react/jsx-runtime").JSX.Element;
+export { OriginalRow };

package/dist/components/TableMax/TableBody/{Row.js → OriginalRow.js}

@@ -30,7 +30,7 @@ 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 initselectedIndex;
-var Row = function Row(_ref) {
+var OriginalRow = function OriginalRow(_ref) {
   var _tableBodyRef$current, _tableBodyRef$current2;
   var tableBodyRef = _ref.tableBodyRef,
     table = _ref.table,
@@ -521,5 +521,5 @@ function isDateColumn(column) {
   var _column$meta;
   return (column === null || column === void 0 || (_column$meta = column.meta) === null || _column$meta === void 0 ? void 0 : _column$meta.isDate) || false;
 }
-export default Row;
+export { OriginalRow };
 // export default React.memo(Row);

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

@@ -0,0 +1,76 @@
+import { Table } from '@tanstack/react-table';
+import { IMenuOptionsType, OnSelectChangeType } from "../type";
+import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
+import './index.less';
+export 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 OriginalTableBody: ({ 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;
+export { OriginalTableBody };

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

@@ -0,0 +1,509 @@
+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, useMemo, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { useConfig } from "../../ConfigProvider";
+import Empty from "../../Empty";
+import { OriginalRow as Row } from "./OriginalRow";
+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 OriginalTableBody = function OriginalTableBody(_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(() => {
+  //   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 () {
+    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 { OriginalTableBody };

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

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

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

@@ -0,0 +1,15 @@
+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 React from 'react';
+import { useTableComponents } from "../hooks/useTableComponents";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var TableBody = function TableBody(props) {
+  var _useTableComponents = useTableComponents(),
+    BodyComponent = _useTableComponents.TableBody;
+  return /*#__PURE__*/_jsx(BodyComponent, _objectSpread({}, props));
+};
+export default TableBody;