@arim-aisdc/public-components 2.3.30 → 2.3.32

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

@@ -0,0 +1,64 @@
+import { DropSide, OnSelectChangeType } from "../type";
+import { Table } from '@tanstack/react-table';
+import React, { Dispatch, ReactNode, SetStateAction } from 'react';
+import './index.less';
+type IRowProps = {
+    table: Table<any>;
+    tableId: string;
+    row: any;
+    rowSelectedId?: string;
+    setRowSelectedId?: Dispatch<SetStateAction<string | undefined>>;
+    rowHighLightId: string;
+    setRowHighLightId?: Dispatch<SetStateAction<string | undefined>>;
+    selectedRowChange?: (row: any) => void;
+    onSelectChange?: OnSelectChangeType;
+    tableBodyRef: any;
+    canSelection?: boolean;
+    selectionWithoutChecked?: boolean;
+    reorderRow?: (targetRowIndex: any, draggedRowIndex: any) => void;
+    canRowDrag?: boolean;
+    rowClassName?: (row: any) => string[];
+    cellClassName?: (cell: any) => string[];
+    rowStyle?: object;
+    getCellProps?: (ctx: any) => object;
+    editting?: boolean;
+    rowEditing?: boolean;
+    renderSubComponent?: (value: {
+        row: any;
+    }) => ReactNode;
+    selectedRowDragging?: boolean;
+    setSelectedRowDragging?: Dispatch<SetStateAction<boolean>>;
+    onRowMouseEnter?: (row: any) => void;
+    onRowMouseLeave?: (row: any) => void;
+    onRowMouseClick?: (row: any) => void;
+    onRowMouseDoubleClick?: (row: any) => void;
+    rowHeight: number;
+    disableDragRowIds?: any[];
+    selectRowWhenClick: boolean;
+    handleEditRowWhenDClick: (row: any) => void;
+    canEditRowWhenDClick: boolean;
+    theme: string;
+    dragBeforeStart?: (datas: any) => boolean;
+    rowKey?: string;
+    shadowColumnInfo: {
+        leftLastColumnId: string;
+        rightFirstColumnId: string;
+    };
+    onCellContextMenu: (e: React.MouseEvent, cell: any) => void;
+    /**获取行hover时的tip信息 */
+    getRowHoverTipConfig?: (row: any) => {
+        title: string;
+        color: string;
+    };
+    tableTooltip: boolean;
+    changeHoverRow: (params: {
+        target?: any;
+        origin?: any;
+    }) => void;
+    clearHoverRowIndex: () => void;
+    hoverRowIndex: number;
+    dropSide: DropSide;
+    onEditValueChange?: (field: string, value: any, extra?: any) => void;
+};
+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, shadowColumnInfo, onCellContextMenu, getRowHoverTipConfig, tableTooltip, changeHoverRow, clearHoverRowIndex, hoverRowIndex, dropSide, onEditValueChange, }: IRowProps) => import("react/jsx-runtime").JSX.Element;
+export default Row;

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

