@arim-aisdc/public-components 2.3.39 → 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/BaseInfo/BaseInfo.d.ts

@@ -17,7 +17,7 @@ export declare const foramtBaseInfoField: (data: any, dataField: BaseInfoFieldTy
     value: any;
     field: string;
     label?: string;
-    text: string | Element | JSX.Element;
+    text: string | JSX.Element | Element;
     units?: string;
     width?: string;
     labelWidth?: string;

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

@@ -15,6 +15,7 @@ type TableHeaderProps = {
     disableColumnDrag?: boolean;
     headerRowNum: number;
     manualFiltering: boolean;
+    getDynamicFilterOptionsFn?: Function;
 };
-declare const TableHeader: ({ tableContentRef, table, canFilter, enableFilters, canSorting, hasGroup, getHeaderCellProps, columnResizeMode, 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

@@ -28,7 +28,8 @@ var TableHeader = function TableHeader(_ref) {
     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) || [];
   useWhyDidYouUpdate('useWhyDidYouUpdate', {
@@ -77,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/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';
@@ -195,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);
@@ -984,7 +985,8 @@ var TableMax = function TableMax(_ref) {
     columnResizeMode: columnResizeMode,
     disableColumnDrag: disableColumnDrag,
     compactMode: compactMode,
-    manualFiltering: manualFiltering
+    manualFiltering: manualFiltering,
+    getDynamicFilterOptionsFn: getDynamicFilterOptionsFn
   };
   var tableBodyProps = {
     tableContentRef: tableContentRef,
@@ -1116,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,

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/components/ColumnSort/customSortFns.d.ts

@@ -1,13 +1,13 @@
 import { TableMaxColumnType } from "../../type";
-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;
+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;
 declare const customSortFns: {
-    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;
+    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;
 };
 export default customSortFns;
 export type SortFnType = keyof typeof customSortFns | undefined;

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 {};

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

@@ -0,0 +1,95 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// hooks/useInfiniteScroll.ts
+import { useEffect, useRef, useCallback, useMemo } from 'react';
+import useSWRInfinite from 'swr/infinite';
+export function useInfiniteScroll(_ref) {
+  var getKey = _ref.getKey,
+    fetcher = _ref.fetcher,
+    _ref$pageSize = _ref.pageSize,
+    pageSize = _ref$pageSize === void 0 ? 20 : _ref$pageSize,
+    _ref$swrOptions = _ref.swrOptions,
+    swrOptions = _ref$swrOptions === void 0 ? {} : _ref$swrOptions,
+    _ref$rootMargin = _ref.rootMargin,
+    rootMargin = _ref$rootMargin === void 0 ? '100px' : _ref$rootMargin,
+    _ref$threshold = _ref.threshold,
+    threshold = _ref$threshold === void 0 ? 0.1 : _ref$threshold;
+  var _useSWRInfinite = useSWRInfinite(getKey, fetcher, _objectSpread({
+      revalidateFirstPage: false,
+      revalidateOnFocus: false
+    }, swrOptions)),
+    data = _useSWRInfinite.data,
+    size = _useSWRInfinite.size,
+    setSize = _useSWRInfinite.setSize,
+    isValidating = _useSWRInfinite.isValidating,
+    error = _useSWRInfinite.error;
+
+  // 计算状态
+  var items = useMemo(function () {
+    return (data === null || data === void 0 ? void 0 : data.flatMap(function (page) {
+      return (page === null || page === void 0 ? void 0 : page.items) || [];
+    })) || [];
+  }, [data]);
+  var lastPage = data === null || data === void 0 ? void 0 : data[data.length - 1];
+  var hasMore = useMemo(function () {
+    if ((lastPage === null || lastPage === void 0 ? void 0 : lastPage.hasMore) === false) return false;
+    if ((lastPage === null || lastPage === void 0 ? void 0 : lastPage.totalCount) !== undefined) {
+      return items.length < lastPage.totalCount;
+    }
+    // 如果没有 totalCount，根据 items 长度判断
+    return !lastPage || lastPage.items && lastPage.items.length >= pageSize;
+  }, [lastPage, items.length, pageSize]);
+  var isLoadingMore = isValidating && size > 0;
+
+  // 滚动触发相关逻辑
+  var observerRef = useRef();
+  var triggerRef = useRef(null);
+
+  // 加载更多回调
+  var loadMore = useCallback(function () {
+    if (hasMore && !isLoadingMore) {
+      setSize(size + 1);
+    }
+  }, [hasMore, isLoadingMore, setSize, size]);
+
+  // 观察器回调
+  var handleObserver = useCallback(function (entries) {
+    var target = entries[0];
+    if (target.isIntersecting) {
+      loadMore();
+    }
+  }, [loadMore]);
+
+  // 设置 Intersection Observer
+  useEffect(function () {
+    var observer = new IntersectionObserver(handleObserver, {
+      root: null,
+      rootMargin: rootMargin,
+      threshold: threshold
+    });
+    if (triggerRef.current) {
+      observer.observe(triggerRef.current);
+    }
+    observerRef.current = observer;
+    return function () {
+      var _observerRef$current;
+      (_observerRef$current = observerRef.current) === null || _observerRef$current === void 0 || _observerRef$current.disconnect();
+    };
+  }, [handleObserver, rootMargin, threshold]);
+  return {
+    data: data,
+    items: items,
+    size: size,
+    setSize: setSize,
+    isValidating: isValidating,
+    isLoadingMore: isLoadingMore,
+    hasMore: hasMore,
+    error: error,
+    loadMore: loadMore,
+    triggerRef: triggerRef
+  };
+}

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

@@ -318,7 +318,13 @@ export type TableMaxProps = {
     totalDatas?: any[];
     /**分页，每页多少条可选值 */
     pageSizeOptions?: number[];
+    /**useMemo缓存row */
     openMemo?: boolean;
+    /**动态筛选-全局配置所有列的列筛选下拉选的值 */
+    getDynamicFilterOptionsFn?: (filter: {
+        field: string;
+        opera: any;
+    }, field: string, value: any) => Promise<any>;
 };
 export interface TableMaxColumnType {
     /**每一列的id是唯一的 */
@@ -345,6 +351,12 @@ export interface TableMaxColumnType {
         value: any;
         label: any;
     }[];
+    /**列筛选时 动态接口获取的可选值 label指定字段 */
+    dynamicFilterOptionsLabelField?: string;
+    /**列筛选时 动态接口获取的可选值 label指定函数 */
+    dynamicFilterOptionsLabelFn?: Function;
+    /**列筛选时 动态接口获取的可选值 value指定字段 */
+    dynamicFilterOptionsValueField?: string;
     /**通过该函数获取可选项 */
     getFilterOptionsFn?: IGetOptionType;
     /** 表头筛选组件SingleSelect/MultiSelect中，输入字符串时对可选项进行过滤，是否前端过滤，默认false */

package/package.json

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