@arim-aisdc/public-components 2.3.38 → 2.3.40

package/dist/assets/iconfont/table/iconfont.css

@@ -1,6 +1,6 @@
 @font-face {
   font-family: "iconfont-table"; /* Project id 4453758 */
-  src: url('iconfont.ttf?t=1740568199599') format('truetype');
+  src: url('./iconfont.ttf?t=1760947738405') format('truetype');
 }
 
 .iconfont-table {
@@ -11,6 +11,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-table-refresh:before {
+  content: "\e8d9";
+}
+
+.icon-table-gengduo:before {
+  content: "\e665";
+}
+
 .icon-table-sort:before {
   content: "\e890";
 }

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: ''
@@ -369,7 +366,7 @@ var Row = function Row(_ref) {
           return enhancedContext.getFormattedValue();
         }
       });
-      var cellClassNames = [columnEditing ? 'tbody-tr-td-editting' : '', safeColumnId === leftLastColumnId ? 'tbody-tr-td-cell-fix-left-last' : '', safeColumnId === 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({
@@ -415,7 +412,7 @@ var Row = function Row(_ref) {
     }
   }, [
   // 依赖项保持不变
-  row, row.id, rowEditing, tableId, editting, canRowDrag, disableDragRowIds, isDragging, selectedRowDragging, rowStyle, handleRowClick, rowMouseEnter, rowMouseLeave, rowClassNames, leftLastColumnId, rightFirstColumnId, cellClassName, theme, rowHeight, table, handleCellRightClick, getCellProps, tableTooltip, onEditValueChange, dateFormat, row.getVisibleCells(), row.getIsSelected()]);
+  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;
@@ -443,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({

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

@@ -14,6 +14,7 @@ type ICellType = {
     headerRowNum: number;
     canFilter?: boolean;
     manualFiltering: boolean;
+    getDynamicFilterOptionsFn?: Function;
 };
-declare const Cell: ({ tableContentRef, header, table, hasGroup, canSorting, getHeaderCellProps, disableColumnDrag, headerRowNum, canFilter, manualFiltering, }: ICellType) => import("react/jsx-runtime").JSX.Element;
+declare const Cell: ({ tableContentRef, header, table, hasGroup, canSorting, getHeaderCellProps, disableColumnDrag, headerRowNum, canFilter, manualFiltering, getDynamicFilterOptionsFn }: ICellType) => import("react/jsx-runtime").JSX.Element;
 export default Cell;

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

@@ -41,7 +41,8 @@ var Cell = function Cell(_ref) {
     disableColumnDrag = _ref.disableColumnDrag,
     headerRowNum = _ref.headerRowNum,
     canFilter = _ref.canFilter,
-    manualFiltering = _ref.manualFiltering;
+    manualFiltering = _ref.manualFiltering,
+    getDynamicFilterOptionsFn = _ref.getDynamicFilterOptionsFn;
   var _useConfig = useConfig(),
     root = _useConfig.root;
   var cannotDragColumn = [ColumnType.Darg, ColumnType.Selection, ColumnType.Expander, ColumnType.PlaceHolder];
@@ -131,7 +132,8 @@ var Cell = function Cell(_ref) {
           onClick: header.column.getToggleSortingHandler()
         }) : null, canFilter && columnDef.enableColumnFilter !== false ? /*#__PURE__*/_jsx(ColumnFilter, {
           column: header.column,
-          manualFiltering: manualFiltering
+          manualFiltering: manualFiltering,
+          getDynamicFilterOptionsFn: getDynamicFilterOptionsFn
         }) : null]
       }) : null, /*#__PURE__*/_jsx("div", {
         className: "cell-resize-handler ".concat(header.column.getIsResizing() ? 'column-is-resizing' : ''),

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

@@ -12,13 +12,10 @@ type TableHeaderProps = {
     hasGroup?: boolean;
     getHeaderCellProps?: (columns: TableMaxColumnType[]) => object;
     columnResizeMode: ColumnResizeMode;
-    shadowColumnInfo: {
-        leftLastColumnId: string;
-        rightFirstColumnId: string;
-    };
     disableColumnDrag?: boolean;
     headerRowNum: number;
     manualFiltering: boolean;
+    getDynamicFilterOptionsFn?: Function;
 };
-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, getDynamicFilterOptionsFn }: 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,27 @@ 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;
+    manualFiltering = _ref.manualFiltering,
+    getDynamicFilterOptionsFn = _ref.getDynamicFilterOptionsFn;
   var headerGroups = table.getHeaderGroups();
   var headers = (headerGroups === null || headerGroups === void 0 || (_headerGroups = headerGroups[headerGroups.length - 1]) === null || _headerGroups === void 0 ? void 0 : _headerGroups.headers) || [];
-  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 +66,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,
@@ -66,7 +78,8 @@ var TableHeader = function TableHeader(_ref) {
                 disableColumnDrag: disableColumnDrag,
                 headerRowNum: headerRowNum,
                 canFilter: canFilter,
-                manualFiltering: manualFiltering
+                manualFiltering: manualFiltering,
+                getDynamicFilterOptionsFn: getDynamicFilterOptionsFn
               }, header.id)
             }, header.id);
           })

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(),
         };
       }