@@ -0,0 +1,429 @@
+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 { DropSide } from "../type";
+import { flexRender } from '@tanstack/react-table';
+import { useUpdateEffect } from 'ahooks';
+import { Tooltip } from 'antd';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useDrag, useDrop } from 'react-dnd';
+import { getEmptyImage } from 'react-dnd-html5-backend';
+import { getPinningStyle } from "../TableHeader/utils";
+import { EditableCell } from "../components/ColumnEdit";
+import "./index.less";
+import dayjs from 'dayjs';
+import { useConfig } from "../../ConfigProvider";
+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 _row2, _tableBodyRef$current, _tableBodyRef$current2;
+  var tableBodyRef = _ref.tableBodyRef,
+    table = _ref.table,
+    tableId = _ref.tableId,
+    row = _ref.row,
+    rowSelectedId = _ref.rowSelectedId,
+    setRowSelectedId = _ref.setRowSelectedId,
+    rowHighLightId = _ref.rowHighLightId,
+    setRowHighLightId = _ref.setRowHighLightId,
+    selectedRowChange = _ref.selectedRowChange,
+    onSelectChange = _ref.onSelectChange,
+    canSelection = _ref.canSelection,
+    selectionWithoutChecked = _ref.selectionWithoutChecked,
+    reorderRow = _ref.reorderRow,
+    canRowDrag = _ref.canRowDrag,
+    rowClassName = _ref.rowClassName,
+    cellClassName = _ref.cellClassName,
+    rowStyle = _ref.rowStyle,
+    getCellProps = _ref.getCellProps,
+    editting = _ref.editting,
+    rowEditing = _ref.rowEditing,
+    renderSubComponent = _ref.renderSubComponent,
+    selectedRowDragging = _ref.selectedRowDragging,
+    setSelectedRowDragging = _ref.setSelectedRowDragging,
+    onRowMouseEnter = _ref.onRowMouseEnter,
+    onRowMouseLeave = _ref.onRowMouseLeave,
+    onRowMouseClick = _ref.onRowMouseClick,
+    onRowMouseDoubleClick = _ref.onRowMouseDoubleClick,
+    rowHeight = _ref.rowHeight,
+    disableDragRowIds = _ref.disableDragRowIds,
+    selectRowWhenClick = _ref.selectRowWhenClick,
+    handleEditRowWhenDClick = _ref.handleEditRowWhenDClick,
+    canEditRowWhenDClick = _ref.canEditRowWhenDClick,
+    theme = _ref.theme,
+    dragBeforeStart = _ref.dragBeforeStart,
+    shadowColumnInfo = _ref.shadowColumnInfo,
+    onCellContextMenu = _ref.onCellContextMenu,
+    getRowHoverTipConfig = _ref.getRowHoverTipConfig,
+    tableTooltip = _ref.tableTooltip,
+    changeHoverRow = _ref.changeHoverRow,
+    clearHoverRowIndex = _ref.clearHoverRowIndex,
+    hoverRowIndex = _ref.hoverRowIndex,
+    dropSide = _ref.dropSide,
+    onEditValueChange = _ref.onEditValueChange;
+  var dropPreviewLineClassName = useMemo(function () {
+    if (hoverRowIndex === row.index) {
+      return dropSide === DropSide.Top ? 'showTopBorder' : 'showBottomBorder';
+    } else {
+      return '';
+    }
+  }, [hoverRowIndex, dropSide]);
+  var timerRef = useRef();
+  var _useDrop = useDrop({
+      accept: 'TABLE_ROW',
+      drop: function drop(formDatas
+      //  monitor
+      ) {
+        clearHoverRowIndex();
+        return reorderRow === null || reorderRow === void 0 ? void 0 : reorderRow(formDatas, {
+          hoverRow: row,
+          targetTableId: tableId
+        });
+      },
+      hover: function hover(item, monitor) {
+        if (monitor.isOver() && monitor.canDrop()) {
+          changeHoverRow({
+            target: row,
+            origin: item
+          });
+        }
+      }
+    }),
+    _useDrop2 = _slicedToArray(_useDrop, 2),
+    dropRef = _useDrop2[1];
+  // const [centerSubRowHeight, setCenterSubRowHeight] = useState();
+  // const centerSubRowRef: any = useRef(null);
+
+  var _useDrag = useDrag({
+      collect: function collect(monitor) {
+        return {
+          isDragging: monitor !== null && monitor !== void 0 && monitor.getItem() ? dragBeforeStart === null || dragBeforeStart === void 0 ? void 0 : dragBeforeStart(monitor === null || monitor === void 0 ? void 0 : monitor.getItem()) : monitor.isDragging()
+        };
+      },
+      item: function item() {
+        var _table$getSelectedRow;
+        var selectedRows = ((_table$getSelectedRow = table.getSelectedRowModel()) === null || _table$getSelectedRow === void 0 ? void 0 : _table$getSelectedRow.rows) || [];
+        var selectedRowsNumber = (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) || 0;
+        var selectedRowsIndexList = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (row) {
+          return row.index;
+        });
+        var isMultipleDrag = selectedRowsNumber > 1 && selectedRowsIndexList.includes(row.index);
+        return {
+          draggedRow: row,
+          isMultipleDrag: isMultipleDrag,
+          draggedRows: isMultipleDrag ? selectedRows : [row],
+          sourceTableId: tableId
+        };
+      },
+      type: 'TABLE_ROW'
+    }),
+    _useDrag2 = _slicedToArray(_useDrag, 3),
+    isDragging = _useDrag2[0].isDragging,
+    dragRef = _useDrag2[1],
+    preview = _useDrag2[2];
+  useEffect(function () {
+    // 隐藏拖拽dom
+    if (canRowDrag) {
+      preview(getEmptyImage(), {
+        captureDraggingState: true
+      });
+    }
+  }, [canRowDrag]);
+
+  // useEffect(() => {
+  //   setCenterSubRowHeight(centerSubRowRef?.current?.clientHeight);
+  //   console.log('centerSubRowRef?.current?.clientHeight=====', position, row, centerSubRowRef?.current?.clientHeight)
+  // }, [centerSubRowRef?.current?.clientHeight, position]);
+
+  useEffect(function () {
+    if (setSelectedRowDragging && row.getIsSelected()) {
+      setSelectedRowDragging(isDragging);
+    }
+  }, [isDragging, row.getIsSelected()]);
+  useUpdateEffect(function () {
+    // 鼠标移出，清除border
+    if (!isDragging) {
+      clearHoverRowIndex();
+    }
+  }, [isDragging]);
+  var rowClickHandler = function rowClickHandler(evt) {
+    // 触发单击事件
+    onRowMouseClick === null || onRowMouseClick === void 0 || onRowMouseClick(row);
+    if (!row.getCanSelect()) {
+      return;
+    }
+    if (canSelection && !selectRowWhenClick) {
+      setRowHighLightId(row.id);
+      return;
+    }
+    // 多选
+    if (canSelection) {
+      // 不展示多选框
+      if (selectionWithoutChecked) {
+        if (evt.ctrlKey) {
+          var selectionConfig = _objectSpread({}, table.getState().rowSelection);
+          if (!row.getIsSelected()) {
+            selectionConfig[row.id] = true;
+          } else {
+            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+            selectionConfig[row.id] && Object.keys(selectionConfig).length > 1 && delete selectionConfig[row.id];
+          }
+          table === null || table === void 0 || table.setRowSelection(_objectSpread({}, selectionConfig));
+        } else if (evt.shiftKey) {
+          var _table$getRowModel$ro;
+          var _selectionConfig = {};
+          var min = Math.min(initselectedIndex || 0, row.index);
+          var max = Math.max(initselectedIndex || 0, row.index);
+          // console.log(selectionConfig, table.getRowModel(), 'selectionConfig');
+          var newSelectedRowIds = ((_table$getRowModel$ro = table.getRowModel().rows.filter(function (row) {
+            return row.index >= min && row.index <= max;
+          })) === null || _table$getRowModel$ro === void 0 ? void 0 : _table$getRowModel$ro.map(function (row) {
+            return row.id;
+          })) || [];
+          for (var i = 0; i <= newSelectedRowIds.length; i++) {
+            _selectionConfig[newSelectedRowIds[i]] = true;
+          }
+          table === null || table === void 0 || table.setRowSelection(_selectionConfig);
+        } else {
+          initselectedIndex = row.index;
+          table === null || table === void 0 || table.setRowSelection(_defineProperty({}, row === null || row === void 0 ? void 0 : row.id, true));
+        }
+      }
+      // 展示多选框
+      else {
+        if (evt.shiftKey) {
+          var _table$getRowModel$ro2;
+          // console.log('table.getState().rowSelection :>> ', table.getState().rowSelection);
+          var _selectionConfig2 = _objectSpread({}, table.getState().rowSelection);
+          var _min = Math.min(initselectedIndex || 0, row.index);
+          var _max = Math.max(initselectedIndex || 0, row.index);
+          // console.log(selectionConfig, table.getRowModel(), 'selectionConfig');
+          var _newSelectedRowIds = ((_table$getRowModel$ro2 = table.getRowModel().rows.filter(function (row) {
+            return row.index >= _min && row.index <= _max;
+          })) === null || _table$getRowModel$ro2 === void 0 ? void 0 : _table$getRowModel$ro2.map(function (row) {
+            return row.id;
+          })) || [];
+          for (var _i = 0; _i <= _newSelectedRowIds.length; _i++) {
+            _selectionConfig2[_newSelectedRowIds[_i]] = true;
+          }
+          table === null || table === void 0 || table.setRowSelection(_selectionConfig2);
+        } else {
+          if (!row.getIsSelected()) {
+            initselectedIndex = row.index;
+          }
+          var _selectionConfig3 = _objectSpread(_objectSpread({}, table.getState().rowSelection), {}, _defineProperty({}, row.id, !row.getIsSelected()));
+          // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+          row.getCanSelect() && (table === null || table === void 0 ? void 0 : table.setRowSelection(_selectionConfig3));
+        }
+      }
+    }
+    // 单选
+    else {
+      setRowSelectedId === null || setRowSelectedId === void 0 || setRowSelectedId(row === null || row === void 0 ? void 0 : row.id);
+      selectedRowChange === null || selectedRowChange === void 0 || selectedRowChange(row);
+      onSelectChange === null || onSelectChange === void 0 || onSelectChange(row, row === null || row === void 0 ? void 0 : row.original, true, evt);
+    }
+  };
+  var rowClickOrDoubleClick = function rowClickOrDoubleClick(e) {
+    // console.log('rowClickOrDoubleClick');
+    if (editting) return;
+    if (onRowMouseDoubleClick || canEditRowWhenDClick) {
+      // 监听了双击事件 | 双击可以编辑行
+      if (!timerRef.current) {
+        timerRef.current = setTimeout(function () {
+          rowClickHandler(e);
+          clearTimeout(timerRef.current);
+          timerRef.current = undefined;
+        }, 300);
+      } else {
+        clearTimeout(timerRef.current);
+        timerRef.current = undefined;
+        onRowMouseDoubleClick === null || onRowMouseDoubleClick === void 0 || onRowMouseDoubleClick(row);
+        if (canEditRowWhenDClick) {
+          handleEditRowWhenDClick(row);
+        }
+      }
+    } else {
+      // 没有监听双击事件，直接触发单击逻辑
+      rowClickHandler(e);
+    }
+  };
+  var rowMouseEnter = function rowMouseEnter() {
+    onRowMouseEnter === null || onRowMouseEnter === void 0 || onRowMouseEnter(row);
+  };
+  var rowMouseLeave = function rowMouseLeave() {
+    onRowMouseLeave === null || onRowMouseLeave === void 0 || onRowMouseLeave(row);
+  };
+  var handleCellRightClick = function handleCellRightClick(e, cell) {
+    onCellContextMenu(e, cell);
+  };
+  var leftLastColumnId = shadowColumnInfo.leftLastColumnId,
+    rightFirstColumnId = shadowColumnInfo.rightFirstColumnId;
+  var _useState = useState({
+      title: ' ',
+      color: ''
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    tooltipConfig = _useState2[0],
+    setTooltipConfig = _useState2[1];
+  var onOpenChange = function onOpenChange(open) {
+    if (open) {
+      setTooltipConfig(getRowHoverTipConfig(row.original));
+    }
+  };
+
+  // 高亮色
+  var highLightClassName = useMemo(function () {
+    if (!canSelection && String(row.id) === String(rowSelectedId)) {
+      // 单选，选中用高亮色显示
+      return 'tbody-tr-highlight';
+    } else if (canSelection) {
+      // 多选
+      if (String(row.id) === String(rowHighLightId)) {
+        // 高亮状态
+        return 'tbody-tr-highlight';
+      } else if (row.getIsSelected()) {
+        // checked选中用选中色
+        return 'tbody-tr-selected';
+      }
+    }
+    return '';
+  }, [row.id, row.getIsSelected(), rowSelectedId, selectRowWhenClick, rowHighLightId, canSelection]);
+
+  // console.log('row render');
+
+  var rowCom = function rowCom() {
+    var _row;
+    var _useConfig = useConfig(),
+      dateFormat = _useConfig.dateFormat;
+    return /*#__PURE__*/_jsx("tr", {
+      id: rowEditing ? "".concat(tableId, "-tbody-tr-editing") : undefined,
+      ref: function ref(node) {
+        dropRef(node && !editting ? node : null);
+        dragRef(node && canRowDrag && !editting && !(disableDragRowIds !== null && disableDragRowIds !== void 0 && disableDragRowIds.includes(row.id)) ? node : null);
+      },
+      style: _objectSpread({
+        opacity: isDragging || selectedRowDragging && row.getIsSelected() ? 0.5 : 1,
+        cursor: canRowDrag && !editting && !(disableDragRowIds !== null && disableDragRowIds !== void 0 && disableDragRowIds.includes(row.id)) ? 'move' : 'auto'
+      }, rowStyle),
+      onClick: rowClickOrDoubleClick,
+      onMouseEnter: rowMouseEnter,
+      onMouseLeave: rowMouseLeave,
+      className: "tbody-tr ".concat(highLightClassName, " ").concat(dropPreviewLineClassName, " ").concat((rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(row).map(function (item) {
+        return "".concat(item, "-").concat(theme);
+      }).join(' ')) || ''),
+      children: (_row = row["getVisibleCells"]) === null || _row === void 0 ? void 0 : _row.call(row).map(function (cell) {
+        var _cell$column$columnDe = cell.column.columnDef,
+          columnEditable = _cell$column$columnDe.editable,
+          accessorKey = _cell$column$columnDe.accessorKey,
+          header = _cell$column$columnDe.header,
+          columnClassName = _cell$column$columnDe.columnClassName,
+          id = _cell$column$columnDe.id,
+          filterType = _cell$column$columnDe.filterType;
+        // 当前列是否编辑中
+        var columnEditing = rowEditing && columnEditable;
+        // const cellValue = cell.getValue();
+
+        // const cellRenderer = cell.column.columnDef.cell;
+        // const formattedValue = isDateColumn(cell.column.columnDef)
+        //   ? formatDate(cellValue, cell.column.columnDef?.meta?.dateFormat)
+        //   : cellValue;
+
+        var originalContext = cell.getContext();
+        var rawValue = originalContext.getValue();
+
+        // 创建增强上下文
+        var enhancedContext = _objectSpread(_objectSpread({}, originalContext), {}, {
+          // 原始值获取
+          getValue: function getValue() {
+            return rawValue;
+          },
+          // 格式化值获取
+          getFormattedValue: function getFormattedValue() {
+            var _cell$column$columnDe2;
+            return isDateColumn(cell.column.columnDef) ? formatDate(rawValue, ((_cell$column$columnDe2 = cell.column.columnDef) === null || _cell$column$columnDe2 === void 0 || (_cell$column$columnDe2 = _cell$column$columnDe2.meta) === null || _cell$column$columnDe2 === void 0 ? void 0 : _cell$column$columnDe2.dateFormat) || dateFormat) : rawValue;
+          },
+          // 默认渲染使用格式化值
+          renderValue: function renderValue() {
+            return enhancedContext.getFormattedValue();
+          }
+        });
+        return /*#__PURE__*/_jsx("td", _objectSpread(_objectSpread({
+          className: "".concat(columnEditing ? 'tbody-tr-td-editting' : '', " ").concat(id === leftLastColumnId ? 'tbody-tr-td-cell-fix-left-last' : '', " ").concat(id === rightFirstColumnId ? 'tbody-tr-td-cell-fix-right-first' : '', " ").concat(columnClassName ? columnClassName.join(' ') : '', " ").concat((cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(cell).map(function (item) {
+            return "".concat(item, "-").concat(theme);
+          })) || '', " tbody-tr-td"),
+          style: _objectSpread({
+            height: rowHeight - 1
+          }, getPinningStyle(cell, table, false)),
+          onContextMenu: function onContextMenu(e) {
+            return handleCellRightClick(e, cell);
+          }
+        }, getCellProps === null || getCellProps === void 0 ? void 0 : getCellProps(cell.getContext())), {}, {
+          children: EditableCell(_objectSpread(_objectSpread({}, cell.column.columnDef), {}, {
+            tableTooltip: tableTooltip,
+            editing: columnEditing,
+            dataIndex: accessorKey,
+            title: header,
+            onEditValueChange: onEditValueChange,
+            children: flexRender(cell.column.columnDef.cell, enhancedContext)
+          }))
+        }), cell.id);
+      })
+    });
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [!!getRowHoverTipConfig ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipConfig), {}, {
+      onOpenChange: onOpenChange,
+      destroyTooltipOnHide: {
+        keepParent: false
+      },
+      overlayClassName: "table-max-row-tooltip-wrapper",
+      getPopupContainer: function getPopupContainer() {
+        return tableBodyRef.current || document.body;
+      },
+      children: rowCom()
+    })) : rowCom(), row.getIsExpanded() && /*#__PURE__*/_jsx("tr", {
+      className: "tbody-tr-subrow",
+      children: /*#__PURE__*/_jsx("td", {
+        colSpan: (_row2 = row["getVisibleCells"]) === null || _row2 === void 0 ? void 0 : _row2.call(row).length,
+        style: {
+          padding: 0
+        },
+        children: !!(tableBodyRef !== null && tableBodyRef !== void 0 && (_tableBodyRef$current = tableBodyRef.current) !== null && _tableBodyRef$current !== void 0 && _tableBodyRef$current.clientWidth) && /*#__PURE__*/_jsx("div", {
+          id: "".concat(tableId, "_expand-table"),
+          className: "subRowWrapper",
+          style: {
+            width: "".concat(tableBodyRef === null || tableBodyRef === void 0 || (_tableBodyRef$current2 = tableBodyRef.current) === null || _tableBodyRef$current2 === void 0 ? void 0 : _tableBodyRef$current2.clientWidth, "px")
+          },
+          children: renderSubComponent && renderSubComponent({
+            row: row
+          })
+        })
+      })
+    })]
+  });
+};
+// export default React.memo(Row);
+export default Row;
+function formatDate(dateValue) {
+  var pattern = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "YYYY-MM-DD HH:mm";
+  if (!dateValue) return '';
+  var date = dayjs(dateValue);
+  if (!date.isValid()) return 'Invalid Date';
+  // console.log(date.format(pattern), pattern, 'pattern')
+  return date.format(pattern);
+}
+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;
+}

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

