@ant-design/pro-components 3.1.12-0 → 3.1.13-0

package/lib/table/components/ListToolBar/index.js

@@ -120,94 +120,75 @@ const ListToolBar = ({
    *
    * @param search 搜索框相关配置
    */
-  const searchNode = (0, _react.useMemo)(() => {
-    if (!search) {
-      return null;
-    }
+  let searchNode = null;
+  if (search) {
     if ( /*#__PURE__*/_react.default.isValidElement(search)) {
-      return search;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.Search, {
-      style: {
-        width: 200
-      },
-      placeholder: placeholder,
-      ...search,
-      onSearch: async (...restParams) => {
-        const success = await search.onSearch?.(...restParams);
-        if (success !== false) {
-          onSearch?.(restParams?.[0]);
+      searchNode = search;
+    } else {
+      searchNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.Search, {
+        style: {
+          width: 200
+        },
+        placeholder: placeholder,
+        ...search,
+        onSearch: async (...restParams) => {
+          const success = await search.onSearch?.(...restParams);
+          if (success !== false) {
+            onSearch?.(restParams?.[0]);
+          }
         }
-      }
-    });
-  }, [placeholder, onSearch, search]);
+      });
+    }
+  }
 
   /** 轻量筛选组件 */
-  const filtersNode = (0, _react.useMemo)(() => {
-    if (filter) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.clsx)(`${prefixCls}-filter`, hashId),
-      children: filter
-    });
-    return null;
-  }, [filter, hashId, prefixCls]);
+  const filtersNode = filter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _clsx.clsx)(`${prefixCls}-filter`, hashId),
+    children: filter
+  }) : null;
 
   /** 有没有 title，需要结合多个场景判断 */
-  const hasTitle = (0, _react.useMemo)(() => menu || title || subTitle || tooltip, [menu, subTitle, title, tooltip]);
+  const hasTitle = menu || title || subTitle || tooltip;
 
   /** 没有 key 的时候帮忙加一下 key 不加的话很烦人 */
-  const actionDom = (0, _react.useMemo)(() => {
-    if (!Array.isArray(actions)) {
-      return actions;
-    }
-    if (actions.length < 1) {
-      return null;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  let actionDom = null;
+  if (Array.isArray(actions) && actions.length > 0) {
+    actionDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: {
         display: 'flex',
         alignItems: 'center',
         gap: token.marginXS
       },
-      children: actions.map((action, index) => {
-        if (! /*#__PURE__*/_react.default.isValidElement(action)) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
-            children: action
-          }, index);
-        }
-        return /*#__PURE__*/_react.default.cloneElement(action, {
-          key: index,
-          ...action?.props
-        });
-      })
+      children: actions.map((action, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+        children: action
+      }, index))
     });
-  }, [actions]);
-  const hasRight = (0, _react.useMemo)(() => {
-    return !!(hasTitle && searchNode || !multipleLine && filtersNode || actionDom || settings?.length);
-  }, [actionDom, filtersNode, hasTitle, multipleLine, searchNode, settings?.length]);
-  const hasLeft = (0, _react.useMemo)(() => tooltip || title || subTitle || menu || !hasTitle && searchNode, [hasTitle, menu, searchNode, subTitle, title, tooltip]);
-  const leftTitleDom = (0, _react.useMemo)(() => {
-    // 保留dom是为了占位，不然 right 就变到左边了
-    if (!hasLeft && hasRight) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.clsx)(`${prefixCls}-left`, hashId)
-      });
-    }
-
+  } else if (!Array.isArray(actions)) {
+    actionDom = actions;
+  }
+  const hasRight = !!(hasTitle && searchNode || !multipleLine && filtersNode || actionDom || settings?.length);
+  const hasLeft = !!(tooltip || title || subTitle || menu || !hasTitle && searchNode);
+  let leftTitleDom;
+  // 保留dom是为了占位，不然 right 就变到左边了
+  if (!hasLeft && hasRight) {
+    leftTitleDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.clsx)(`${prefixCls}-left`, hashId)
+    });
+  } else if (!menu && (hasTitle || !searchNode)) {
     // 减少 space 的dom，渲染的时候能节省点性能
-    if (!menu && (hasTitle || !searchNode)) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.clsx)(`${prefixCls}-left`, hashId),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _clsx.clsx)(`${prefixCls}-title`, hashId),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.LabelIconTip, {
-            tooltip: tooltip,
-            label: title,
-            subTitle: subTitle
-          })
+    leftTitleDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.clsx)(`${prefixCls}-left`, hashId),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _clsx.clsx)(`${prefixCls}-title`, hashId),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.LabelIconTip, {
+          tooltip: tooltip,
+          label: title,
+          subTitle: subTitle
         })
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      })
+    });
+  } else {
+    leftTitleDom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _clsx.clsx)(`${prefixCls}-left`, hashId, {
         [`${prefixCls}-left-has-tabs`]: menu?.type === 'tab',
         [`${prefixCls}-left-has-dropdown`]: menu?.type === 'dropdown',
@@ -232,39 +213,32 @@ const ListToolBar = ({
         children: searchNode
       }) : null]
     });
