@4399ywkf/design 1.3.12 → 2.1.0

package/dist/Table/table.js

@@ -1,70 +1,43 @@
-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 = ["title", "onSearch", "storageName", "columns", "dataSource", "pagination", "total", "size", "rowSelection"];
+var _excluded = ["title", "onSearch", "request", "manualRequest", "params", "onRequestError", "renderRequestError", "renderRequestEmpty", "renderPagination", "storageName", "columns", "dataSource", "pagination", "total", "size", "rowSelection"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { useDeepCompareEffect } from 'ahooks';
 import { ConfigProvider, Table } from 'antd';
 import zhCN from 'antd/locale/zh_CN';
-import React, { forwardRef, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import React, { forwardRef, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo } from 'react';
 import { useStore } from 'zustand';
 import TableTitle from "./components/TableTitle";
-import { genColumnKey, genRichColumnToColumn, mergePagination, mergeTablePagination } from "./utils";
-import { Container, StoreContext } from "./utils/Provide";
-import "./style.css";
-
-// 定义ref类型
-
-// 使用自定义hook来管理订阅
-var useStoreRef = function useStoreRef(selector) {
-  var store = useContext(StoreContext);
-  var ref = useRef(selector(store.getState()));
-  useEffect(function () {
-    var unsubscribe = store.subscribe(function (state) {
-      ref.current = selector(state);
-    });
-    return unsubscribe;
-  }, [store, selector]);
-  return ref;
-};
+import { TableContext } from "./context";
+import { useColumnsInit, useEmptyText, usePagination, useQuerySnapshot, useRowSelection, useSearchEffect, useTableChange, useTriggerSearch } from "./hooks";
+import { genRichColumnToColumn } from "./utils";
+import { StoreContext } from "./utils/Provide";
+import { useStyles } from "./style";
+var EMPTY_COLUMNS = [];
 var CustomTable = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _restProps$className;
+  var _restProps$locale, _restProps$className, _restProps$locale2;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
   var store = useContext(StoreContext);
-  var _useStore = useStore(store),
-    queryData = _useStore.queryData,
-    _setPagination = _useStore.setPagination,
-    setTotal = _useStore.setTotal,
-    _setFilter = _useStore.setFilter,
-    setStorageName = _useStore.setStorageName,
-    readLocalData = _useStore.readLocalData,
-    resetFilter = _useStore.resetFilter,
-    _setSize = _useStore.setSize,
-    setSortOrder = _useStore.setSortOrder,
-    setColumnSetting = _useStore.setColumnSetting,
-    setOffset = _useStore.setOffset,
-    columnSetting = _useStore.columnSetting;
-  var queryDataRef = useStoreRef(function (state) {
-    return state.queryData;
-  });
-  var columnSettingRef = useStoreRef(function (state) {
-    return state.columnSetting;
-  });
   var title = props.title,
     onSearch = props.onSearch,
+    request = props.request,
+    _props$manualRequest = props.manualRequest,
+    manualRequest = _props$manualRequest === void 0 ? false : _props$manualRequest,
+    params = props.params,
+    onRequestError = props.onRequestError,
+    renderRequestError = props.renderRequestError,
+    renderRequestEmpty = props.renderRequestEmpty,
+    renderPagination = props.renderPagination,
     storageName = props.storageName,
     _props$columns = props.columns,
-    propsColumns = _props$columns === void 0 ? [] : _props$columns,
+    propsColumns = _props$columns === void 0 ? EMPTY_COLUMNS : _props$columns,
     dataSource = props.dataSource,
     propsPagination = props.pagination,
     _props$total = props.total,
@@ -73,159 +46,161 @@ var CustomTable = /*#__PURE__*/forwardRef(function (props, ref) {
     size = _props$size === void 0 ? 'middle' : _props$size,
     propsRowSelection = props.rowSelection,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRowKeys = _useState2[0],
-    setSelectedRowKeys = _useState2[1];
 
-  /** 计算出默认的分页 */
-  var defaultPagination = mergeTablePagination(propsPagination, storageName);
+  // --- store actions ---
+  var setStorageName = useStore(store, function (s) {
+    return s.setStorageName;
+  });
+  var readLocalData = useStore(store, function (s) {
+    return s.readLocalData;
+  });
+  var setTotal = useStore(store, function (s) {
+    return s.setTotal;
+  });
+  var setSize = useStore(store, function (s) {
+    return s.setSize;
+  });
+  var setFilter = useStore(store, function (s) {
+    return s.setFilter;
+  });
+  var setPagination = useStore(store, function (s) {
+    return s.setPagination;
+  });
+  var setManualRequested = useStore(store, function (s) {
+    return s.setManualRequested;
+  });
+  var columnSetting = useStore(store, function (s) {
+    return s.columnSetting;
+  });
+  var requestLoading = useStore(store, function (s) {
+    return s.requestLoading;
+  });
+  var storeTotal = useStore(store, function (s) {
+    return s.total;
+  });
 
-  // React 18: 使用forwardRef正确处理ref
-  useImperativeHandle(ref, function () {
-    return {
-      setFilter: function setFilter(key, value, exact) {
-        _setFilter(key, value, exact);
-      },
-      setPagination: function setPagination(page, pageSize) {
-        _setPagination(page, pageSize);
-      },
-      setSize: function setSize(value) {
-        _setSize(value);
-      },
-      queryData: queryData
-    };
+  // --- domain hooks ---
+  var querySnapshot = useQuerySnapshot();
+  var _useTriggerSearch = useTriggerSearch({
+      request: request,
+      onSearch: onSearch,
+      params: params,
+      onRequestError: onRequestError
+    }),
+    triggerSearch = _useTriggerSearch.triggerSearch,
+    reload = _useTriggerSearch.reload,
+    reset = _useTriggerSearch.reset;
+  var mergedTotal = request ? storeTotal : total;
+  var pagination = usePagination(propsPagination, mergedTotal);
+  var onChangeTable = useTableChange(propsColumns);
+  var rowSelection = useRowSelection(propsRowSelection);
+  var emptyText = useEmptyText({
+    request: request,
+    renderRequestError: renderRequestError,
+    renderRequestEmpty: renderRequestEmpty,
+    defaultEmptyText: (_restProps$locale = restProps.locale) === null || _restProps$locale === void 0 ? void 0 : _restProps$locale.emptyText
+  });
+  useColumnsInit(propsColumns, storageName);
+  useSearchEffect(triggerSearch, {
+    request: request,
+    manualRequest: manualRequest,
+    params: params
   });
-  useEffect(function () {
-    if (storageName) {
-      setStorageName(storageName);
-    }
-    var newTotal = total || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0;
-    setTotal(newTotal);
-  }, [storageName, total, dataSource === null || dataSource === void 0 ? void 0 : dataSource.length]);
 
-  /** 合并出真实的值 */
-  var pagination = mergePagination(defaultPagination, total);
+  // --- simple side effects ---
   useLayoutEffect(function () {
-    if (storageName) {
-      readLocalData(storageName);
-    }
-  }, [storageName]);
-  useDeepCompareEffect(function () {
-    var columnSettingList = [];
-    propsColumns === null || propsColumns === void 0 || propsColumns.map(function (col, index) {
-      var _col$dataIndex;
-      var columnKey = genColumnKey(col.key || (Array.isArray(col.dataIndex) ? col.dataIndex.join('.') : (_col$dataIndex = col.dataIndex) === null || _col$dataIndex === void 0 ? void 0 : _col$dataIndex.toString()), index);
-      if (col.defaultFilteredValue) {
-        _setFilter(columnKey, col.defaultFilteredValue);
-      }
-      if (col.filteredValue) {
-        _setFilter(columnKey, col.filteredValue);
-      }
-      if (col.defaultSortOrder) {
-        setSortOrder(columnKey, col.defaultSortOrder);
-      }
-      if (col.sortOrder) {
-        setSortOrder(columnKey, col.sortOrder);
-      }
-      columnSettingList.push({
-        key: columnKey,
-        disabled: col.disable,
-        hidden: col.hidden
-      });
-    });
-    if (!localStorage.getItem("".concat(storageName, "_columns"))) {
-      setColumnSetting(columnSettingList);
-    }
-  }, [propsColumns, storageName]);
-  useDeepCompareEffect(function () {
-    if (queryData.limit != undefined) {
-      if (onSearch) {
-        onSearch(queryDataRef.current);
-      }
-    }
-  }, [queryData.limit, queryData.order, queryData.filter, queryData.search, queryData.offset]);
-  var onChangeTable = function onChangeTable(pagination, filters, sorter, extra) {
-    var _pagination$current, _pagination$pageSize, _sorter$field, _findObj$sorter;
-    switch (extra.action) {
-      case 'paginate':
-        _setPagination((_pagination$current = pagination.current) !== null && _pagination$current !== void 0 ? _pagination$current : 1, (_pagination$pageSize = pagination.pageSize) !== null && _pagination$pageSize !== void 0 ? _pagination$pageSize : 10);
-        return;
-      case 'sort':
-        var columnKey = genColumnKey(sorter.columnKey || (Array.isArray(sorter.field) ? sorter.field.join('.') : (_sorter$field = sorter.field) === null || _sorter$field === void 0 ? void 0 : _sorter$field.toString()));
-        var isMultiple = false;
-        var findObj = propsColumns.find(function (column, index) {
-          var _column$dataIndex;
-          var colKey = genColumnKey(column.key || (Array.isArray(column.dataIndex) ? column.dataIndex.join('.') : (_column$dataIndex = column.dataIndex) === null || _column$dataIndex === void 0 ? void 0 : _column$dataIndex.toString()), index);
-          return colKey === columnKey;
-        });
-        if (findObj !== null && findObj !== void 0 && (_findObj$sorter = findObj.sorter) !== null && _findObj$sorter !== void 0 && _findObj$sorter.multiple) {
-          isMultiple = true;
-        }
-        setSortOrder(columnKey, sorter.order, isMultiple);
-        return;
-      case 'filter':
-        Object.keys(filters).forEach(function (key) {
-          _setFilter(key, filters[key]);
-        });
-        setOffset(0);
-        return;
+    if (storageName) readLocalData(storageName);
+    var s = store.getState();
+    if (s.limit === undefined) {
+      var _ref, _propsPagination$page;
+      var ps = _typeof(propsPagination) === 'object' ? (_ref = (_propsPagination$page = propsPagination.pageSize) !== null && _propsPagination$page !== void 0 ? _propsPagination$page : propsPagination.defaultPageSize) !== null && _ref !== void 0 ? _ref : 20 : 20;
+      setPagination(1, ps);
     }
-  };
+  }, [storageName, readLocalData, store, propsPagination, setPagination]);
   useEffect(function () {
-    _setSize(size);
-  }, [size]);
-
-  /**
-   * 接管Table的批量选择
-   */
-  var rowSelection = useMemo(function () {
-    if (!propsRowSelection) {
-      return undefined;
-    } else {
-      var propsRowSelectionOnChange = propsRowSelection.onChange;
-      propsRowSelection.onChange = function (selectedRowKeys, selectedRows, info) {
-        setSelectedRowKeys(selectedRowKeys);
-        if (propsRowSelectionOnChange && typeof propsRowSelectionOnChange === 'function') {
-          propsRowSelectionOnChange(selectedRowKeys, selectedRows, info);
-        }
-      };
-      return propsRowSelection;
-    }
-  }, [propsRowSelection]);
+    if (storageName) setStorageName(storageName);
+    if (!request) setTotal(total || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0);
+  }, [storageName, total, dataSource === null || dataSource === void 0 ? void 0 : dataSource.length, setStorageName, setTotal, request]);
   useEffect(function () {
-    var unsubscribe = store.subscribe(function (state) {
-      queryDataRef.current = state.queryData;
-    });
-    return unsubscribe;
-  }, [store]);
-  return /*#__PURE__*/React.createElement(ConfigProvider, {
-    locale: zhCN
-  }, /*#__PURE__*/React.createElement(Container, {
-    initValue: _objectSpread({
-      setFilter: _setFilter,
-      queryData: queryData,
+    setSize(size);
+  }, [size, setSize]);
+  useEffect(function () {
+    if (manualRequest) setManualRequested(false);
+  }, [manualRequest, setManualRequested]);
+
+  // --- ref ---
+  useImperativeHandle(ref, function () {
+    return {
+      setFilter: setFilter,
+      setPagination: setPagination,
+      setSize: setSize,
+      reload: reload,
+      reset: reset,
+      queryData: store.getState().getQuerySnapshot()
+    };
+  });
+
+  // --- context value ---
+  var ctxValue = useMemo(function () {
+    return {
       columns: propsColumns,
       title: title,
+      dataSource: dataSource,
+      isShowToggleColumns: restProps.isShowToggleColumns,
+      isShowSize: restProps.isShowSize,
+      isShowExport: restProps.isShowExport,
+      isShowReload: restProps.isShowReload,
+      quickInputToolTipRender: restProps.quickInputToolTipRender,
+      quickInputPlaceholder: restProps.quickInputPlaceholder,
+      rowSelection: propsRowSelection,
+      request: request,
+      manualRequest: manualRequest,
+      params: params,
       onSearch: onSearch,
-      setSelectedRowKeys: setSelectedRowKeys,
-      selectedRowKeys: selectedRowKeys
-    }, restProps)
+      onRequestError: onRequestError,
+      renderRequestError: renderRequestError,
+      renderRequestEmpty: renderRequestEmpty,
+      triggerSearch: triggerSearch,
+      reload: reload,
+      reset: reset
+    };
+  }, [propsColumns, title, dataSource, restProps.isShowToggleColumns, restProps.isShowSize, restProps.isShowExport, restProps.isShowReload, restProps.quickInputToolTipRender, restProps.quickInputPlaceholder, propsRowSelection, request, manualRequest, params, onSearch, onRequestError, renderRequestError, renderRequestEmpty, triggerSearch, reload, reset]);
+  var data = request ? store.getState().requestDataSource : dataSource;
+  var useCustomPagination = !!renderPagination;
+  var paginationForTable = useCustomPagination || propsPagination === false ? false : pagination;
+  var paginationState = useMemo(function () {
+    var _pagination$current, _pagination$pageSize;
+    if (!useCustomPagination) return null;
+    var pCurrent = _typeof(pagination) === 'object' ? (_pagination$current = pagination.current) !== null && _pagination$current !== void 0 ? _pagination$current : 1 : 1;
+    var pPageSize = _typeof(pagination) === 'object' ? (_pagination$pageSize = pagination.pageSize) !== null && _pagination$pageSize !== void 0 ? _pagination$pageSize : 20 : 20;
+    return {
+      current: pCurrent,
+      pageSize: pPageSize,
+      total: mergedTotal,
+      onChange: setPagination
+    };
+  }, [useCustomPagination, pagination, mergedTotal, setPagination]);
+  return /*#__PURE__*/React.createElement(TableContext.Provider, {
+    value: ctxValue
+  }, /*#__PURE__*/React.createElement(ConfigProvider, {
+    locale: zhCN
   }, /*#__PURE__*/React.createElement(Table, _extends({}, restProps, {
-    size: queryData.size,
-    className: (_restProps$className = restProps === null || restProps === void 0 ? void 0 : restProps.className) !== null && _restProps$className !== void 0 ? _restProps$className : 'rich-table',
+    size: querySnapshot.size,
+    className: cx(styles.table, (_restProps$className = restProps === null || restProps === void 0 ? void 0 : restProps.className) !== null && _restProps$className !== void 0 ? _restProps$className : 'rich-table'),
     title: function title(currentPageData) {
       return /*#__PURE__*/React.createElement(TableTitle, {
         currentPageData: currentPageData
       });
     },
-    columns: genRichColumnToColumn(propsColumns, queryDataRef.current, _setFilter, columnSettingRef.current, dataSource),
-    dataSource: dataSource,
-    pagination: propsPagination === false ? false : pagination,
+    columns: genRichColumnToColumn(propsColumns, querySnapshot, setFilter, columnSetting, data),
+    dataSource: data,
+    pagination: paginationForTable,
     onChange: onChangeTable,
-    rowSelection: rowSelection
-  }))));
+    rowSelection: rowSelection,
+    loading: request ? requestLoading : restProps.loading,
+    locale: _objectSpread(_objectSpread({}, (_restProps$locale2 = restProps.locale) !== null && _restProps$locale2 !== void 0 ? _restProps$locale2 : {}), {}, {
+      emptyText: emptyText
+    })
+  })), paginationState && (renderPagination === null || renderPagination === void 0 ? void 0 : renderPagination(paginationState))));
 });