@@ -59,6 +59,7 @@ type IRowProps = {
     hoverRowIndex: number;
     dropSide: DropSide;
     onEditValueChange?: (field: string, value: any, extra?: any) => void;
+    setRowSelection?: Function;
 };
-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, shadowColumnInfo, onCellContextMenu, getRowHoverTipConfig, tableTooltip, changeHoverRow, clearHoverRowIndex, hoverRowIndex, dropSide, onEditValueChange, }: IRowProps) => import("react/jsx-runtime").JSX.Element;
+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, shadowColumnInfo, onCellContextMenu, getRowHoverTipConfig, tableTooltip, changeHoverRow, clearHoverRowIndex, hoverRowIndex, dropSide, onEditValueChange, setRowSelection }: IRowProps) => import("react/jsx-runtime").JSX.Element;
 export default Row;

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

@@ -1,4 +1,8 @@
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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; }
@@ -14,7 +18,7 @@ import { DropSide } from "../type";
 import { flexRender } from '@tanstack/react-table';
 import { useUpdateEffect } from 'ahooks';
 import { Tooltip } from 'antd';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
 import { getEmptyImage } from 'react-dnd-html5-backend';
 import { getPinningStyle } from "../TableHeader/utils";
@@ -27,7 +31,7 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var initselectedIndex;
 var Row = function Row(_ref) {
-  var _row2, _tableBodyRef$current, _tableBodyRef$current2;
+  var _tableBodyRef$current, _tableBodyRef$current2;
   var tableBodyRef = _ref.tableBodyRef,
     table = _ref.table,
     tableId = _ref.tableId,
@@ -70,20 +74,45 @@ var Row = function Row(_ref) {
     clearHoverRowIndex = _ref.clearHoverRowIndex,
     hoverRowIndex = _ref.hoverRowIndex,
     dropSide = _ref.dropSide,
-    onEditValueChange = _ref.onEditValueChange;
+    onEditValueChange = _ref.onEditValueChange,
+    setRowSelection = _ref.setRowSelection;
+  var _useConfig = useConfig(),
+    dateFormat = _useConfig.dateFormat;
+  var timerRef = useRef();
+  var clickCountRef = useRef(0);
+
+  // 优化：使用useMemo缓存计算结果
   var dropPreviewLineClassName = useMemo(function () {
     if (hoverRowIndex === row.index) {
       return dropSide === DropSide.Top ? 'showTopBorder' : 'showBottomBorder';
-    } else {
-      return '';
     }
-  }, [hoverRowIndex, dropSide]);
-  var timerRef = useRef();
+    return '';
+  }, [hoverRowIndex, dropSide, row.index]);
+  var highLightClassName = useMemo(function () {
+    if (!canSelection && String(row.id) === String(rowSelectedId)) {
+      return 'tbody-tr-highlight';
+    } else if (canSelection) {
+      if (String(row.id) === String(rowHighLightId)) {
+        return 'tbody-tr-highlight';
+      } else if (row.getIsSelected()) {
+        return 'tbody-tr-selected';
+      }
+    }
+    return '';
+  }, [row.id, row.getIsSelected(), rowSelectedId, rowHighLightId, canSelection]);
+  var rowClassNames = useMemo(function () {
+    var _rowClassName;
+    var baseClass = "tbody-tr ".concat(highLightClassName, " ").concat(dropPreviewLineClassName);
+    var customClasses = (rowClassName === null || rowClassName === void 0 || (_rowClassName = rowClassName(row)) === null || _rowClassName === void 0 ? void 0 : _rowClassName.map(function (item) {
+      return "".concat(item, "-").concat(theme);
+    }).join(' ')) || '';
+    return "".concat(baseClass, " ").concat(customClasses).trim();
+  }, [highLightClassName, dropPreviewLineClassName, rowClassName, row, theme]);
+
+  // 优化：使用useCallback避免函数重复创建
   var _useDrop = useDrop({
       accept: 'TABLE_ROW',
-      drop: function drop(formDatas
-      //  monitor
-      ) {
+      drop: function drop(formDatas) {
         clearHoverRowIndex();
         return reorderRow === null || reorderRow === void 0 ? void 0 : reorderRow(formDatas, {
           hoverRow: row,
@@ -101,9 +130,6 @@ var Row = function Row(_ref) {
     }),
     _useDrop2 = _slicedToArray(_useDrop, 2),
     dropRef = _useDrop2[1];
-  // const [centerSubRowHeight, setCenterSubRowHeight] = useState();
-  // const centerSubRowRef: any = useRef(null);
-
   var _useDrag = useDrag({
       collect: function collect(monitor) {
         return {
@@ -132,141 +158,144 @@ var Row = function Row(_ref) {
     dragRef = _useDrag2[1],
     preview = _useDrag2[2];
   useEffect(function () {
-    // 隐藏拖拽dom
     if (canRowDrag) {
       preview(getEmptyImage(), {
         captureDraggingState: true
       });
     }
   }, [canRowDrag]);
-
-  // useEffect(() => {
-  //   setCenterSubRowHeight(centerSubRowRef?.current?.clientHeight);
-  //   console.log('centerSubRowRef?.current?.clientHeight=====', position, row, centerSubRowRef?.current?.clientHeight)
-  // }, [centerSubRowRef?.current?.clientHeight, position]);
-
   useEffect(function () {
     if (setSelectedRowDragging && row.getIsSelected()) {
       setSelectedRowDragging(isDragging);
     }
   }, [isDragging, row.getIsSelected()]);
   useUpdateEffect(function () {
-    // 鼠标移出，清除border
     if (!isDragging) {
       clearHoverRowIndex();
     }
   }, [isDragging]);
-  var rowClickHandler = function rowClickHandler(evt) {
-    // 触发单击事件
+
+  // 优化：分离单击和双击逻辑，避免定时器延迟
+  var handleRowClick = useCallback(function (evt) {
+    clickCountRef.current++;
+    if (clickCountRef.current === 1) {
+      timerRef.current = setTimeout(function () {
+        // 单击逻辑
+        if (clickCountRef.current === 1) {
+          handleSingleClick(evt);
+        }
+        clickCountRef.current = 0;
+        if (timerRef.current) {
+          clearTimeout(timerRef.current);
+          timerRef.current = undefined;
+        }
+      }, 200); // 减少到200ms，提高响应速度
+    } else if (clickCountRef.current === 2) {
+      // 双击逻辑
+      handleDoubleClick(evt);
+      clickCountRef.current = 0;
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+        timerRef.current = undefined;
+      }
+    }
+  }, [row, table, canSelection, selectionWithoutChecked, setRowHighLightId, setRowSelectedId, selectedRowChange, onSelectChange, selectRowWhenClick, editting, onRowMouseClick, onRowMouseDoubleClick, canEditRowWhenDClick, handleEditRowWhenDClick]);
+  var handleSingleClick = useCallback(function (evt) {
     onRowMouseClick === null || onRowMouseClick === void 0 || onRowMouseClick(row);
     if (!row.getCanSelect()) {
       return;
     }
     if (canSelection && !selectRowWhenClick) {
-      setRowHighLightId(row.id);
+      setRowHighLightId === null || setRowHighLightId === void 0 || setRowHighLightId(row.id);
       return;
     }
-    // 多选
     if (canSelection) {
-      // 不展示多选框
-      if (selectionWithoutChecked) {
-        if (evt.ctrlKey) {
-          var selectionConfig = _objectSpread({}, table.getState().rowSelection);
-          if (!row.getIsSelected()) {
-            selectionConfig[row.id] = true;
-          } else {
-            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-            selectionConfig[row.id] && Object.keys(selectionConfig).length > 1 && delete selectionConfig[row.id];
-          }
-          table === null || table === void 0 || table.setRowSelection(_objectSpread({}, selectionConfig));
-        } else if (evt.shiftKey) {
-          var _table$getRowModel$ro;
-          var _selectionConfig = {};
-          var min = Math.min(initselectedIndex || 0, row.index);
-          var max = Math.max(initselectedIndex || 0, row.index);
-          // console.log(selectionConfig, table.getRowModel(), 'selectionConfig');
-          var newSelectedRowIds = ((_table$getRowModel$ro = table.getRowModel().rows.filter(function (row) {
-            return row.index >= min && row.index <= max;
-          })) === null || _table$getRowModel$ro === void 0 ? void 0 : _table$getRowModel$ro.map(function (row) {
-            return row.id;
-          })) || [];
-          for (var i = 0; i <= newSelectedRowIds.length; i++) {
-            _selectionConfig[newSelectedRowIds[i]] = true;
-          }
-          table === null || table === void 0 || table.setRowSelection(_selectionConfig);
-        } else {
-          initselectedIndex = row.index;
-          table === null || table === void 0 || table.setRowSelection(_defineProperty({}, row === null || row === void 0 ? void 0 : row.id, true));
-        }
-      }
-      // 展示多选框
-      else {
-        if (evt.shiftKey) {
-          var _table$getRowModel$ro2;
-          // console.log('table.getState().rowSelection :>> ', table.getState().rowSelection);
-          var _selectionConfig2 = _objectSpread({}, table.getState().rowSelection);
-          var _min = Math.min(initselectedIndex || 0, row.index);
-          var _max = Math.max(initselectedIndex || 0, row.index);
-          // console.log(selectionConfig, table.getRowModel(), 'selectionConfig');
-          var _newSelectedRowIds = ((_table$getRowModel$ro2 = table.getRowModel().rows.filter(function (row) {
-            return row.index >= _min && row.index <= _max;
-          })) === null || _table$getRowModel$ro2 === void 0 ? void 0 : _table$getRowModel$ro2.map(function (row) {
-            return row.id;
-          })) || [];
-          for (var _i = 0; _i <= _newSelectedRowIds.length; _i++) {
-            _selectionConfig2[_newSelectedRowIds[_i]] = true;
-          }
-          table === null || table === void 0 || table.setRowSelection(_selectionConfig2);
-        } else {
-          if (!row.getIsSelected()) {
-            initselectedIndex = row.index;
-          }
-          var _selectionConfig3 = _objectSpread(_objectSpread({}, table.getState().rowSelection), {}, _defineProperty({}, row.id, !row.getIsSelected()));
-          // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-          row.getCanSelect() && (table === null || table === void 0 ? void 0 : table.setRowSelection(_selectionConfig3));
-        }
-      }
+      handleSelectionClick(evt);
+    } else {
+      handleSingleSelection(evt);
     }
-    // 单选
-    else {
-      setRowSelectedId === null || setRowSelectedId === void 0 || setRowSelectedId(row === null || row === void 0 ? void 0 : row.id);
-      selectedRowChange === null || selectedRowChange === void 0 || selectedRowChange(row);
-      onSelectChange === null || onSelectChange === void 0 || onSelectChange(row, row === null || row === void 0 ? void 0 : row.original, true, evt);
+  }, [row, canSelection, selectRowWhenClick, setRowHighLightId]);
+  var handleDoubleClick = useCallback(function (evt) {
+    onRowMouseDoubleClick === null || onRowMouseDoubleClick === void 0 || onRowMouseDoubleClick(row);
+    if (canEditRowWhenDClick) {
+      handleEditRowWhenDClick(row);
     }
-  };
-  var rowClickOrDoubleClick = function rowClickOrDoubleClick(e) {
-    // console.log('rowClickOrDoubleClick');
-    if (editting) return;
-    if (onRowMouseDoubleClick || canEditRowWhenDClick) {
-      // 监听了双击事件 | 双击可以编辑行
-      if (!timerRef.current) {
-        timerRef.current = setTimeout(function () {
-          rowClickHandler(e);
-          clearTimeout(timerRef.current);
-          timerRef.current = undefined;
-        }, 300);
+  }, [row, onRowMouseDoubleClick, canEditRowWhenDClick, handleEditRowWhenDClick]);
+  var handleSelectionClick = useCallback(function (evt) {
+    if (selectionWithoutChecked) {
+      if (evt.ctrlKey) {
+        handleCtrlSelection();
+      } else if (evt.shiftKey) {
+        handleShiftSelection();
       } else {
-        clearTimeout(timerRef.current);
-        timerRef.current = undefined;
-        onRowMouseDoubleClick === null || onRowMouseDoubleClick === void 0 || onRowMouseDoubleClick(row);
-        if (canEditRowWhenDClick) {
-          handleEditRowWhenDClick(row);
-        }
+        handleSingleRowSelection();
       }
     } else {
-      // 没有监听双击事件，直接触发单击逻辑
-      rowClickHandler(e);
+      if (evt.shiftKey) {
+        handleShiftSelectionWithCheckbox();
+      } else {
+        handleToggleSelection();
+      }
     }
-  };
-  var rowMouseEnter = function rowMouseEnter() {
+  }, [row, table, selectionWithoutChecked]);
+  var handleCtrlSelection = useCallback(function () {
+    var selectionConfig = _objectSpread({}, table.getState().rowSelection);
+    if (!row.getIsSelected()) {
+      selectionConfig[row.id] = true;
+    } else if (Object.keys(selectionConfig).length > 1) {
+      delete selectionConfig[row.id];
+    }
+    setRowSelection(_objectSpread({}, selectionConfig));
+  }, [row, table]);
+  var handleShiftSelection = useCallback(function () {
+    var min = Math.min(initselectedIndex || 0, row.index);
+    var max = Math.max(initselectedIndex || 0, row.index);
+    var selectionConfig = {};
+    table.getRowModel().rows.filter(function (row) {
+      return row.index >= min && row.index <= max;
+    }).forEach(function (row) {
+      selectionConfig[row.id] = true;
+    });
+    setRowSelection(selectionConfig);
+  }, [row, table]);
+  var handleSingleRowSelection = useCallback(function () {
+    initselectedIndex = row.index;
+    setRowSelection(_defineProperty({}, row === null || row === void 0 ? void 0 : row.id, true));
+  }, [row, table]);
+  var handleShiftSelectionWithCheckbox = useCallback(function () {
+    var selectionConfig = _objectSpread({}, table.getState().rowSelection);
+    var min = Math.min(initselectedIndex || 0, row.index);
+    var max = Math.max(initselectedIndex || 0, row.index);
+    table.getRowModel().rows.filter(function (row) {
+      return row.index >= min && row.index <= max;
+    }).forEach(function (row) {
+      selectionConfig[row.id] = true;
+    });
+    setRowSelection(selectionConfig);
+  }, [row, table]);
+  var handleToggleSelection = useCallback(function () {
+    if (!row.getIsSelected()) {
+      initselectedIndex = row.index;
+    }
+    var selectionConfig = _objectSpread(_objectSpread({}, table.getState().rowSelection), {}, _defineProperty({}, row.id, !row.getIsSelected()));
+    if (row.getCanSelect()) {
+      setRowSelection(selectionConfig);
+    }
+  }, [row, table]);
+  var handleSingleSelection = useCallback(function (evt) {
+    setRowSelectedId === null || setRowSelectedId === void 0 || setRowSelectedId(row === null || row === void 0 ? void 0 : row.id);
+    selectedRowChange === null || selectedRowChange === void 0 || selectedRowChange(row);
+    onSelectChange === null || onSelectChange === void 0 || onSelectChange(row, row === null || row === void 0 ? void 0 : row.original, true, evt);
+  }, [row, setRowSelectedId, selectedRowChange, onSelectChange]);
+  var rowMouseEnter = useCallback(function () {
     onRowMouseEnter === null || onRowMouseEnter === void 0 || onRowMouseEnter(row);
-  };
-  var rowMouseLeave = function rowMouseLeave() {
+  }, [row, onRowMouseEnter]);
+  var rowMouseLeave = useCallback(function () {
     onRowMouseLeave === null || onRowMouseLeave === void 0 || onRowMouseLeave(row);
-  };
-  var handleCellRightClick = function handleCellRightClick(e, cell) {
+  }, [row, onRowMouseLeave]);
+  var handleCellRightClick = useCallback(function (e, cell) {
     onCellContextMenu(e, cell);
-  };
+  }, [onCellContextMenu]);
   var leftLastColumnId = shadowColumnInfo.leftLastColumnId,
     rightFirstColumnId = shadowColumnInfo.rightFirstColumnId;
   var _useState = useState({
@@ -276,36 +305,153 @@ var Row = function Row(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     tooltipConfig = _useState2[0],
     setTooltipConfig = _useState2[1];
-  var onOpenChange = function onOpenChange(open) {
+  var onOpenChange = useCallback(function (open) {
     if (open) {
-      setTooltipConfig(getRowHoverTipConfig(row.original));
+      setTooltipConfig((getRowHoverTipConfig === null || getRowHoverTipConfig === void 0 ? void 0 : getRowHoverTipConfig(row.original)) || {
+        title: ' ',
+        color: ''
+      });
     }
-  };
+  }, [getRowHoverTipConfig, row.original]);
 
-  // 高亮色
-  var highLightClassName = useMemo(function () {
-    if (!canSelection && String(row.id) === String(rowSelectedId)) {
-      // 单选，选中用高亮色显示
-      return 'tbody-tr-highlight';
-    } else if (canSelection) {
-      // 多选
-      if (String(row.id) === String(rowHighLightId)) {
-        // 高亮状态
-        return 'tbody-tr-highlight';
-      } else if (row.getIsSelected()) {
-        // checked选中用选中色
-        return 'tbody-tr-selected';
+  // 清理定时器
+  useEffect(function () {
+    return function () {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
       }
-    }
-    return '';
-  }, [row.id, row.getIsSelected(), rowSelectedId, selectRowWhenClick, rowHighLightId, canSelection]);
+    };
+  }, []);
+
+  // 优化：将行渲染逻辑提取为useMemo
+  // const rowCom = useMemo(() => {
+  //   const renderCell = (cell: any) => {
+  //     const { editable: columnEditable, accessorKey, header, columnClassName, id, filterType } = cell.column.columnDef;
+  //     const columnEditing = rowEditing && columnEditable;
+  //     const rawValue = cell.getValue();
 
-  // console.log('row render');
+  //     // 创建增强上下文
+  //     const originalContext = cell.getContext();
+  //     const enhancedContext: any = {
+  //       ...originalContext,
+  //       getValue: () => rawValue,
+  //       getFormattedValue: () =>
+  //         isDateColumn(cell.column.columnDef)
+  //           ? formatDate(rawValue, cell.column.columnDef?.meta?.dateFormat || dateFormat)
+  //           : rawValue,
+  //       renderValue: () => enhancedContext.getFormattedValue()
+  //     };
+
+  //     const cellClassNames = [
+  //       columnEditing ? 'tbody-tr-td-editting' : '',
+  //       id === leftLastColumnId ? 'tbody-tr-td-cell-fix-left-last' : '',
+  //       id === rightFirstColumnId ? 'tbody-tr-td-cell-fix-right-first' : '',
+  //       columnClassName ? columnClassName.join(' ') : '',
+  //       ...(cellClassName?.(cell)?.map((item: any) => `${item}-${theme}`) || []),
+  //       'tbody-tr-td'
+  //     ].filter(Boolean).join(' ');
+
+  //     return (
+  //       <td
+  //         className={cellClassNames}
+  //         key={cell.id}
+  //         style={{
+  //           height: rowHeight - 1,
+  //           ...getPinningStyle(cell, table, false),
+  //         }}
+  //         onContextMenu={e => handleCellRightClick(e, cell)}
+  //         {...getCellProps?.(cell.getContext())}
+  //       >
+  //         {EditableCell({
+  //           ...cell.column.columnDef,
+  //           tableTooltip: tableTooltip,
+  //           editing: columnEditing,
+  //           dataIndex: accessorKey,
+  //           title: header,
+  //           onEditValueChange: onEditValueChange,
+  //           children: flexRender(cell.column.columnDef.cell, enhancedContext)
+  //         })}
+  //       </td>
+  //     );
+  //   };
+
+  //   return (
+  //     <tr
+  //       id={rowEditing ? `${tableId}-tbody-tr-editing` : undefined}
+  //       ref={node => {
+  //         dropRef(node && !editting ? node : null);
+  //         dragRef(node && canRowDrag && !editting && !disableDragRowIds?.includes(row.id) ? node : null);
+  //       }}
+  //       style={{
+  //         opacity: isDragging || (selectedRowDragging && row.getIsSelected()) ? 0.5 : 1,
+  //         cursor: canRowDrag && !editting && !disableDragRowIds?.includes(row.id) ? 'move' : 'auto',
+  //         ...rowStyle,
+  //       }}
+  //       onClick={handleRowClick}
+  //       onMouseEnter={rowMouseEnter}
+  //       onMouseLeave={rowMouseLeave}
+  //       className={rowClassNames}
+  //     >
+  //       {row.getVisibleCells().map(renderCell)}
+  //     </tr>
+  //   );
+  // }, [
+  //   row, rowEditing, tableId, editting, canRowDrag, disableDragRowIds, isDragging,
+  //   selectedRowDragging, rowStyle, handleRowClick, rowMouseEnter, rowMouseLeave,
+  //   rowClassNames, leftLastColumnId, rightFirstColumnId, cellClassName, theme,
+  //   rowHeight, table, handleCellRightClick, getCellProps, tableTooltip,
+  //   onEditValueChange, dateFormat,
+  // ]);
 
   var rowCom = function rowCom() {
-    var _row;
-    var _useConfig = useConfig(),
-      dateFormat = _useConfig.dateFormat;
+    var renderCell = function renderCell(cell) {
+      var _cellClassName;
+      var _cell$column$columnDe = cell.column.columnDef,
+        columnEditable = _cell$column$columnDe.editable,
+        accessorKey = _cell$column$columnDe.accessorKey,
+        header = _cell$column$columnDe.header,
+        columnClassName = _cell$column$columnDe.columnClassName,
+        id = _cell$column$columnDe.id,
+        filterType = _cell$column$columnDe.filterType;
+      var columnEditing = rowEditing && columnEditable;
+      var rawValue = cell.getValue();
+
+      // 创建增强上下文
+      var originalContext = cell.getContext();
+      var enhancedContext = _objectSpread(_objectSpread({}, originalContext), {}, {
+        getValue: function getValue() {
+          return rawValue;
+        },
+        getFormattedValue: function getFormattedValue() {
+          var _cell$column$columnDe2;
+          return isDateColumn(cell.column.columnDef) ? formatDate(rawValue, ((_cell$column$columnDe2 = cell.column.columnDef) === null || _cell$column$columnDe2 === void 0 || (_cell$column$columnDe2 = _cell$column$columnDe2.meta) === null || _cell$column$columnDe2 === void 0 ? void 0 : _cell$column$columnDe2.dateFormat) || dateFormat) : rawValue;
+        },
+        renderValue: function renderValue() {
+          return enhancedContext.getFormattedValue();
+        }
+      });
+      var cellClassNames = [columnEditing ? 'tbody-tr-td-editting' : '', id === leftLastColumnId ? 'tbody-tr-td-cell-fix-left-last' : '', id === rightFirstColumnId ? 'tbody-tr-td-cell-fix-right-first' : '', columnClassName ? columnClassName.join(' ') : ''].concat(_toConsumableArray((cellClassName === null || cellClassName === void 0 || (_cellClassName = cellClassName(cell)) === null || _cellClassName === void 0 ? void 0 : _cellClassName.map(function (item) {
+        return "".concat(item, "-").concat(theme);
+      })) || []), ['tbody-tr-td']).filter(Boolean).join(' ');
+      return /*#__PURE__*/_jsx("td", _objectSpread(_objectSpread({
+        className: cellClassNames,
+        style: _objectSpread({
+          height: rowHeight - 1
+        }, getPinningStyle(cell, table, false)),
+        onContextMenu: function onContextMenu(e) {
+          return handleCellRightClick(e, cell);
+        }
+      }, getCellProps === null || getCellProps === void 0 ? void 0 : getCellProps(cell.getContext())), {}, {
+        children: EditableCell(_objectSpread(_objectSpread({}, cell.column.columnDef), {}, {
+          tableTooltip: tableTooltip,
+          editing: columnEditing,
+          dataIndex: accessorKey,
+          title: header,
+          onEditValueChange: onEditValueChange,
+          children: flexRender(cell.column.columnDef.cell, enhancedContext)
+        }))
+      }), cell.id);
+    };
     return /*#__PURE__*/_jsx("tr", {
       id: rowEditing ? "".concat(tableId, "-tbody-tr-editing") : undefined,
       ref: function ref(node) {
@@ -316,69 +462,11 @@ var Row = function Row(_ref) {
         opacity: isDragging || selectedRowDragging && row.getIsSelected() ? 0.5 : 1,
         cursor: canRowDrag && !editting && !(disableDragRowIds !== null && disableDragRowIds !== void 0 && disableDragRowIds.includes(row.id)) ? 'move' : 'auto'
       }, rowStyle),
-      onClick: rowClickOrDoubleClick,
+      onClick: handleRowClick,
       onMouseEnter: rowMouseEnter,
       onMouseLeave: rowMouseLeave,
-      className: "tbody-tr ".concat(highLightClassName, " ").concat(dropPreviewLineClassName, " ").concat((rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(row).map(function (item) {
-        return "".concat(item, "-").concat(theme);
-      }).join(' ')) || ''),
-      children: (_row = row["getVisibleCells"]) === null || _row === void 0 ? void 0 : _row.call(row).map(function (cell) {
-        var _cell$column$columnDe = cell.column.columnDef,
-          columnEditable = _cell$column$columnDe.editable,
-          accessorKey = _cell$column$columnDe.accessorKey,
-          header = _cell$column$columnDe.header,
-          columnClassName = _cell$column$columnDe.columnClassName,
-          id = _cell$column$columnDe.id,
-          filterType = _cell$column$columnDe.filterType;
-        // 当前列是否编辑中
-        var columnEditing = rowEditing && columnEditable;
-        // const cellValue = cell.getValue();
-
-        // const cellRenderer = cell.column.columnDef.cell;
-        // const formattedValue = isDateColumn(cell.column.columnDef)
-        //   ? formatDate(cellValue, cell.column.columnDef?.meta?.dateFormat)
-        //   : cellValue;
-
-        var originalContext = cell.getContext();
-        var rawValue = originalContext.getValue();
-
-        // 创建增强上下文
-        var enhancedContext = _objectSpread(_objectSpread({}, originalContext), {}, {
-          // 原始值获取
-          getValue: function getValue() {
-            return rawValue;
-          },
-          // 格式化值获取
-          getFormattedValue: function getFormattedValue() {
-            var _cell$column$columnDe2;
-            return isDateColumn(cell.column.columnDef) ? formatDate(rawValue, ((_cell$column$columnDe2 = cell.column.columnDef) === null || _cell$column$columnDe2 === void 0 || (_cell$column$columnDe2 = _cell$column$columnDe2.meta) === null || _cell$column$columnDe2 === void 0 ? void 0 : _cell$column$columnDe2.dateFormat) || dateFormat) : rawValue;
-          },
-          // 默认渲染使用格式化值
-          renderValue: function renderValue() {
-            return enhancedContext.getFormattedValue();
-          }
-        });
-        return /*#__PURE__*/_jsx("td", _objectSpread(_objectSpread({
-          className: "".concat(columnEditing ? 'tbody-tr-td-editting' : '', " ").concat(id === leftLastColumnId ? 'tbody-tr-td-cell-fix-left-last' : '', " ").concat(id === rightFirstColumnId ? 'tbody-tr-td-cell-fix-right-first' : '', " ").concat(columnClassName ? columnClassName.join(' ') : '', " ").concat((cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(cell).map(function (item) {
-            return "".concat(item, "-").concat(theme);
-          })) || '', " tbody-tr-td"),
-          style: _objectSpread({
-            height: rowHeight - 1
-          }, getPinningStyle(cell, table, false)),
-          onContextMenu: function onContextMenu(e) {
-            return handleCellRightClick(e, cell);
-          }
-        }, getCellProps === null || getCellProps === void 0 ? void 0 : getCellProps(cell.getContext())), {}, {
-          children: EditableCell(_objectSpread(_objectSpread({}, cell.column.columnDef), {}, {
-            tableTooltip: tableTooltip,
-            editing: columnEditing,
-            dataIndex: accessorKey,
-            title: header,
-            onEditValueChange: onEditValueChange,
-            children: flexRender(cell.column.columnDef.cell, enhancedContext)
-          }))
-        }), cell.id);
-      })
+      className: rowClassNames,
+      children: row.getVisibleCells().map(renderCell)
     });
   };
   return /*#__PURE__*/_jsxs(_Fragment, {
@@ -395,7 +483,7 @@ var Row = function Row(_ref) {
     })) : rowCom(), row.getIsExpanded() && /*#__PURE__*/_jsx("tr", {
       className: "tbody-tr-subrow",
       children: /*#__PURE__*/_jsx("td", {
-        colSpan: (_row2 = row["getVisibleCells"]) === null || _row2 === void 0 ? void 0 : _row2.call(row).length,
+        colSpan: row.getVisibleCells().length,
         style: {
           padding: 0
         },
@@ -413,17 +501,15 @@ var Row = function Row(_ref) {
     })]
   });
 };
-// export default React.memo(Row);
-export default Row;
 function formatDate(dateValue) {
   var pattern = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "YYYY-MM-DD HH:mm";
   if (!dateValue) return '';
   var date = dayjs(dateValue);
-  if (!date.isValid()) return 'Invalid Date';
-  // console.log(date.format(pattern), pattern, 'pattern')
-  return date.format(pattern);
+  return date.isValid() ? date.format(pattern) : 'Invalid Date';
 }
 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 default React.memo(Row);

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

@@ -73,6 +73,8 @@ type TableBodyPropsType = {
     onEditValueChange?: (field: string, value: any, extra?: any) => void;
     hasTotalRow?: boolean;
     totalDatas?: any[];
+    setRowSelection: Function;
 };
-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, shadowColumnInfo, getContextMenu, onClickContextMenu, getRowHoverTipConfig, tableTooltip, compactMode, onEditValueChange, hasTotalRow, totalDatas }: TableBodyPropsType) => import("react/jsx-runtime").JSX.Element;
+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, shadowColumnInfo, getContextMenu, onClickContextMenu, getRowHoverTipConfig, tableTooltip, compactMode, onEditValueChange, hasTotalRow, totalDatas, setRowSelection }: TableBodyPropsType) => import("react/jsx-runtime").JSX.Element;
 export default TableBody;
+export declare const MemoizedTableBody: ({ 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, shadowColumnInfo, getContextMenu, onClickContextMenu, getRowHoverTipConfig, tableTooltip, compactMode, onEditValueChange, hasTotalRow, totalDatas, setRowSelection }: TableBodyPropsType) => import("react/jsx-runtime").JSX.Element;

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

@@ -75,7 +75,8 @@ var TableBody = function TableBody(_ref) {
     compactMode = _ref.compactMode,
     onEditValueChange = _ref.onEditValueChange,
     hasTotalRow = _ref.hasTotalRow,
-    totalDatas = _ref.totalDatas;
+    totalDatas = _ref.totalDatas,
+    setRowSelection = _ref.setRowSelection;
   var _useConfig = useConfig(),
     root = _useConfig.root;
   var headerGroups = table.getHeaderGroups();
@@ -371,7 +372,8 @@ var TableBody = function TableBody(_ref) {
         clearHoverRowIndex: clearHoverRowIndex,
         hoverRowIndex: hoverRowIndex,
         dropSide: dropSide,
-        onEditValueChange: onEditValueChange
+        onEditValueChange: onEditValueChange,
+        setRowSelection: setRowSelection
       }, row.id);
     });
   };
@@ -384,6 +386,10 @@ var TableBody = function TableBody(_ref) {
 
   // console.log('rowHeight :>>', rowHeight);
 
+  var TableRow = useMemo(function () {
+    console.log(TableRow, 'TableRow');
+    return table.getRowModel().rows;
+  }, [table, table.getState().rowSelection]);
   return (
     /*#__PURE__*/
     // 修复筛选数据为空时，滚动条丢失
@@ -414,7 +420,59 @@ var TableBody = function TableBody(_ref) {
             })
           }), /*#__PURE__*/_jsxs("tbody", {
             id: "table-max-tableBody-tbody-".concat(tableId),
-            children: [TBodyContent(), /*#__PURE__*/_jsx(_Fragment, {
+            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,
+                shadowColumnInfo: shadowColumnInfo,
+                onCellContextMenu: handleCellContextMenu,
+                getRowHoverTipConfig: getRowHoverTipConfig,
+                tableTooltip: tableTooltip,
+                changeHoverRow: changeHoverRow,
+                clearHoverRowIndex: clearHoverRowIndex,
+                hoverRowIndex: hoverRowIndex,
+                dropSide: dropSide,
+                onEditValueChange: onEditValueChange,
+                setRowSelection: setRowSelection
+              }, row.id);
+            })
+            // TBodyContent()
+            , /*#__PURE__*/_jsx(_Fragment, {
               children: hasTotalRow && /*#__PURE__*/_jsx(Total, {
                 table: table,
                 totalDatas: totalDatas,
@@ -432,9 +490,8 @@ var TableBody = function TableBody(_ref) {
   );
 };
 export default TableBody;
-// export default React.memo(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
+export var MemoizedTableBody = /*#__PURE__*/React.memo(TableBody, function (prev, next) {
+  return prev.table.options.data === next.table.options.data;
+});

package/dist/components/TableMax/TableMax.js

@@ -496,7 +496,6 @@ var TableMax = function TableMax(_ref) {
   var setColumnInfoFromCache = function setColumnInfoFromCache(tableColumns) {
     var _localStorage$getItem, _tableMaxConfig$cache;
     var cache = JSON.parse((_localStorage$getItem = localStorage.getItem(tableKey)) !== null && _localStorage$getItem !== void 0 ? _localStorage$getItem : '{}');
-    console.log(+cache.editTime, 'cache.editTime');
     if (cache && cache !== null && cache !== void 0 && cache.editTime && +new Date() - cache.editTime > ((_tableMaxConfig$cache = tableMaxConfig.cacheMaxAge) !== null && _tableMaxConfig$cache !== void 0 ? _tableMaxConfig$cache : CACHE_MAX_AGE)) {
       return;
     }
@@ -735,7 +734,6 @@ var TableMax = function TableMax(_ref) {
   /**缓存table数据 */
   useUpdateEffect(function () {
     var tableState = table.getState();
-    console.log(new Date(), 'new Date()');
     localStorage.setItem(tableKey, JSON.stringify({
       enableFilters: enableFilters,
       headerRowNum: headerRowNum,
@@ -1068,7 +1066,8 @@ var TableMax = function TableMax(_ref) {
     compactMode: compactMode,
     onEditValueChange: onEditValueChange,
     hasTotalRow: hasTotalRow,
-    totalDatas: totalDatas
+    totalDatas: totalDatas,
+    setRowSelection: setRowSelection
   };
   var changeCompactMode = function changeCompactMode() {
     setCompactMode(!compactMode);

package/dist/components/TableMax/tableMax.less

@@ -257,9 +257,10 @@
   .cell-wapper {
     line-height: 16px !important;
     padding: 4px 2px !important;
+    height: 24px !important;
   }
 
-  .tbody-tr-td {
+  .tbody-tr-td, .table-thead-tr {
     height: 24px !important;
     line-height: 24px !important;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arim-aisdc/public-components",
-  "version": "2.3.30",
+  "version": "2.3.32",
   "description": "前端组件库",
   "license": "MIT",
   "main": "dist/index.js",