-  }, [hasLeft, hasRight, hasTitle, hashId, menu, prefixCls, searchNode, subTitle, title, tooltip]);
-  const rightTitleDom = (0, _react.useMemo)(() => {
-    if (!hasRight) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _clsx.clsx)(`${prefixCls}-right`, hashId),
-      style: isMobile ? {} : {
-        alignItems: 'center'
-      },
-      children: [!multipleLine ? filtersNode : null, hasTitle && searchNode ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.clsx)(`${prefixCls}-search`, hashId),
-        children: searchNode
-      }) : null, actionDom, settings?.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.clsx)(`${prefixCls}-setting-items`, hashId),
-        children: settings.map((setting, index) => {
-          const settingItem = getSettingItem(setting);
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: (0, _clsx.clsx)(`${prefixCls}-setting-item`, hashId),
-            children: settingItem
-          }, index);
-        })
-      }) : null]
-    });
-  }, [hasRight, prefixCls, hashId, isMobile, hasTitle, searchNode, multipleLine, filtersNode, actionDom, settings]);
-  const titleNode = (0, _react.useMemo)(() => {
-    if (!hasRight && !hasLeft) return null;
-    const containerClassName = (0, _clsx.clsx)(`${prefixCls}-container`, hashId, {
+  }
+  const rightTitleDom = hasRight ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _clsx.clsx)(`${prefixCls}-right`, hashId),
+    style: isMobile ? {} : {
+      alignItems: 'center'
+    },
+    children: [!multipleLine ? filtersNode : null, hasTitle && searchNode ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.clsx)(`${prefixCls}-search`, hashId),
+      children: searchNode
+    }) : null, actionDom, settings?.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.clsx)(`${prefixCls}-setting-items`, hashId),
+      children: settings.map((setting, index) => {
+        const settingItem = getSettingItem(setting);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _clsx.clsx)(`${prefixCls}-setting-item`, hashId),
+          children: settingItem
+        }, index);
+      })
+    }) : null]
+  }) : null;
+  const titleNode = hasRight || hasLeft ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _clsx.clsx)(`${prefixCls}-container`, hashId, {
       [`${prefixCls}-container-mobile`]: isMobile
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: containerClassName,
-      children: [leftTitleDom, rightTitleDom]
-    });
-  }, [hasLeft, hasRight, hashId, isMobile, leftTitleDom, prefixCls, rightTitleDom]);
+    }),
+    children: [leftTitleDom, rightTitleDom]
+  }) : null;
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_resizeObserver.default, {
     onResize: size => {
       if (size.width < 375 !== isMobile) {

package/lib/table/components/ToolBar/DensityIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export type DensitySize = 'middle' | 'small' | 'large' | undefined;
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+declare const DensityIcon: React.FC<{
     icon?: React.ReactNode;
-} & React.RefAttributes<HTMLSpanElement>>>;
-export default _default;
+}>;
+export default DensityIcon;

package/lib/table/components/ToolBar/DensityIcon.js

@@ -11,10 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
 var _Provide = require("../../Store/Provide");
 var _jsxRuntime = require("react/jsx-runtime");
-const DensityIcon = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ColumnHeightOutlined, {})
-  } = props;
+const DensityIcon = ({
+  icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ColumnHeightOutlined, {})
+}) => {
   const counter = (0, _react.useContext)(_Provide.TableContext);
   const intl = (0, _provider.useIntl)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Dropdown, {
@@ -43,10 +42,9 @@ const DensityIcon = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
       title: intl.getMessage('tableToolBar.density', '表格密度'),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        ref: ref,
         children: icon
       })
     })
   });
-});
-var _default = exports.default = /*#__PURE__*/_react.default.memo(DensityIcon);
+};
+var _default = exports.default = DensityIcon;

package/lib/table/components/ToolBar/FullscreenIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.RefAttributes<HTMLSpanElement>>>;
-export default _default;
+declare const FullScreenIcon: React.FC;
+export default FullScreenIcon;