-
-// React 18: 使用forwardRef包装组件
 export default CustomTable;

package/dist/Table/type.d.ts

@@ -1,46 +1,8 @@
 /// <reference types="react" />
-import type { TablePaginationConfig } from 'antd';
-import type { ColumnProps, TableProps } from 'antd/lib/table';
-export interface BearState {
-    queryData: {
-        defaultPageSize: number;
-        defaultCurrent: number;
-        offset?: number;
-        limit?: number;
-        search?: string;
-        filter?: {
-            [index: string]: {
-                value: any[];
-                exact: boolean;
-            };
-        };
-        sort?: string;
-        order?: 'descend' | 'desc' | string | null;
-        storageName?: string;
-        multipleSort?: any[];
-        total?: number;
-        size?: 'large' | 'middle' | 'small';
-    };
-    columnSetting: {
-        key: string;
-        hidden?: boolean;
-        disabled?: boolean | {
-            checkbox?: boolean;
-        };
-    }[];
-    setPagination: (newPage: number, newPageSize: number) => void;
-    setFilter: (key: string, value: any, exact?: boolean) => void;
-    setStorageName: (key: string) => void;
-    readLocalData: (key?: string) => void;
-    resetFilter: () => void;
-    setSearch: (value: string) => void;
-    setSortOrder: (key: string, value?: 'descend' | 'ascend' | string | null, isMultiple?: boolean) => void;
-    setColumnSetting: (value: any[]) => void;
-    setTotal: (value: number) => void;
-    setSize: (value: 'large' | 'middle' | 'small') => void;
-    setQueryData: (value: any) => void;
-    setOffset: (value: number) => void;
-}
+import type { TablePaginationConfig, TableProps } from 'antd/es/table';
+import type { ColumnType } from 'antd/es/table';
+import type { FilterInputValue, QuerySnapshot, TableStore } from './store/types';
+export type BearState = TableStore;
 interface FullFilterOptionsType {
     text?: string;
     value?: string | number;
@@ -48,17 +10,18 @@ interface FullFilterOptionsType {
 export interface FullFilterType {
     type: 'varchar' | 'enum' | 'date' | 'dateWeek' | 'dateYear' | 'dateMonth' | 'dateRange';
     options?: FullFilterOptionsType[];
-    value?: any[];
+    value?: React.Key[];
+    optionLabelProp?: 'value' | 'text';
     filterKeyName?: 'value' | 'text';
-    showTime?: Object | boolean;
+    showTime?: object | boolean;
     format?: string;
     mode?: 'multiple' | 'radio';
     exact?: boolean;
-    valueRenderer?: (values: any[]) => React.ReactNode;
+    valueRenderer?: (values: React.Key[]) => React.ReactNode;
     valueSeparator?: string;
     tagClassName?: string;
 }
-export interface RichColumn<RecordType> extends ColumnProps<RecordType> {
+export interface RichColumn<RecordType = Record<string, unknown>> extends ColumnType<RecordType> {
     fullFilter?: FullFilterType;
     visible?: boolean;
     disable?: boolean | {
@@ -73,31 +36,54 @@ export interface RichColumn<RecordType> extends ColumnProps<RecordType> {
 export interface ExportParams {
     name?: string;
     mode?: string;
-    query?: () => Promise<any>;
+    query?: () => Promise<unknown>;
+}
+export interface TableRequestResult<T = unknown> {
+    data: T[];
+    total?: number;
+    success?: boolean;
+    message?: string;
+}
+export type TableRequestParams = QuerySnapshot & {
+    current: number;
+    pageSize: number;
+    [key: string]: unknown;
+};
+export interface TableActionRef {
+    setFilter: (key: string, value: FilterInputValue | null | undefined, exact?: boolean) => void;
+    setPagination: (page: number, pageSize: number) => void;
+    setSize: (value: 'large' | 'middle' | 'small') => void;
+    reload: () => Promise<void>;
+    reset: () => void;
+    queryData: QuerySnapshot;
+}
+export interface TablePaginationState {
+    current: number;
+    pageSize: number;
+    total: number;
+    onChange: (page: number, pageSize: number) => void;
 }
-export interface TableState extends TableProps {
-    /**
-     * @description 继承Table的Columns,新增了一些额外参数用于控制其他
-     */
-    columns?: RichColumn<any>[];
-    /**
-     * @description 表格的数据源
-     */
-    dataSource?: any[];
-    /**
-     * @description 沿用Antd 分页组件
-     */
+export interface TableState extends TableProps<any> {
+    columns?: RichColumn<unknown>[];
+    dataSource?: unknown[];
     pagination?: false | TablePaginationConfig;
     total?: number;
     storageName?: string;
-    onSearch?: (payload: BearState['queryData']) => void;
-    title?: (data: any) => any;
+    onSearch?: (payload: QuerySnapshot) => void;
+    request?: (params: TableRequestParams) => Promise<TableRequestResult<unknown>> | TableRequestResult<unknown>;
+    manualRequest?: boolean;
+    params?: Record<string, unknown>;
+    onRequestError?: (error: Error) => void;
+    renderRequestError?: (error: Error) => React.ReactNode;
+    renderRequestEmpty?: () => React.ReactNode;
+    renderPagination?: (state: TablePaginationState) => React.ReactNode;
+    title?: (data: readonly unknown[]) => React.ReactNode;
     isShowToggleColumns?: boolean;
     size?: 'large' | 'middle' | 'small';
     isShowExport?: boolean | ExportParams;
     isShowReload?: boolean;
-    quickInputToolTipRender?: (v: any[]) => React.ReactNode;
-    quickInputPlaceholder?: (v: any[]) => string;
+    quickInputToolTipRender?: (v: unknown[]) => React.ReactNode;
+    quickInputPlaceholder?: (v: unknown[]) => string;
     [key: string]: any;
 }
 declare const _default: {};
@@ -105,7 +91,7 @@ export default _default;
 export type TableTypes = {
     BearState: BearState;
     FullFilterType: FullFilterType;
-    RichColumn: RichColumn<any>;
+    RichColumn: RichColumn<unknown>;
     ExportParams: ExportParams;
     TableState: TableState;
 };

package/dist/Table/type.js

@@ -1,3 +1 @@
-// Replace the default export with this
-export default {};
-// Add a type export - this allows `import type TableTypes from './type'`
+export default {};

package/dist/Table/utils/Provide.d.ts

@@ -1,11 +1,8 @@
 import React from 'react';
-import { StoreApi } from 'zustand';
-import type { BearState } from '../type';
-declare const TableContext: React.Context<any>;
-declare const Container: React.FC<{
-    initValue: any;
+import type { StoreApi } from 'zustand';
+import type { TableStore } from '../store/types';
+declare const StoreContext: React.Context<StoreApi<TableStore>>;
+declare const StoreProvider: ({ children }: {
     children: React.ReactNode;
-}>;
-declare const StoreContext: React.Context<StoreApi<BearState>>;
-declare const StoreProvider: ({ children }: any) => React.FunctionComponentElement<React.ProviderProps<StoreApi<BearState>>>;
-export { Container, StoreContext, StoreProvider, TableContext };
+}) => React.FunctionComponentElement<React.ProviderProps<StoreApi<TableStore>>>;
+export { StoreContext, StoreProvider };