@arim-aisdc/public-components 2.3.37 → 2.3.39

package/dist/components/CenterModal/CenterModal.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["open", "title", "okText", "hasfooter", "footer", "width", "height", "size", "renderContent", "handleConfirm", "handleCancel", "confirmLoading", "maskClosable", "bodyStyle", "afterClose", "enableResizing", "enableDragging", "minResizeWidth", "minResizeHeight", "maxResizeWidth", "maxResizeHeight"];
+var _excluded = ["open", "title", "okText", "hasfooter", "footer", "width", "height", "size", "renderContent", "handleConfirm", "handleCancel", "confirmLoading", "maskClosable", "bodyStyle", "afterClose", "enableResizing", "enableDragging", "minResizeWidth", "minResizeHeight", "maxResizeWidth", "maxResizeHeight", "className"];
 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; }
@@ -13,14 +13,14 @@ import { Rnd } from 'react-rnd';
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 var resizeHandleClasses = {
-  bottom: "resizeHandleBottom",
-  bottomLeft: "resizeHandleBottomLeft",
-  bottomRight: "resizeHandleBottomRight",
-  left: "resizeHandleLeft",
-  right: "resizeHandleRight",
-  top: "resizeHandleTop",
-  topLeft: "resizeHandleTopLeft",
-  topRight: "resizeHandleTopRight"
+  bottom: 'resizeHandleBottom',
+  bottomLeft: 'resizeHandleBottomLeft',
+  bottomRight: 'resizeHandleBottomRight',
+  left: 'resizeHandleLeft',
+  right: 'resizeHandleRight',
+  top: 'resizeHandleTop',
+  topLeft: 'resizeHandleTopLeft',
+  topRight: 'resizeHandleTopRight'
 };
 var CenterModal = function CenterModal(_ref) {
   var _ref$open = _ref.open,
@@ -59,6 +59,7 @@ var CenterModal = function CenterModal(_ref) {
     _ref$maxResizeWidth = _ref.maxResizeWidth,
     maxResizeWidth = _ref$maxResizeWidth === void 0 ? 1800 : _ref$maxResizeWidth,
     maxResizeHeight = _ref.maxResizeHeight,
+    className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   var modalBodyRef = useRef(null);
   var modalBodySizeRef = useRef(null);
@@ -179,7 +180,7 @@ var CenterModal = function CenterModal(_ref) {
     }
   };
   return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
-    className: "centerModalContainer centerModal".concat(size),
+    className: "centerModalContainer centerModal".concat(size, " ").concat(className || ''),
     wrapClassName: 'wrapClassName',
     title: /*#__PURE__*/_jsx("div", {
       className: "modal-header ".concat(dragHandleClassName),

package/dist/components/CustomForm/CustomForm.js

@@ -239,7 +239,7 @@ var CustomForm = function CustomForm(_ref, ref) {
     };
   }, []);
   var getElement = function getElement(item) {
-    var _item$setting, _item$inputTips, _item$inputTips2, _item$setting2, _item$setting3;
+    var _item$setting, _item$setting2, _item$inputTips, _item$inputTips2, _item$setting3, _item$setting4;
     var element = /*#__PURE__*/_jsx(Input, {});
     switch (item.formType) {
       case CustomFormItemType.Text:
@@ -316,7 +316,7 @@ var CustomForm = function CustomForm(_ref, ref) {
           maxTagCount: item.maxTagCount,
           optionFilterProp: item.optionFilterProp || 'value',
           optionLabelProp: item.optionLabelProp || 'children',
-          children: item.setting.map(function (el, num) {
+          children: (item === null || item === void 0 ? void 0 : item.setting) && Array.isArray(item.setting) && ((_item$setting2 = item.setting) === null || _item$setting2 === void 0 ? void 0 : _item$setting2.map(function (el, num) {
             var _el$options;
             if (el !== null && el !== void 0 && el.options && (el === null || el === void 0 || (_el$options = el.options) === null || _el$options === void 0 ? void 0 : _el$options.length) > 0) {
               return /*#__PURE__*/_jsx(OptGroup, {
@@ -342,7 +342,7 @@ var CustomForm = function CustomForm(_ref, ref) {
                 }) : el.label
               }, num);
             }
-          })
+          }))
         });
         break;
       case CustomFormItemType.Radio:
@@ -352,7 +352,7 @@ var CustomForm = function CustomForm(_ref, ref) {
             return commonChange(e, item);
           },
           disabled: item === null || item === void 0 ? void 0 : item.disabled,
-          children: item.setting.map(function (el, num) {
+          children: (item === null || item === void 0 ? void 0 : item.setting) && Array.isArray(item.setting) && item.setting.map(function (el, num) {
             return /*#__PURE__*/_jsx(Radio, {
               value: el.value,
               children: el.label
@@ -368,7 +368,7 @@ var CustomForm = function CustomForm(_ref, ref) {
           // style={{ width: 200 }}
           ,
           allowClear: item.allowClear === false ? false : true,
-          options: item.setting,
+          options: item.setting || [],
           placeholder: item.inputTips,
           onSearch: debounce(function (value) {
             var _item$handleSearch3;
@@ -385,7 +385,7 @@ var CustomForm = function CustomForm(_ref, ref) {
         break;
       case CustomFormItemType.Cascader:
         element = /*#__PURE__*/_jsx(Cascader, {
-          options: item.setting,
+          options: item.setting || [],
           expandTrigger: "hover",
           displayRender: displayRender,
           onChange: function onChange(e) {
@@ -568,13 +568,13 @@ var CustomForm = function CustomForm(_ref, ref) {
                 var _item$handleSelect2;
                 return (_item$handleSelect2 = item.handleSelect) === null || _item$handleSelect2 === void 0 ? void 0 : _item$handleSelect2.call(item, value);
               }, 500) : undefined,
-              notFoundContent: ((_item$setting2 = item.setting) === null || _item$setting2 === void 0 ? void 0 : _item$setting2.length) >= 0 ? null : /*#__PURE__*/_jsx(Spin, {
+              notFoundContent: ((_item$setting3 = item.setting) === null || _item$setting3 === void 0 ? void 0 : _item$setting3.length) >= 0 ? null : /*#__PURE__*/_jsx(Spin, {
                 size: "small"
               }),
               style: {
                 width: '100%'
               },
-              children: item.setting.map(function (el, num) {
+              children: (item === null || item === void 0 ? void 0 : item.setting) && Array.isArray(item.setting) && item.setting.map(function (el, num) {
                 return /*#__PURE__*/_jsx(Option, {
                   value: el.value,
                   label: el.label,
@@ -611,7 +611,7 @@ var CustomForm = function CustomForm(_ref, ref) {
                 var _item$handleSelect3;
                 return (_item$handleSelect3 = item.handleSelect) === null || _item$handleSelect3 === void 0 ? void 0 : _item$handleSelect3.call(item, value);
               }, 500) : undefined,
-              notFoundContent: ((_item$setting3 = item.setting) === null || _item$setting3 === void 0 ? void 0 : _item$setting3.length) >= 0 ? null : /*#__PURE__*/_jsx(Spin, {
+              notFoundContent: ((_item$setting4 = item.setting) === null || _item$setting4 === void 0 ? void 0 : _item$setting4.length) >= 0 ? null : /*#__PURE__*/_jsx(Spin, {
                 size: "small"
               }),
               style: {
@@ -637,7 +637,7 @@ var CustomForm = function CustomForm(_ref, ref) {
           onChange: function onChange(e) {
             commonChange(e, item);
           },
-          options: item.setting,
+          options: item.setting || [],
           defaultValue: item.defaultValue
         });
         break;
@@ -647,7 +647,7 @@ var CustomForm = function CustomForm(_ref, ref) {
       case CustomFormItemType.ConditionExpression:
         element = /*#__PURE__*/_jsx(ConditionExpression, {
           showParameter: item === null || item === void 0 ? void 0 : item.showParameter,
-          parameterOptions: item === null || item === void 0 ? void 0 : item.setting
+          parameterOptions: (item === null || item === void 0 ? void 0 : item.setting) || []
         });
         break;
       case CustomFormItemType.RemoteSelect:

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

@@ -40,10 +40,6 @@ type IRowProps = {
     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) => {
@@ -62,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, shadowColumnInfo, onCellContextMenu, getRowHoverTipConfig, tableTooltip, changeHoverRow, clearHoverRowIndex, hoverRowIndex, dropSide, onEditValueChange, setRowSelection, openMemo }: 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, onCellContextMenu, getRowHoverTipConfig, tableTooltip, changeHoverRow, clearHoverRowIndex, hoverRowIndex, dropSide, onEditValueChange, setRowSelection, openMemo }: IRowProps) => import("react/jsx-runtime").JSX.Element;
 export default Row;

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

@@ -66,7 +66,6 @@ var Row = function Row(_ref) {
     canEditRowWhenDClick = _ref.canEditRowWhenDClick,
     theme = _ref.theme,
     dragBeforeStart = _ref.dragBeforeStart,
-    shadowColumnInfo = _ref.shadowColumnInfo,
     onCellContextMenu = _ref.onCellContextMenu,
     getRowHoverTipConfig = _ref.getRowHoverTipConfig,
     tableTooltip = _ref.tableTooltip,
@@ -299,8 +298,6 @@ var Row = function Row(_ref) {
   var handleCellRightClick = useCallback(function (e, cell) {
     onCellContextMenu(e, cell);
   }, [onCellContextMenu]);
-  var leftLastColumnId = shadowColumnInfo.leftLastColumnId,
-    rightFirstColumnId = shadowColumnInfo.rightFirstColumnId;
   var _useState = useState({
       title: ' ',
       color: ''
@@ -325,22 +322,37 @@ var Row = function Row(_ref) {
       }
     };
   }, []);
-
-  // 优化：将行渲染逻辑提取为useMemo
-  var rowComMemo = useCallback(function (row) {
+  var rowComMemo = useMemo(function () {
+    // 添加数据验证
+    if (!(row !== null && row !== void 0 && row.getVisibleCells)) {
+      console.warn('Row data not ready');
+      return null;
+    }
     var renderCell = function renderCell(cell) {
-      var _cellClassName;
+      var _cell$column, _cell$getValue, _cell$getValue2, _cellClassName;
+      // 确保 cell.column.columnDef 存在
+      if (!(cell !== null && cell !== void 0 && (_cell$column = cell.column) !== null && _cell$column !== void 0 && _cell$column.columnDef)) {
+        console.warn('Cell column definition missing', cell);
+        return null;
+      }
       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,
+        columnId = _cell$column$columnDe.id,
         filterType = _cell$column$columnDe.filterType;
+
+      // 多重保障确保列ID不为undefined
+      var safeColumnId = columnId || accessorKey || (cell === null || cell === void 0 ? void 0 : cell.id) || "cell-".concat(Math.random().toString(36).slice(2, 9));
       var columnEditing = rowEditing && columnEditable;
-      var rawValue = cell.getValue();
+      var rawValue = (_cell$getValue = (_cell$getValue2 = cell.getValue) === null || _cell$getValue2 === void 0 ? void 0 : _cell$getValue2.call(cell)) !== null && _cell$getValue !== void 0 ? _cell$getValue : '';
 
-      // 创建增强上下文
+      // 检查必要的函数是否存在
+      if (typeof cell.getContext !== 'function') {
+        console.warn('cell.getContext is not a function', cell);
+        return null;
+      }
       var originalContext = cell.getContext();
       var enhancedContext = _objectSpread(_objectSpread({}, originalContext), {}, {
         getValue: function getValue() {
@@ -354,7 +366,7 @@ var Row = function Row(_ref) {
           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) {
+      var cellClassNames = [columnEditing ? 'tbody-tr-td-editting' : '', 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({
@@ -376,25 +388,31 @@ var Row = function Row(_ref) {
         }))
       }), cell.id);
     };
-    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: handleRowClick,
-      onMouseEnter: rowMouseEnter,
-      onMouseLeave: rowMouseLeave,
-      className: rowClassNames,
-      children: row.getVisibleCells().map(renderCell)
-    });
-  }, [rowEditing, tableId, editting, canRowDrag, disableDragRowIds, isDragging, selectedRowDragging, rowStyle, handleRowClick, rowMouseEnter, rowMouseLeave, rowClassNames, leftLastColumnId, rightFirstColumnId, cellClassName, theme, rowHeight, table, handleCellRightClick, getCellProps, tableTooltip, onEditValueChange, dateFormat
-  // row, row.getVisibleCells(), row.getIsSelected(), row.getValue(), row.renderValue()
-  ]);
+    try {
+      var cells = row.getVisibleCells();
+      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: handleRowClick,
+        onMouseEnter: rowMouseEnter,
+        onMouseLeave: rowMouseLeave,
+        className: rowClassNames,
+        children: cells.map(renderCell)
+      });
+    } catch (error) {
+      console.error('Error rendering row:', error);
+      return null;
+    }
+  }, [
+  // 依赖项保持不变
+  row, row.id, rowEditing, tableId, editting, canRowDrag, disableDragRowIds, isDragging, selectedRowDragging, rowStyle, handleRowClick, rowMouseEnter, rowMouseLeave, rowClassNames, cellClassName, theme, rowHeight, table, handleCellRightClick, getCellProps, tableTooltip, onEditValueChange, dateFormat, row.getVisibleCells(), row.getIsSelected()]);
   var rowCom = function rowCom() {
     var renderCell = function renderCell(cell) {
       var _cellClassName2;
@@ -422,7 +440,7 @@ var Row = function Row(_ref) {
           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 || (_cellClassName2 = cellClassName(cell)) === null || _cellClassName2 === void 0 ? void 0 : _cellClassName2.map(function (item) {
+      var cellClassNames = [columnEditing ? 'tbody-tr-td-editting' : '', columnClassName ? columnClassName.join(' ') : ''].concat(_toConsumableArray((cellClassName === null || cellClassName === void 0 || (_cellClassName2 = cellClassName(cell)) === null || _cellClassName2 === void 0 ? void 0 : _cellClassName2.map(function (item) {
         return "".concat(item, "-").concat(theme);
       })) || []), ['tbody-tr-td']).filter(Boolean).join(' ');
       return /*#__PURE__*/_jsx("td", _objectSpread(_objectSpread({
@@ -471,8 +489,8 @@ var Row = function Row(_ref) {
       getPopupContainer: function getPopupContainer() {
         return tableBodyRef.current || document.body;
       },
-      children: openMemo ? rowComMemo(row) : rowCom()
-    })) : openMemo ? rowComMemo(row) : rowCom(), row.getIsExpanded() && /*#__PURE__*/_jsx("tr", {
+      children: openMemo ? rowComMemo : rowCom()
+    })) : openMemo ? rowComMemo : rowCom(), row.getIsExpanded() && /*#__PURE__*/_jsx("tr", {
       className: "tbody-tr-subrow",
       children: /*#__PURE__*/_jsx("td", {
         colSpan: row.getVisibleCells().length,

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

@@ -40,10 +40,6 @@ type IRowProps = {
     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) => {
@@ -60,5 +56,5 @@ type IRowProps = {
     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;
+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, }: IRowProps) => import("react/jsx-runtime").JSX.Element;
 export default Row;

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

@@ -62,7 +62,6 @@ var Row = function Row(_ref) {
     canEditRowWhenDClick = _ref.canEditRowWhenDClick,
     theme = _ref.theme,
     dragBeforeStart = _ref.dragBeforeStart,
-    shadowColumnInfo = _ref.shadowColumnInfo,
     onCellContextMenu = _ref.onCellContextMenu,
     getRowHoverTipConfig = _ref.getRowHoverTipConfig,
     tableTooltip = _ref.tableTooltip,
@@ -267,8 +266,6 @@ var Row = function Row(_ref) {
   var handleCellRightClick = function handleCellRightClick(e, cell) {
     onCellContextMenu(e, cell);
   };
-  var leftLastColumnId = shadowColumnInfo.leftLastColumnId,
-    rightFirstColumnId = shadowColumnInfo.rightFirstColumnId;
   var _useState = useState({
       title: ' ',
       color: ''
@@ -359,7 +356,7 @@ var Row = function Row(_ref) {
           }
         });
         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) {
+          className: "".concat(columnEditing ? 'tbody-tr-td-editting' : '', " ").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({

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

@@ -1,7 +1,6 @@
 import '../../TableBody/index.less';
-export declare const Total: ({ table, totalDatas, shadowColumnInfo, rowHeight }: {
+export declare const Total: ({ table, totalDatas, rowHeight }: {
     table: any;
     totalDatas: any;
-    shadowColumnInfo: any;
     rowHeight: any;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -11,10 +11,7 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 export var Total = function Total(_ref) {
   var table = _ref.table,
     totalDatas = _ref.totalDatas,
-    shadowColumnInfo = _ref.shadowColumnInfo,
     rowHeight = _ref.rowHeight;
-  var leftLastColumnId = shadowColumnInfo.leftLastColumnId,
-    rightFirstColumnId = shadowColumnInfo.rightFirstColumnId;
   var footerGroups = table.getFooterGroups();
 
   // 公共样式对象，避免重复创建
@@ -45,7 +42,7 @@ export var Total = function Total(_ref) {
           var cellStyle = _objectSpread(_objectSpread({}, pinningStyle), {}, {
             height: "".concat(rowHeight - 1, "px")
           });
-          var cellClassNames = ['tbody-tr-td', headerId === leftLastColumnId && 'thead-tr-th-cell-fix-left-last', headerId === rightFirstColumnId && 'thead-tr-th-cell-fix-right-first'].filter(Boolean).join(' ');
+          var cellClassNames = ['tbody-tr-td'].filter(Boolean).join(' ');
           return /*#__PURE__*/_jsx("td", {
             colSpan: colSpan,
             style: cellStyle,

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

@@ -48,10 +48,6 @@ type TableBodyPropsType = {
     editingRowId: string;
     handleEditRowWhenDClick: (row: any) => void;
     dragBeforeStart: (datas: any) => boolean;
-    shadowColumnInfo: {
-        leftLastColumnId: string;
-        rightFirstColumnId: string;
-    };
     /**右键菜单，配置后，开启右键菜单功能：点击右键时，获取菜单可选项 */
     getContextMenu?: (params: {
         row: any;
@@ -76,5 +72,5 @@ type TableBodyPropsType = {
     setRowSelection: Function;
     openMemo?: boolean;
 };
-declare const TableBody: ({ tableBodyRef, table, tableId, theme, reorderRow, rowSelectedId, setRowSelectedId, rowHighLightId, setRowHighLightId, selectedRowChange, onSelectChange, canSelection, selectionWithoutChecked, tableContainerWidth, selectedRowDragging, setSelectedRowDragging, canRowDrag, rowKey, loading, rowClassName, cellClassName, rowStyle, getCellProps, rowHeight, renderSubComponent, onRowMouseEnter, onRowMouseLeave, onRowMouseClick, onRowMouseDoubleClick, disableDragRowIds, selectRowWhenClick, datas, canEditRowWhenDClick, editingRowId, handleEditRowWhenDClick, dragBeforeStart, shadowColumnInfo, getContextMenu, onClickContextMenu, getRowHoverTipConfig, tableTooltip, compactMode, onEditValueChange, hasTotalRow, totalDatas, setRowSelection, openMemo }: 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, getContextMenu, onClickContextMenu, getRowHoverTipConfig, tableTooltip, compactMode, onEditValueChange, hasTotalRow, totalDatas, setRowSelection, openMemo }: TableBodyPropsType) => import("react/jsx-runtime").JSX.Element;
 export default TableBody;

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

@@ -67,7 +67,6 @@ var TableBody = function TableBody(_ref) {
     editingRowId = _ref.editingRowId,
     handleEditRowWhenDClick = _ref.handleEditRowWhenDClick,
     dragBeforeStart = _ref.dragBeforeStart,
-    shadowColumnInfo = _ref.shadowColumnInfo,
     getContextMenu = _ref.getContextMenu,
     onClickContextMenu = _ref.onClickContextMenu,
     getRowHoverTipConfig = _ref.getRowHoverTipConfig,
@@ -369,7 +368,6 @@ var TableBody = function TableBody(_ref) {
         selectRowWhenClick: selectRowWhenClick,
         handleEditRowWhenDClick: handleEditRowWhenDClick,
         canEditRowWhenDClick: canEditRowWhenDClick,
-        shadowColumnInfo: shadowColumnInfo,
         onCellContextMenu: handleCellContextMenu,
         getRowHoverTipConfig: getRowHoverTipConfig,
         tableTooltip: tableTooltip,
@@ -465,7 +463,6 @@ var TableBody = function TableBody(_ref) {
                 selectRowWhenClick: selectRowWhenClick,
                 handleEditRowWhenDClick: handleEditRowWhenDClick,
                 canEditRowWhenDClick: canEditRowWhenDClick,
-                shadowColumnInfo: shadowColumnInfo,
                 onCellContextMenu: handleCellContextMenu,
                 getRowHoverTipConfig: getRowHoverTipConfig,
                 tableTooltip: tableTooltip,
@@ -483,7 +480,6 @@ var TableBody = function TableBody(_ref) {
               children: hasTotalRow && /*#__PURE__*/_jsx(Total, {
                 table: table,
                 totalDatas: totalDatas,
-                shadowColumnInfo: shadowColumnInfo,
                 rowHeight: rowHeight
               })
             })]

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

@@ -159,33 +159,6 @@ table {
   }
 }
 
-.tbody-tr-td-cell-fix-left-last::after {
-  box-shadow: inset 10px 0 8px -8px #00000026;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: -1px;
-  width: 30px;
-  transform: translate(100%);
-  transition: box-shadow 0.3s;
-  content: '';
-  pointer-events: none;
-  box-sizing: border-box;
-}
-
-.tbody-tr-td-cell-fix-right-first::after {
-  box-shadow: inset -10px 0 8px -8px #00000026;
-  position: absolute;
-  top: 0;
-  bottom: -1px;
-  left: 0;
-  width: 30px;
-  transform: translate(-100%);
-  transition: box-shadow 0.3s;
-  content: '';
-  pointer-events: none;
-}
-
 .thead-tr-th-cell {
   background: @globalColor0;
 }

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

@@ -12,13 +12,9 @@ type TableHeaderProps = {
     hasGroup?: boolean;
     getHeaderCellProps?: (columns: TableMaxColumnType[]) => object;
     columnResizeMode: ColumnResizeMode;
-    shadowColumnInfo: {
-        leftLastColumnId: string;
-        rightFirstColumnId: string;
-    };
     disableColumnDrag?: boolean;
     headerRowNum: number;
     manualFiltering: boolean;
 };
-declare const TableHeader: ({ tableContentRef, table, canFilter, enableFilters, canSorting, hasGroup, getHeaderCellProps, columnResizeMode, shadowColumnInfo, disableColumnDrag, rowHeight, headerRowNum, manualFiltering, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableHeader: ({ tableContentRef, table, canFilter, enableFilters, canSorting, hasGroup, getHeaderCellProps, columnResizeMode, disableColumnDrag, rowHeight, headerRowNum, manualFiltering, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default TableHeader;

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

@@ -12,6 +12,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import Cell from "./Cell";
 import "./index.less";
 import { getPinningStyle } from "./utils";
+import { useWhyDidYouUpdate } from 'ahooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var TableHeader = function TableHeader(_ref) {
@@ -24,15 +25,26 @@ var TableHeader = function TableHeader(_ref) {
     hasGroup = _ref.hasGroup,
     getHeaderCellProps = _ref.getHeaderCellProps,
     columnResizeMode = _ref.columnResizeMode,
-    shadowColumnInfo = _ref.shadowColumnInfo,
     disableColumnDrag = _ref.disableColumnDrag,
     rowHeight = _ref.rowHeight,
     headerRowNum = _ref.headerRowNum,
     manualFiltering = _ref.manualFiltering;
   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 leftLastColumnId = shadowColumnInfo.leftLastColumnId,
-    rightFirstColumnId = shadowColumnInfo.rightFirstColumnId;
+  useWhyDidYouUpdate('useWhyDidYouUpdate', {
+    tableContentRef: tableContentRef,
+    table: table,
+    canFilter: canFilter,
+    enableFilters: enableFilters,
+    canSorting: canSorting,
+    hasGroup: hasGroup,
+    getHeaderCellProps: getHeaderCellProps,
+    columnResizeMode: columnResizeMode,
+    disableColumnDrag: disableColumnDrag,
+    rowHeight: rowHeight,
+    headerRowNum: headerRowNum,
+    manualFiltering: manualFiltering
+  });
   return /*#__PURE__*/_jsxs("table", {
     children: [/*#__PURE__*/_jsx("colgroup", {
       children: headers.map(function (header) {
@@ -53,8 +65,7 @@ var TableHeader = function TableHeader(_ref) {
           children: headerGroup.headers.map(function (header) {
             return /*#__PURE__*/_jsx("th", {
               colSpan: header.colSpan,
-              style: _objectSpread({}, getPinningStyle(header, table)),
-              className: "".concat(header.id === leftLastColumnId ? 'thead-tr-th-cell-fix-left-last' : '', " ").concat(header.id === rightFirstColumnId ? 'thead-tr-th-cell-fix-right-first' : ''),
+              style: _objectSpread({}, getPinningStyle(header, table, true)),
               children: header.isPlaceholder || header.id === 'placeholder-column' ? null : /*#__PURE__*/_jsx(Cell, {
                 tableContentRef: tableContentRef,
                 header: header,

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

@@ -3,6 +3,7 @@ table {
   // background: @globalColor_14;
   width: 100%;
   border-collapse: collapse;
+  
   // overflow: hidden;
 
   th {
@@ -92,8 +93,7 @@ table {
     top: 30%;
     height: 40%;
     width: 5px;
-    // background-color: @globalColor_15;
-    border-right: 1px solid @globalColor_15;
+    border-right: 2px solid @globalColor_15;
     cursor: ew-resize;
     user-select: none;
     touch-action: none;
@@ -139,33 +139,6 @@ table {
   font-weight: @global-table-max-header-font-weight;
 }
 
-.thead-tr-th-cell-fix-left-last::after {
-  box-shadow: inset 10px 0 8px -8px #00000026;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: -1px;
-  width: 30px;
-  transform: translate(100%);
-  transition: box-shadow 0.3s;
-  content: '';
-  pointer-events: none;
-  box-sizing: border-box;
-}
-
-.thead-tr-th-cell-fix-right-first::after {
-  box-shadow: inset -10px 0 8px -8px #00000026;
-  position: absolute;
-  top: 0;
-  bottom: -1px;
-  left: 0;
-  width: 30px;
-  transform: translate(-100%);
-  transition: box-shadow 0.3s;
-  content: '';
-  pointer-events: none;
-}
-
 .table-filter-tr {
   border-top: 1px solid @tableColor2;
 

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

@@ -11,6 +11,7 @@ var getOffsetLeft = function getOffsetLeft(list, column, visibleColumnSizesMap)
 };
 var getOffsetRight = function getOffsetRight(list, column, visibleColumnSizesMap) {
   var x = 0;
+  console.log(list, 'list');
   for (var i = list.length - 1; i > 0; i--) {
     var curr = list[i];
     if (curr === column.id) {
@@ -20,7 +21,7 @@ var getOffsetRight = function getOffsetRight(list, column, visibleColumnSizesMap
   }
   return x;
 };
-export var getPinningStyle = function getPinningStyle(header, table) {
+export var getPinningStyle = function getPinningStyle(header, table, isHeader) {
   var _table$getVisibleLeaf;
   var column = header.column;
   var visibleColumnSizes = (_table$getVisibleLeaf = table.getVisibleLeafColumns()) === null || _table$getVisibleLeaf === void 0 ? void 0 : _table$getVisibleLeaf.map(function (item) {
@@ -42,7 +43,10 @@ export var getPinningStyle = function getPinningStyle(header, table) {
         return {
           position: 'sticky',
           left: offsetLeft,
-          zIndex: 100
+          zIndex: 100,
+          transform: 'translateZ(0)',
+          backfaceVisibility: 'hidden' /* 修复渲染抖动 */
+
           // width: column.getSize(),
         };
       }
@@ -50,10 +54,14 @@ export var getPinningStyle = function getPinningStyle(header, table) {
       {
         var offsetRight = 0;
         offsetRight += getOffsetRight(columnPinning.right, column, visibleColumnSizesMap);
+        console.log(offsetRight, 'offsetRight');
         return {
           position: 'sticky',
-          right: offsetRight,
-          zIndex: 100
+          right: offsetRight - 0.5,
+          zIndex: 100,
+          backfaceVisibility: 'hidden',
+          /* 修复渲染抖动 */
+          transform: 'translateZ(0)'
           // width: column.getSize(),
         };
       }

package/dist/components/TableMax/TableMax.js

@@ -38,6 +38,7 @@ import PaginationV2 from "./components/PaginationV2";
 import { useColumnWidth } from "./hooks/useColumnWidth";
 import "./tableMax.less";
 import { downloadExcel, getFormatFilters, getFormatFiltersV2, getFormatSorting, operationColumnNoTooltips } from "./utils";
+import { useTableScrollShadow } from "./hooks/useTableScrollShadow";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ColumnType = /*#__PURE__*/function (ColumnType) {
@@ -62,7 +63,7 @@ var defaultColumnPinningConfig = {
 var initSelectedRowIds = [];
 var initColumnFilters = [];
 var TableMax = function TableMax(_ref) {
-  var _JSON$parse, _tableContentRef$curr;
+  var _JSON$parse;
   var tableId = _ref.tableId,
     originColumns = _ref.columns,
     _ref$datas = _ref.datas,
@@ -376,17 +377,11 @@ var TableMax = function TableMax(_ref) {
     setExpanded = _React$useState2[1];
 
   // 固定列是否显示阴影
-  var _useState35 = useState({
-      left: false,
-      right: false
-    }),
+  var scrollRafId = useRef(null);
+  var _useState35 = useState(defaultCompactMode),
     _useState36 = _slicedToArray(_useState35, 2),
-    pinShadowVisible = _useState36[0],
-    setPinShadowVisible = _useState36[1];
-  var _useState37 = useState(defaultCompactMode),
-    _useState38 = _slicedToArray(_useState37, 2),
-    compactMode = _useState38[0],
-    setCompactMode = _useState38[1];
+    compactMode = _useState36[0],
+    setCompactMode = _useState36[1];
   var onColumnVisibilityChange = function onColumnVisibilityChange(data) {
     if (typeof data === 'function') {
       var _Object$values, _Object$keys;
@@ -965,41 +960,16 @@ var TableMax = function TableMax(_ref) {
       })) === null || _tableRows$find3 === void 0 ? void 0 : _tableRows$find3.original);
     }
   };
-  var getPinShadowInfo = useCallback(function () {
-    var _tableBodyRef$current = tableBodyRef === null || tableBodyRef === void 0 ? void 0 : tableBodyRef.current,
-      scrollWidth = _tableBodyRef$current.scrollWidth,
-      clientWidth = _tableBodyRef$current.clientWidth,
-      scrollLeft = _tableBodyRef$current.scrollLeft;
-    var newLeftShadowVisible, newRightShadowVisible;
-    newLeftShadowVisible = scrollLeft > 0;
-    newRightShadowVisible = scrollWidth - clientWidth - scrollLeft > 1; // 为什么大于1?排除掉小数的情况
-    if (pinShadowVisible.left !== newLeftShadowVisible || pinShadowVisible.right !== newRightShadowVisible) {
-      setPinShadowVisible({
-        left: newLeftShadowVisible,
-        right: newRightShadowVisible
-      });
-    }
-  }, [pinShadowVisible]);
-  useEffect(function () {
-    // 表格宽度变化时（比如调整页面宽度大小），重新计算是否展示阴影
-    getPinShadowInfo();
-  }, [tableContentRef === null || tableContentRef === void 0 || (_tableContentRef$curr = tableContentRef.current) === null || _tableContentRef$curr === void 0 ? void 0 : _tableContentRef$curr.clientWidth, table.getState().columnSizing]);
-  var scrollHandler = useCallback(function (event) {
-    if (!event.currentTarget) return;
-    tableHeaderRef.current.scrollLeft = event.currentTarget.scrollLeft / event.currentTarget.scrollWidth * (tableHeaderRef === null || tableHeaderRef === void 0 ? void 0 : tableHeaderRef.current.scrollWidth);
-    getPinShadowInfo();
-  }, [getPinShadowInfo]);
 
-  // 获取展示阴影的列
-  var shadowColumnInfo = useMemo(function () {
-    var _pop, _shift;
-    var leftLastColumnId = pinShadowVisible.left ? (_pop = _toConsumableArray(table.getLeftVisibleLeafColumns()).pop()) === null || _pop === void 0 ? void 0 : _pop['id'] : '';
-    var rightFirstColumnId = pinShadowVisible.right ? (_shift = _toConsumableArray(table.getRightVisibleLeafColumns()).shift()) === null || _shift === void 0 ? void 0 : _shift['id'] : '';
-    return {
-      leftLastColumnId: leftLastColumnId,
-      rightFirstColumnId: rightFirstColumnId
-    };
-  }, [columnVisibility, columnPinning, pinShadowVisible]);
+  // 横向滚动时，添加列固定阴影
+  useTableScrollShadow({
+    tableBodyRef: tableBodyRef,
+    tableHeaderRef: tableHeaderRef,
+    tableContentRef: tableContentRef,
+    table: table,
+    columnPinning: columnPinning,
+    columnSizing: columnSizing
+  });
   var tableHeaderProps = {
     tableId: tableId,
     tableContentRef: tableContentRef,
@@ -1012,7 +982,6 @@ var TableMax = function TableMax(_ref) {
     hasGroup: hasGroup,
     getHeaderCellProps: getHeaderCellProps,
     columnResizeMode: columnResizeMode,
-    shadowColumnInfo: shadowColumnInfo,
     disableColumnDrag: disableColumnDrag,
     compactMode: compactMode,
     manualFiltering: manualFiltering
@@ -1061,7 +1030,6 @@ var TableMax = function TableMax(_ref) {
     datas: datas,
     theme: theme,
     dragBeforeStart: dragBeforeStart,
-    shadowColumnInfo: shadowColumnInfo,
     getContextMenu: getContextMenu,
     onClickContextMenu: onClickContextMenu,
     getRowHoverTipConfig: getRowHoverTipConfig,
@@ -1221,20 +1189,21 @@ var TableMax = function TableMax(_ref) {
             })]
           }), /*#__PURE__*/_jsx("div", {
             ref: tableBodyRef,
-            className: "table-body",
-            onScroll: scrollHandler,
+            className: "table-body"
+            // onScroll={scrollHandler}
+            ,
             style: {
               width: "100%"
             },
             onMouseEnter: function onMouseEnter() {
-              var _tableBodyRef$current2;
+              var _tableBodyRef$current;
               // 给当前元素添加hover类
-              (_tableBodyRef$current2 = tableBodyRef.current) === null || _tableBodyRef$current2 === void 0 || _tableBodyRef$current2.classList.add('hover-active');
+              (_tableBodyRef$current = tableBodyRef.current) === null || _tableBodyRef$current === void 0 || _tableBodyRef$current.classList.add('hover-active');
             },
             onMouseLeave: function onMouseLeave() {
-              var _tableBodyRef$current3;
+              var _tableBodyRef$current2;
               // 移除当前元素的hover类
-              (_tableBodyRef$current3 = tableBodyRef.current) === null || _tableBodyRef$current3 === void 0 || _tableBodyRef$current3.classList.remove('hover-active');
+              (_tableBodyRef$current2 = tableBodyRef.current) === null || _tableBodyRef$current2 === void 0 || _tableBodyRef$current2.classList.remove('hover-active');
             },
             children: /*#__PURE__*/_jsx(TableBody, _objectSpread({}, tableBodyProps))
           })]

package/dist/components/TableMax/components/ColumnSort/customSortFns.d.ts

@@ -1,13 +1,13 @@
 import { TableMaxColumnType } from "../../type";
-export declare const numberSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-export declare const stringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-export declare const numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-export declare const timeSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+export declare const numberSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+export declare const stringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+export declare const numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+export declare const timeSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
 declare const customSortFns: {
-    numberSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-    stringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-    timeSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
-    numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+    numberSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+    stringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+    timeSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+    numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
 };
 export default customSortFns;
 export type SortFnType = keyof typeof customSortFns | undefined;

package/dist/components/TableMax/hooks/useColumnResize.js

@@ -125,10 +125,12 @@ export var useColumnResize = function useColumnResize(_ref) {
 
       // 立即更新列宽（关键修改点）
       var finalDelta = lastClientXRef.current - startXRef.current;
-      var newWidth = Math.max(20, startWidthRef.current + finalDelta);
-      table.setColumnSizing(function (old) {
-        return _objectSpread(_objectSpread({}, old), {}, _defineProperty({}, header.column.id, newWidth));
-      });
+      if (finalDelta) {
+        var newWidth = Math.max(20, startWidthRef.current + finalDelta);
+        table.setColumnSizing(function (old) {
+          return _objectSpread(_objectSpread({}, old), {}, _defineProperty({}, header.column.id, newWidth));
+        });
+      }
 
       // 隐藏元素
       if (resizeLineRef.current) {

package/dist/components/TableMax/hooks/useColumnWidth.js

@@ -244,9 +244,10 @@ export var useColumnWidth = function useColumnWidth(_ref) {
    */
   var handleColumnSizingChange = useCallback(function (updater) {
     var changedColumn = updater();
-    if (!changedColumn) return;
+    if (!changedColumn || JSON.stringify(changedColumn) === '{}') return;
     setState(produce(function (prevState) {
-      var _ref2 = Object.entries(changedColumn)[0],
+      var _Object$entries;
+      var _ref2 = (_Object$entries = Object.entries(changedColumn)) === null || _Object$entries === void 0 ? void 0 : _Object$entries[0],
         _ref3 = _slicedToArray(_ref2, 2),
         changedKey = _ref3[0],
         newWidth = _ref3[1];

package/dist/components/TableMax/hooks/useTableScrollShadow.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface UseTableScrollShadowProps {
+    tableBodyRef: React.RefObject<HTMLElement>;
+    tableHeaderRef: React.RefObject<HTMLElement>;
+    tableContentRef: React.RefObject<HTMLElement>;
+    table: any;
+    columnPinning: any;
+    columnSizing: any;
+}
+export declare const useTableScrollShadow: ({ tableBodyRef, tableHeaderRef, tableContentRef, table, columnPinning, columnSizing }: UseTableScrollShadowProps) => {
+    changePinShadow: () => void;
+    updateFixedColumnsWidth: () => void;
+};
+export {};

package/dist/components/TableMax/hooks/useTableScrollShadow.js

@@ -0,0 +1,106 @@
+// hooks/useTableScrollShadow.ts
+import { useCallback, useEffect, useRef } from 'react';
+export var useTableScrollShadow = function useTableScrollShadow(_ref) {
+  var _tableContentRef$curr3;
+  var tableBodyRef = _ref.tableBodyRef,
+    tableHeaderRef = _ref.tableHeaderRef,
+    tableContentRef = _ref.tableContentRef,
+    table = _ref.table,
+    columnPinning = _ref.columnPinning,
+    columnSizing = _ref.columnSizing;
+  var scrollRafId = useRef(null);
+  var hasShadow = useRef({
+    left: false,
+    right: true
+  });
+
+  // 检测是否支持 passive events
+  var supportsPassive = function () {
+    var supports = false;
+    try {
+      var opts = Object.defineProperty({}, 'passive', {
+        get: function get() {
+          supports = true;
+        }
+      });
+      window.addEventListener('test', null, opts);
+    } catch (e) {}
+    return supports;
+  }();
+
+  // 更新阴影状态
+  var changePinShadow = useCallback(function () {
+    var _tableContentRef$curr, _tableContentRef$curr2;
+    var tableBody = tableBodyRef.current;
+    if (!tableBody) return;
+    var scrollWidth = tableBody.scrollWidth,
+      clientWidth = tableBody.clientWidth,
+      scrollLeft = tableBody.scrollLeft;
+    var hasLeftShadow = scrollLeft > 0;
+    var hasRightShadow = Math.ceil(scrollLeft + clientWidth) < scrollWidth - 1;
+    (_tableContentRef$curr = tableContentRef.current) === null || _tableContentRef$curr === void 0 || _tableContentRef$curr.style.setProperty('--left-fixed-opacity', "".concat(hasLeftShadow ? 1 : 0));
+    (_tableContentRef$curr2 = tableContentRef.current) === null || _tableContentRef$curr2 === void 0 || _tableContentRef$curr2.style.setProperty('--right-fixed-opacity', "".concat(hasRightShadow ? 1 : 0));
+    // tableContentRef.current?.classList.toggle('shadow-left', hasLeftShadow);
+    // tableContentRef.current?.classList.toggle('shadow-right', hasRightShadow);
+  }, [tableBodyRef, tableContentRef]);
+
+  // 计算固定列宽度
+  var updateFixedColumnsWidth = useCallback(function () {
+    var container = tableContentRef.current;
+    if (!container) return;
+    var leftColumns = table.getLeftVisibleLeafColumns();
+    var rightColumns = table.getRightVisibleLeafColumns();
+    var leftWidth = 0;
+    var rightWidth = 0;
+    leftColumns.forEach(function (col) {
+      leftWidth += col.getSize();
+    });
+    rightColumns.forEach(function (col) {
+      rightWidth += col.getSize();
+    });
+    container.style.setProperty('--left-fixed-columns-width', "".concat(leftWidth, "px"));
+    container.style.setProperty('--right-fixed-columns-width', "".concat(rightWidth + 10, "px"));
+  }, [table, tableContentRef]);
+
+  // 滚动处理函数
+  var handleScroll = useCallback(function (event) {
+    var target = event.currentTarget;
+    if (!target || !tableHeaderRef.current) return;
+    var scrollLeft = target.scrollLeft,
+      scrollWidth = target.scrollWidth;
+    var headerScrollLeft = scrollLeft / scrollWidth * tableHeaderRef.current.scrollWidth;
+
+    // 实时同步表头滚动
+    tableHeaderRef.current.scrollLeft = headerScrollLeft;
+    changePinShadow();
+  }, [tableHeaderRef, changePinShadow]);
+
+  // 初始化滚动监听
+  useEffect(function () {
+    var tableBody = tableBodyRef.current;
+    if (!tableBody) return;
+    tableBody.addEventListener('scroll', handleScroll, supportsPassive ? {
+      passive: true
+    } : false);
+    return function () {
+      if (scrollRafId.current) {
+        cancelAnimationFrame(scrollRafId.current);
+      }
+      tableBody.removeEventListener('scroll', handleScroll);
+    };
+  }, [tableBodyRef, handleScroll, supportsPassive]);
+
+  // 监听表格宽度和列尺寸变化
+  useEffect(function () {
+    changePinShadow();
+  }, [(_tableContentRef$curr3 = tableContentRef.current) === null || _tableContentRef$curr3 === void 0 ? void 0 : _tableContentRef$curr3.clientWidth, columnSizing, changePinShadow]);
+
+  // 监听固定列变化
+  useEffect(function () {
+    updateFixedColumnsWidth();
+  }, [columnPinning, columnSizing, updateFixedColumnsWidth]);
+  return {
+    changePinShadow: changePinShadow,
+    updateFixedColumnsWidth: updateFixedColumnsWidth
+  };
+};

package/dist/components/TableMax/tableMax.less

@@ -127,12 +127,17 @@
       .table-header-wrapper {
         display: flex;
         background: @tableColor2;
+        padding: 0;
 
         .table-header {
+          position: relative;
           overflow: hidden;
           box-sizing: border-box;
           height: fit-content;
-          flex: 1;
+          width: calc(100% - 10px);
+          margin: 0;
+          // flex: 1;
+          justify-content: space-between;
           .cell-wapper {
             line-height: @global-table-max-header-cell-wapper-line-height;
           }
@@ -141,12 +146,15 @@
         .table-header-scroll {
           width: 10px;
           height: 100%;
+          margin: 0;
+          padding: 0;
         }
       }
 
       .table-body {
         flex: 1;
         overflow: scroll scroll;
+        scroll-behavior: smooth;
         font-weight: @global-table-max-body-font-weight;
         // background: @tableColor2;
         .tbody-tr-td {
@@ -270,3 +278,63 @@
     }
   }
 }
+
+.table-center::before {
+  // content: '';
+  // position: absolute;
+  // top: 0;
+  // bottom: 0;
+  // width: 30px;
+  // pointer-events: none;
+  // opacity: 0;
+  // transition: opacity 0.3s;
+  // z-index: 1000;
+
+  box-shadow: inset 10px 0 8px -8px #00000026;
+  position: absolute;
+  top: 0;
+  bottom: -1px;
+  left: 0;
+  width: 30px;
+  // transform: translate(-100%);
+  // transition: box-shadow 0.3s;
+  content: '';
+  pointer-events: none;
+  opacity: var(--left-fixed-opacity);
+  transition: opacity 0.3s ease; /* 添加透明度过渡 */
+  z-index: 1000;
+}
+
+.table-center::after {
+  box-shadow: inset -10px 0 8px -8px #00000026;
+  position: absolute;
+  top: 0;
+  bottom: -1px;
+  right: 0;
+  width: 30px;
+  // transform: translate(100%);
+  // transition: box-shadow 0.3s;
+  content: '';
+  pointer-events: none;
+  opacity: var(--right-fixed-opacity);
+  transition: opacity 0.3s ease; /* 添加透明度过渡 */
+  z-index: 1000;
+}
+
+.table-center::before {
+  left: var(--left-fixed-columns-width);
+  // background: linear-gradient(to right, rgba(0,0,0,0.15), transparent);
+}
+
+.table-center::after {
+  right: var(--right-fixed-columns-width);
+  // background: linear-gradient(to left, rgba(0,0,0,0.15), transparent);
+}
+
+.table-center.shadow-left::before {
+  opacity: 1;
+}
+
+.table-center.shadow-right::after {
+  opacity: 1;
+}

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

@@ -44,3 +44,4 @@ export declare const downloadExcel: ({ url, data, title, setDownLoading, method,
     request?: (...params: any[]) => Promise<Blob>;
 }) => void;
 export declare const filterOptions: (inputValue: any, option: any) => boolean;
+export declare const supportsPassive: boolean;

package/dist/components/TableMax/utils.js

@@ -275,4 +275,16 @@ export var filterOptions = function filterOptions(inputValue, option) {
   var input = (inputValue !== null && inputValue !== void 0 ? inputValue : '').toUpperCase().trim();
   var optionFilterString = ('' + ((_option$label = option.label) !== null && _option$label !== void 0 ? _option$label : option.children)).toUpperCase().trim();
   return optionFilterString.indexOf(input) !== -1;
-};
+};
+export var supportsPassive = function () {
+  var supports = false;
+  try {
+    var opts = Object.defineProperty({}, 'passive', {
+      get: function get() {
+        supports = true;
+      }
+    });
+    window.addEventListener('test', null, opts);
+  } catch (e) {}
+  return supports;
+}();

package/package.json

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