package/lib/table/components/ToolBar/FullscreenIcon.js

@@ -11,29 +11,30 @@ var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
 var _utils = require("../../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
-const FullScreenIcon = /*#__PURE__*/_react.default.forwardRef((_, ref) => {
+const FullScreenIcon = () => {
   const intl = (0, _provider.useIntl)();
   const [fullscreen, setFullscreen] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
-    if (!(0, _utils.isBrowser)()) {
-      return;
-    }
-    document.onfullscreenchange = () => {
-      setFullscreen(!!document.fullscreenElement);
-    };
+    if (!(0, _utils.isBrowser)()) return;
+    const handler = () => setFullscreen(!!document.fullscreenElement);
+    document.addEventListener('fullscreenchange', handler);
+    return () => document.removeEventListener('fullscreenchange', handler);
   }, []);
-  return fullscreen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+  const {
+    title,
+    Icon
+  } = fullscreen ? {
     title: intl.getMessage('tableToolBar.exitFullScreen', '退出全屏'),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      ref: ref,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenExitOutlined, {})
-    })
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+    Icon: _icons.FullscreenExitOutlined
+  } : {
     title: intl.getMessage('tableToolBar.fullScreen', '全屏'),
+    Icon: _icons.FullscreenOutlined
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+    title: title,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      ref: ref,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenOutlined, {})
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {})
     })
   });
-});
-var _default = exports.default = /*#__PURE__*/_react.default.memo(FullScreenIcon);
+};
+var _default = exports.default = FullScreenIcon;

package/lib/table/components/ToolBar/index.d.ts

