@arim-aisdc/public-components 2.3.38 → 2.3.40

package/dist/components/TableMax/TableMax.js

@@ -21,7 +21,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { MinusSquareOutlined, PlusSquareOutlined } from '@ant-design/icons';
 import { getCoreRowModel, getExpandedRowModel, getFacetedUniqueValues, getFilteredRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
 import { useUpdateEffect } from 'ahooks';
-import { Button, Checkbox, Form, Pagination, Upload } from 'antd';
+import { Button, Checkbox, Form, Pagination, Tooltip, Upload } from 'antd';
 import dayjs from 'dayjs';
 import { cloneDeep, debounce } from 'lodash';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
@@ -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,
@@ -194,7 +195,8 @@ var TableMax = function TableMax(_ref) {
     hasTotalRow = _ref.hasTotalRow,
     totalDatas = _ref.totalDatas,
     pageSizeOptions = _ref.pageSizeOptions,
-    openMemo = _ref.openMemo;
+    openMemo = _ref.openMemo,
+    getDynamicFilterOptionsFn = _ref.getDynamicFilterOptionsFn;
   var tableMaxRef = useRef(null);
   // 表格元素
   var tableContentRef = useRef(null);
@@ -376,17 +378,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 +961,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,10 +983,10 @@ var TableMax = function TableMax(_ref) {
     hasGroup: hasGroup,
     getHeaderCellProps: getHeaderCellProps,
     columnResizeMode: columnResizeMode,
-    shadowColumnInfo: shadowColumnInfo,
     disableColumnDrag: disableColumnDrag,
     compactMode: compactMode,
-    manualFiltering: manualFiltering
+    manualFiltering: manualFiltering,
+    getDynamicFilterOptionsFn: getDynamicFilterOptionsFn
   };
   var tableBodyProps = {
     tableContentRef: tableContentRef,
@@ -1061,7 +1032,6 @@ var TableMax = function TableMax(_ref) {
     datas: datas,
     theme: theme,
     dragBeforeStart: dragBeforeStart,
-    shadowColumnInfo: shadowColumnInfo,
     getContextMenu: getContextMenu,
     onClickContextMenu: onClickContextMenu,
     getRowHoverTipConfig: getRowHoverTipConfig,
@@ -1148,39 +1118,68 @@ var TableMax = function TableMax(_ref) {
                 request: request
               })));
             }