@@ -41,7 +41,9 @@ export type ToolBarProps<T = unknown> = {
     selectedRows?: T[];
     className?: string;
     onSearch?: (keyWords: string) => void;
-    columns: TableColumnType<T>[];
+    columns: (TableColumnType<T> & {
+        index?: number;
+    })[];
 };
 export type ToolbarRenderProps<T> = {
     hideToolbar: boolean;
@@ -58,5 +60,5 @@ export type ToolbarRenderProps<T> = {
     toolBarRender?: ToolBarProps<T>['toolBarRender'];
     actionRef: React.MutableRefObject<ActionType | undefined>;
 };
-declare const _default: <T>(props: ToolbarRenderProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+declare const _default: <T>(props: ToolbarRenderProps<T>) => React.JSX.Element | null;
 export default _default;

package/lib/table/components/ToolBar/index.js

@@ -98,17 +98,17 @@ function ToolBar({
 }) {
   const counter = (0, _react.useContext)(_Provide.TableContext);
   const intl = (0, _provider.useIntl)();
-  const optionDom = (0, _react.useMemo)(() => {
-    const defaultOptions = {
-      reload: () => action?.current?.reload(),
-      density: true,
-      setting: true,
-      search: false,
-      fullScreen: () => action?.current?.fullScreen?.()
-    };
-    if (propsOptions === false) {
-      return [];
-    }
+  const defaultOptions = {
+    reload: () => action?.current?.reload(),
+    density: true,
+    setting: true,
+    search: false,
+    fullScreen: () => action?.current?.fullScreen?.()
+  };
+  let optionDom;
+  if (propsOptions === false) {
+    optionDom = [];
+  } else {
     const options = {
       ...defaultOptions,
       fullScreen: false,
@@ -118,51 +118,45 @@ function ToolBar({
       ...defaultOptions,
       intl
     }, action, columns);
-    if (optionsRender) {
-      return optionsRender({
-        headerTitle,
-        tooltip,
-        toolBarRender,
-        action,
-        options: propsOptions,
-        selectedRowKeys,
-        selectedRows,
-        toolbar,
-        onSearch,
-        columns,
-        optionsRender,
-        ...rest
-      }, settings);
-    }
-    return settings;
-  }, [action, columns, headerTitle, intl, onSearch, optionsRender, propsOptions, rest, selectedRowKeys, selectedRows, toolBarRender, toolbar, tooltip]);
+    optionDom = optionsRender ? optionsRender({
+      headerTitle,
+      tooltip,
+      toolBarRender,
+      action,
+      options: propsOptions,
+      selectedRowKeys,
+      selectedRows,
+      toolbar,
+      onSearch,
+      columns,
+      optionsRender,
+      ...rest
+    }, settings) : settings;
+  }
   // 操作列表
   const actions = toolBarRender ? toolBarRender(action?.current, {
     selectedRowKeys,
     selectedRows
   }) : [];
-  const searchConfig = (0, _react.useMemo)(() => {
-    if (!propsOptions) {
-      return false;
-    }
-    if (!propsOptions.search) return false;
-
+  let searchConfig = false;
+  if (propsOptions && propsOptions.search) {
     /** 受控的value 和 onChange */
     const defaultSearchConfig = {
       value: counter.keyWords,
       onChange: e => counter.setKeyWords(e.target.value)
     };
-    if (propsOptions.search === true) return defaultSearchConfig;
-    return {
+    searchConfig = propsOptions.search === true ? defaultSearchConfig : {
       ...defaultSearchConfig,
       ...propsOptions.search
     };
-  }, [counter, propsOptions]);
+  }
   (0, _react.useEffect)(() => {
     if (counter.keyWords === undefined) {
       onSearch?.('');
     }
-  }, [counter.keyWords, onSearch]);
+    // onSearch 用 useRefFunction 稳定后，这里只需跟踪 keyWords 变化
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [counter.keyWords]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListToolBar.default, {
     title: headerTitle,
     tooltip: tooltip,

package/lib/table/index.d.ts

@@ -1,7 +1,3 @@
-import { FieldIndexColumn, FieldStatus } from '../field';
-import type { IntlType } from '../provider';
-import { ConfigConsumer, arEGIntl, caESIntl, createIntl, enUSIntl, esESIntl, frFRIntl, itITIntl, jaJPIntl, msMYIntl, ptBRIntl, ruRUIntl, thTHIntl, viVNIntl, zhCNIntl, zhTWIntl } from '../provider';
-import type { ProFieldValueType, RowEditableConfig } from '../utils';
 import type { DragTableProps } from './components/DragSortTable';
 import DragSortTable from './components/DragSortTable';
 import TableDropdown from './components/Dropdown';
@@ -15,8 +11,7 @@ import ListToolBar from './components/ListToolBar';
 import type { ColumnsState } from './Store/Provide';
 import ProTable from './Table';
 import type { ActionType, ProColumnType, ProColumns, ProTableProps, RequestData } from './typing';
-type ProColumnsValueType = ProFieldValueType;
-type TableRowEditable<T> = RowEditableConfig<T>;
-export { CellEditorTable, ConfigConsumer, DragSortTable, EditableProTable, FieldIndexColumn as IndexColumn, ConfigConsumer as IntlConsumer, ListToolBar, ProTable, RowEditorTable, Search, TableDropdown, FieldStatus as TableStatus, arEGIntl, caESIntl, createIntl, enUSIntl, esESIntl, frFRIntl, itITIntl, jaJPIntl, msMYIntl, ptBRIntl, ruRUIntl, thTHIntl, viVNIntl, zhCNIntl, zhTWIntl, };
-export type { ActionType, ColumnsState, DragTableProps, EditableFormInstance, EditableProTableProps, IntlType, ListToolBarProps, ProColumnType, ProColumns, ProColumnsValueType, ProTableProps, RequestData, TableRowEditable, };
+import { resolveTableViewDefaultDom } from './utils';
+export { CellEditorTable, DragSortTable, EditableProTable, ListToolBar, ProTable, resolveTableViewDefaultDom, RowEditorTable, Search, TableDropdown, };
+export type { ActionType, ColumnsState, DragTableProps, EditableFormInstance, EditableProTableProps, ListToolBarProps, ProColumnType, ProColumns, ProTableProps, RequestData, };
 export default ProTable;

package/lib/table/index.js

@@ -10,12 +10,6 @@ Object.defineProperty(exports, "CellEditorTable", {
     return _CellEditorTable.CellEditorTable;
   }
 });
-Object.defineProperty(exports, "ConfigConsumer", {
-  enumerable: true,
-  get: function () {
-    return _provider.ConfigConsumer;
-  }
-});
 Object.defineProperty(exports, "DragSortTable", {
   enumerable: true,
   get: function () {
@@ -28,18 +22,6 @@ Object.defineProperty(exports, "EditableProTable", {
     return _EditableTable.default;
   }
 });
-Object.defineProperty(exports, "IndexColumn", {
-  enumerable: true,
-  get: function () {
-    return _field.FieldIndexColumn;
-  }
-});
-Object.defineProperty(exports, "IntlConsumer", {
-  enumerable: true,
-  get: function () {
-    return _provider.ConfigConsumer;
-  }
-});
 Object.defineProperty(exports, "ListToolBar", {
   enumerable: true,
   get: function () {
@@ -70,105 +52,13 @@ Object.defineProperty(exports, "TableDropdown", {
     return _Dropdown.default;
   }
 });
-Object.defineProperty(exports, "TableStatus", {
-  enumerable: true,
-  get: function () {
-    return _field.FieldStatus;
-  }
-});
-Object.defineProperty(exports, "arEGIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.arEGIntl;
-  }
-});
-Object.defineProperty(exports, "caESIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.caESIntl;
-  }
-});
-Object.defineProperty(exports, "createIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.createIntl;
-  }
-});
 exports.default = void 0;
-Object.defineProperty(exports, "enUSIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.enUSIntl;
-  }
-});
-Object.defineProperty(exports, "esESIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.esESIntl;
-  }
-});
-Object.defineProperty(exports, "frFRIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.frFRIntl;
-  }
-});
-Object.defineProperty(exports, "itITIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.itITIntl;
-  }
-});
-Object.defineProperty(exports, "jaJPIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.jaJPIntl;
-  }
-});
-Object.defineProperty(exports, "msMYIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.msMYIntl;
-  }
-});
-Object.defineProperty(exports, "ptBRIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.ptBRIntl;
-  }
-});
-Object.defineProperty(exports, "ruRUIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.ruRUIntl;
-  }
-});
-Object.defineProperty(exports, "thTHIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.thTHIntl;
-  }
-});
-Object.defineProperty(exports, "viVNIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.viVNIntl;
-  }
-});
-Object.defineProperty(exports, "zhCNIntl", {
-  enumerable: true,
-  get: function () {
-    return _provider.zhCNIntl;
-  }
-});
-Object.defineProperty(exports, "zhTWIntl", {
+Object.defineProperty(exports, "resolveTableViewDefaultDom", {
   enumerable: true,
   get: function () {
-    return _provider.zhTWIntl;
+    return _utils.resolveTableViewDefaultDom;
   }
 });
-var _field = require("../field");
-var _provider = require("../provider");
 var _DragSortTable = _interopRequireDefault(require("./components/DragSortTable"));
 var _Dropdown = _interopRequireDefault(require("./components/Dropdown"));
 var _EditableTable = _interopRequireDefault(require("./components/EditableTable"));
@@ -177,4 +67,5 @@ var _RowEditorTable = require("./components/EditableTable/RowEditorTable");
 var _Form = _interopRequireDefault(require("./components/Form"));
 var _ListToolBar = _interopRequireDefault(require("./components/ListToolBar"));
 var _Table = _interopRequireDefault(require("./Table"));
+var _utils = require("./utils");
 var _default = exports.default = _Table.default;

package/lib/table/typing.d.ts

@@ -8,7 +8,7 @@ import type React from 'react';
 import type { CSSProperties, Key } from 'react';
 import type { ProCardProps } from '../card';
 import type { ProFieldEmptyText } from '../field';
-import type { LightWrapperProps, ProFormProps, QueryFilterProps } from '../form';
+import type { ProFormProps, QueryFilterProps } from '../form';
 import type { LabelTooltipType, ProCoreActionType, ProEllipsis, ProSchema, ProSchemaComponentTypes, ProTableEditableFnType, RowEditableConfig, SearchTransformKeyFn } from '../utils';
 import type { AlertRenderType } from './components/Alert';
 import type { SearchConfig, TableFormItem } from './components/Form/FormRender';
@@ -119,9 +119,7 @@ export type ProColumnType<T = unknown, ValueType = 'text'> = ProSchema<T, ExtraP
     disable?: boolean | {
         checkbox: boolean;
     };
-}, ProSchemaComponentTypes, ValueType, {
-    lightProps?: LightWrapperProps;
-}>;
+}, ProSchemaComponentTypes, ValueType>;
 export type ProColumns<T = any, ValueType = 'text'> = ProColumnType<T, ValueType>;
 export type BorderedType = 'search' | 'table';
 export type Bordered = boolean | {
@@ -185,7 +183,9 @@ export type ProTableProps<DataSource, U, ValueType = 'text'> = {
     /**
      * @name 渲染 table 视图，用于定制 ProList，不推荐直接使用
      */
-    tableViewRender?: (props: TableProps<DataSource>, defaultDom: JSX.Element) => JSX.Element | undefined;
+    tableViewRender?: (props: TableProps<DataSource>, 
+    /** 懒执行：为函数时请在需要默认 Table 时调用，避免 ProList 等仅替换视图时创建未挂载的 Table */
+    defaultDom: JSX.Element | (() => JSX.Element)) => JSX.Element | undefined;
     /**
      * @name table 和搜索表单之间的 dom 渲染
      *