-          }), canRefresh && /*#__PURE__*/_jsx("i", {
-            className: "iconfont-table icon-table-shuaxin handleRightItem",
-            style: {
-              fontSize: '16px',
-              marginRight: 0
-            },
-            onClick: function onClick() {
-              return refreshFun === null || refreshFun === void 0 ? void 0 : refreshFun();
-            }
+          }), canRefresh && /*#__PURE__*/_jsx(Tooltip, {
+            placement: "top",
+            title: '刷新',
+            children: /*#__PURE__*/_jsx("i", {
+              className: "iconfont-table icon-table-shuaxin handleRightItem",
+              style: {
+                fontSize: '16px',
+                marginRight: 0
+              },
+              onClick: function onClick() {
+                return refreshFun === null || refreshFun === void 0 ? void 0 : refreshFun();
+              }
+            })
           }), canEditting && /*#__PURE__*/_jsx("span", {
             className: canClickEditIcon ? undefined : 'disableBtn',
+            children: /*#__PURE__*/_jsx(Tooltip, {
+              placement: "top",
+              title: '编辑',
+              children: /*#__PURE__*/_jsx("i", {
+                className: "iconfont-other icon-other-bianji handleRightItem",
+                style: {
+                  fontSize: '16px',
+                  marginRight: 0
+                },
+                onClick: editFun
+              })
+            })
+          }), canDelete && /*#__PURE__*/_jsx(Tooltip, {
+            placement: "top",
+            title: '删除',
             children: /*#__PURE__*/_jsx("i", {
-              className: "iconfont-other icon-other-bianji handleRightItem",
+              className: "iconfont-table icon-table-delete handleRightItem",
               style: {
                 fontSize: '16px',
                 marginRight: 0
               },
-              onClick: editFun
+              onClick: handleClickDelete
+            })
+          }), canFilter && /*#__PURE__*/_jsx(Tooltip, {
+            placement: "top",
+            title: '重置筛选',
+            children: /*#__PURE__*/_jsx("i", {
+              className: "iconfont-table icon-table-refresh handleRightItem",
+              style: {
+                fontSize: '16px',
+                marginRight: 0
+              },
+              onClick: function onClick() {
+                setColumnFilters(defaultColumnFilters);
+              }
+            })
+          }), canCompact && /*#__PURE__*/_jsx(Tooltip, {
+            placement: "top",
+            title: compactMode ? '标准模式' : '紧凑模式',
+            children: /*#__PURE__*/_jsx("i", {
+              className: "iconfont-table ".concat(compactMode ? 'icon-table-normal' : 'icon-table-tight', "  handleRightItem"),
+              style: {
+                fontSize: '16px',
+                marginRight: 0
+              },
+              onClick: changeCompactMode
             })
-          }), canDelete && /*#__PURE__*/_jsx("i", {
-            className: "iconfont-table icon-table-delete handleRightItem",
-            style: {
-              fontSize: '16px',
-              marginRight: 0
-            },
-            onClick: handleClickDelete
-          }), canCompact && /*#__PURE__*/_jsx("i", {
-            className: "iconfont-table ".concat(compactMode ? 'icon-table-normal' : 'icon-table-tight', "  handleRightItem"),
-            style: {
-              fontSize: '16px',
-              marginRight: 0
-            },
-            onClick: changeCompactMode
           }), canSetting && /*#__PURE__*/_jsx(ColumnSetting, {
             table: table,
             tableId: tableId,
@@ -1221,20 +1220,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/ColumnFilterV2/Filter.d.ts

@@ -1,6 +1,7 @@
 import { Column } from '@tanstack/react-table';
 import React from 'react';
 type IProps = {
+    getDynamicFilterOptionsFn: Function;
     column: Column<any, unknown>;
     onCloseFilterPanel: () => void;
     manualFiltering: boolean;

package/dist/components/TableMax/components/ColumnFilterV2/Filter.js

@@ -13,20 +13,27 @@ import { AutoComplete, DatePicker, Input, InputNumber } from 'antd';
 import dayjs from 'dayjs';
 import { debounce } from 'lodash';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { FilterType, defaultDateFormat, isEmpty } from '.';
+import { FilterType, defaultDateFormat, isEmpty, uniqueByField } from '.';
+import { FilterOperator } from "../../type";
 import { DateRange } from "./DateRange";
 import MultipleSelect from "./MultipleSelect";
 import NumberRange from "./NumberRange";
 import SingleSelect from "./SingleSelect";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Filter = function Filter(_ref) {
-  var column = _ref.column,
+  var getDynamicFilterOptionsFn = _ref.getDynamicFilterOptionsFn,
+    column = _ref.column,
     onCloseFilterPanel = _ref.onCloseFilterPanel,
     manualFiltering = _ref.manualFiltering;
   var columnDef = column === null || column === void 0 ? void 0 : column.columnDef;
   // 筛选组件类型
-  var filterType = columnDef.filterType,
+  var id = columnDef.id,
+    accessorKey = columnDef.accessorKey,
+    filterType = columnDef.filterType,
     filterOptions = columnDef.filterOptions,
+    dynamicFilterOptionsLabelFn = columnDef.dynamicFilterOptionsLabelFn,
+    dynamicFilterOptionsLabelField = columnDef.dynamicFilterOptionsLabelField,
+    dynamicFilterOptionsValueField = columnDef.dynamicFilterOptionsValueField,
     getFilterOptionsFn = columnDef.getFilterOptionsFn,
     _columnDef$isFilterOp = columnDef.isFilterOptionsFrontSearch,
     isFilterOptionsFrontSearch = _columnDef$isFilterOp === void 0 ? false : _columnDef$isFilterOp;
@@ -46,6 +53,16 @@ var Filter = function Filter(_ref) {
     apiLoading = _useState6[0],
     setApiLoading = _useState6[1];
 
+  // 动态接口可选值
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    dynamicApiOptions = _useState8[0],
+    setDynamicApiOptions = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    dynamicApiLoading = _useState10[0],
+    setDynamicApiLoading = _useState10[1];
+
   // 修改表格筛选参数
   var handleChangeFilterValue = function handleChangeFilterValue(value) {
     var newValue = value;
@@ -91,6 +108,9 @@ var Filter = function Filter(_ref) {
     changeFilterValueWithDebounce(value);
     setColumnFilterValue(value);
   };
+  var loading = useMemo(function () {
+    return apiLoading || dynamicApiLoading;
+  }, [apiLoading, dynamicApiLoading]);
 
   // 最终展示的可选值
   var options = useMemo(function () {
@@ -102,10 +122,14 @@ var Filter = function Filter(_ref) {
     if (filterOptions) {
       return filterOptions;
     }
-    // 接口获取的可选值
+    // 列配置接口获取的可选值
     if (getFilterOptionsFn && Array.isArray(apiOptions)) {
       return apiOptions;
     }
+    // 动态接口获取的可选值
+    if (getDynamicFilterOptionsFn && Array.isArray(dynamicApiOptions)) {
+      return dynamicApiOptions;
+    }
     // 后端筛选时，不再填充可选值
     if (manualFiltering) {
       return [];
@@ -119,17 +143,17 @@ var Filter = function Filter(_ref) {
         label: item + ''
       };
     });
-  }, [column.getFacetedUniqueValues(), filterOptions, manualFiltering, apiOptions]);
+  }, [column.getFacetedUniqueValues(), filterOptions, manualFiltering, apiOptions, dynamicApiOptions]);
 
   // 调用接口获取可选值
   var fetchOptions = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(inputValue) {
-      var res;
+      var res, _ref3, _ref4, filterField, valueField, filter, _res, uniqueData, _options;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!getFilterOptionsFn) {
-              _context.next = 13;
+              _context.next = 15;
               break;
             }
             _context.prev = 1;
@@ -148,16 +172,55 @@ var Filter = function Filter(_ref) {
             setApiOptions([]);
           case 12:
             setApiLoading(false);
-          case 13:
+            _context.next = 33;
+            break;
+          case 15:
+            if (!getDynamicFilterOptionsFn) {
+              _context.next = 33;
+              break;
+            }
+            setDynamicApiLoading(true);
+            _context.prev = 17;
+            filterField = (_ref3 = dynamicFilterOptionsLabelField !== null && dynamicFilterOptionsLabelField !== void 0 ? dynamicFilterOptionsLabelField : id) !== null && _ref3 !== void 0 ? _ref3 : accessorKey;
+            valueField = (_ref4 = dynamicFilterOptionsValueField !== null && dynamicFilterOptionsValueField !== void 0 ? dynamicFilterOptionsValueField : id) !== null && _ref4 !== void 0 ? _ref4 : accessorKey;
+            filter = inputValue ? {
+              field: filterField,
+              operator: FilterOperator.Contains,
+              value: inputValue
+            } : undefined;
+            _context.next = 23;
+            return getDynamicFilterOptionsFn(filter, filterField, inputValue);
+          case 23:
+            _res = _context.sent;
+            uniqueData = uniqueByField(_res, [valueField]);
+            _options = uniqueData.map(function (item) {
+              var _ref5, _ref6, _dynamicFilterOptions;
+              var label = (_ref5 = (_ref6 = (_dynamicFilterOptions = dynamicFilterOptionsLabelFn === null || dynamicFilterOptionsLabelFn === void 0 ? void 0 : dynamicFilterOptionsLabelFn(item)) !== null && _dynamicFilterOptions !== void 0 ? _dynamicFilterOptions : item === null || item === void 0 ? void 0 : item[dynamicFilterOptionsLabelField]) !== null && _ref6 !== void 0 ? _ref6 : item === null || item === void 0 ? void 0 : item[id]) !== null && _ref5 !== void 0 ? _ref5 : item === null || item === void 0 ? void 0 : item[accessorKey];
+              var value = item === null || item === void 0 ? void 0 : item[valueField];
+              return {
+                label: label,
+                value: value
+              };
+            });
+            setDynamicApiOptions(_options);
+            _context.next = 32;
+            break;
+          case 29:
+            _context.prev = 29;
+            _context.t1 = _context["catch"](17);
+            setDynamicApiOptions([]);
+          case 32:
+            setDynamicApiLoading(false);
+          case 33:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 9]]);
+      }, _callee, null, [[1, 9], [17, 29]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), [getFilterOptionsFn]);
+  }(), [getFilterOptionsFn, getDynamicFilterOptionsFn]);
   var onSearch = useCallback(debounce(function (value) {
     // console.log('onSearch', value);
     fetchOptions(value);
@@ -165,8 +228,8 @@ var Filter = function Filter(_ref) {
   useEffect(function () {
     if ([FilterType.SingleSelect, FilterType.MultiSelect].includes(filterType)) {
       // 打开后自动获取可选值
-      var _ref3 = columnFilterValue || {},
-        optionsParam = _ref3.optionsParam;
+      var _ref7 = columnFilterValue || {},
+        optionsParam = _ref7.optionsParam;
       fetchOptions(optionsParam);
     }
   }, []);
@@ -276,7 +339,7 @@ var Filter = function Filter(_ref) {
           options: options,
           isFrontSearch: isFilterOptionsFrontSearch,
           onCloseFilterPanel: onCloseFilterPanel,
-          loading: apiLoading
+          loading: loading
         });
       case FilterType.MultiSelect:
       default:
@@ -285,7 +348,7 @@ var Filter = function Filter(_ref) {
           onChange: handleChangeSelectFilterValue,
           onSearch: onSearch,
           options: options,
-          loading: apiLoading,
+          loading: loading,
           isFrontSearch: isFilterOptionsFrontSearch,
           onCloseFilterPanel: onCloseFilterPanel
         });

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

@@ -30,8 +30,10 @@ export type IFilterFnEnum = {
     [key in FilterType]: FilterFnType;
 };
 export declare function setDefaultFilterFn(columns: TableMaxColumnType[]): TableMaxColumnType[];
-export declare function ColumnFilter({ column, manualFiltering }: {
+export declare function ColumnFilter({ column, manualFiltering, getDynamicFilterOptionsFn }: {
     column: Column<any, unknown>;
     manualFiltering: boolean;
+    getDynamicFilterOptionsFn: Function;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function isEmpty(value: any): boolean;
+export declare function uniqueByField(arr: any, field: any): any;

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

@@ -64,7 +64,8 @@ export function setDefaultFilterFn(columns) {
 }
 export function ColumnFilter(_ref) {
   var column = _ref.column,
-    manualFiltering = _ref.manualFiltering;
+    manualFiltering = _ref.manualFiltering,
+    getDynamicFilterOptionsFn = _ref.getDynamicFilterOptionsFn;
   var _useConfig = useConfig(),
     root = _useConfig.root;
   var _useState = useState(false),
@@ -84,10 +85,10 @@ export function ColumnFilter(_ref) {
       setFilterPanelVisible(false);
     };
     if (filterPanelVisible) {
-      window.addEventListener('click', clickHandler);
+      window.addEventListener('mousedown', clickHandler);
     }
     return function () {
-      window.removeEventListener('click', clickHandler);
+      window.removeEventListener('mousedown', clickHandler);
     };
   }, [filterPanelVisible]);
 
@@ -148,7 +149,11 @@ export function ColumnFilter(_ref) {
       onClick: function onClick(e) {
         return e.stopPropagation();
       },
+      onMouseDown: function onMouseDown(e) {
+        return e.stopPropagation();
+      },
       children: /*#__PURE__*/_jsx(Filter, {
+        getDynamicFilterOptionsFn: getDynamicFilterOptionsFn,
         column: column,
         onCloseFilterPanel: handleClosePanel,
         manualFiltering: manualFiltering
@@ -160,4 +165,15 @@ export function isEmpty(value) {
   if (value) return false;
   if (value === false || value === 0) return false;
   return true;
+}
+export function uniqueByField(arr, field) {
+  var map = new Map();
+  return arr.filter(function (item) {
+    var key = item[field];
+    if (!map.has(key)) {
+      map.set(key, true);
+      return true;
+    }
+    return false;
+  });
 }

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

@@ -343,9 +343,13 @@ var ColumnSetting = function ColumnSetting(_ref3) {
     onClick: function onClick(e) {
       return e.stopPropagation();
     },
-    children: [/*#__PURE__*/_jsx("i", {
-      className: "handleRightItem icon iconfont-table icon-table-shezhi",
-      onClick: onColumnConfigClick
+    children: [/*#__PURE__*/_jsx(Tooltip, {
+      placement: "top",
+      title: '设置',
+      children: /*#__PURE__*/_jsx("i", {
+        className: "handleRightItem icon iconfont-table icon-table-shezhi",
+        onClick: onColumnConfigClick
+      })
     }), settingVisible ? /*#__PURE__*/createPortal( /*#__PURE__*/_jsxs("div", {
       ref: configWrapperRef,
       className: "column-config-wapper",

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/useInfiniteScroll.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import type { SWRInfiniteConfiguration } from 'swr/infinite';
+interface UseInfiniteScrollOptions<T> {
+    getKey: (pageIndex: number, previousPageData: T | null) => any;
+    fetcher: (params: any) => Promise<T>;
+    pageSize?: number;
+    swrOptions?: SWRInfiniteConfiguration;
+    rootMargin?: string;
+    threshold?: number;
+}
+interface UseInfiniteScrollReturn<T> {
+    data: T[] | undefined;
+    items: any[];
+    size: number;
+    setSize: (size: number | ((_size: number) => number)) => Promise<any[]>;
+    isValidating: boolean;
+    isLoadingMore: boolean;
+    hasMore: boolean;
+    error: any;
+    loadMore: () => void;
+    triggerRef: React.RefObject<HTMLDivElement>;
+}
+export declare function useInfiniteScroll<T extends {
+    items?: any[];
+    totalCount?: number;
+    hasMore?: boolean;
+}>({ getKey, fetcher, pageSize, swrOptions, rootMargin, threshold }: UseInfiniteScrollOptions<T>): UseInfiniteScrollReturn<T>;
+export {};