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

package/es/table/components/ColumnSetting/index.d.ts

@@ -2,7 +2,9 @@ import { type TableColumnType } from 'antd';
 import React from 'react';
 import type { SettingOptionType } from '../ToolBar';
 type ColumnSettingProps<T = any> = SettingOptionType & {
-    columns: TableColumnType<T>[];
+    columns: (TableColumnType<T> & {
+        index?: number;
+    })[];
 };
 declare function ColumnSetting<T>(props: ColumnSettingProps<T>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export default ColumnSetting;

package/es/table/components/ColumnSetting/index.js

@@ -2,7 +2,7 @@ import { SettingOutlined, VerticalAlignBottomOutlined, VerticalAlignMiddleOutlin
 import { omit } from '@rc-component/util';
 import { Checkbox, ConfigProvider, Popover, Space, Tooltip, Tree, Typography } from 'antd';
 import { clsx } from 'clsx';
-import React, { useContext, useEffect, useMemo, useRef } from 'react';
+import React, { useContext, useMemo } from 'react';
 import { ProProvider, useIntl } from "../../../provider";
 import { runFunction, useRefFunction } from "../../../utils";
 import { TableContext } from "../../Store/Provide";
@@ -142,7 +142,10 @@ const CheckboxList = ({
           checkedKeys.push(columnKey);
         }
       }
-      treeMap.set(key, {
+      // 必须用 columnKey（Tree 节点的 key）而非原始 column.key 存入 treeMap，
+      // 否则 onCheckTree.loopSetShow 通过 e.node.key（= columnKey）查父子关系时
+      // treeMap.get 永远返回 undefined，导致嵌套列的父子联动全部失效。
+      treeMap.set(columnKey, {
         ...item,
         parentKey: parentConfig?.columnKey
       });
@@ -194,20 +197,40 @@ const CheckboxList = ({
         ...newColumnMap[key]
       };
       newSetting.show = e.checked;
-      // 如果含有子节点，也要选中
+
+      // 如果含有子节点，也要同步子节点状态
       if (treeDataConfig.map?.get(key)?.children) {
         treeDataConfig.map.get(key)?.children?.forEach(item => loopSetShow(item.key));
       }
 
-      // 如果子节点选择，那父节点也应该选中
+      // 先写入当前节点，再检查父节点 —— 顺序至关重要：
+      // 父节点逻辑需要读取兄弟节点的最新状态，当前节点必须先写入 newColumnMap，
+      // 否则读到的仍是旧值，导致 allSiblingsUnchecked 判断出错。
+      newColumnMap[key] = newSetting;
+
+      // 勾选方向：子节点选中时父节点自动设为 true
+      // 取消方向：检查所有兄弟节点是否已全部取消，若是则父节点也取消
       const parentKey = treeDataConfig.map?.get(key)?.parentKey;
       if (parentKey) {
-        newColumnMap[parentKey] = {
-          ...newColumnMap[parentKey],
-          show: true
-        };
+        if (e.checked) {
+          newColumnMap[parentKey] = {
+            ...newColumnMap[parentKey],
+            show: true
+          };
+        } else {
+          const siblings = treeDataConfig.map?.get(parentKey)?.children ?? [];
+          const allSiblingsUnchecked = siblings.every(sibling => {
+            const siblingState = newColumnMap[sibling.key];
+            return siblingState && siblingState.show === false;
+          });
+          if (allSiblingsUnchecked) {
+            newColumnMap[parentKey] = {
+              ...newColumnMap[parentKey],
+              show: false
+            };
+          }
+        }
       }
-      newColumnMap[key] = newSetting;
     };
     loopSetShow(e.node.key);
     setColumnsMap({
@@ -340,9 +363,11 @@ const GroupCheckboxList = ({
   });
 };
 function ColumnSetting(props) {
-  const columnRef = useRef(null);
   // 获得当前上下文的 hashID
   const counter = useContext(TableContext);
+  // 注意：括号必不可少。`&` 优先级低于数组类型后缀 `[]`，
+  // 若写成 `T & { ... }[]` 实际是「单个对象 & 数组」的交叉类型，
+  // 导致泛型 T 字段信息完全坍塌为 any[]（本轮修复的核心问题）。
   const localColumns = props.columns;
   const {
     checkedReset = true
@@ -352,11 +377,6 @@ function ColumnSetting(props) {
     setColumnsMap,
     clearPersistenceStorage
   } = counter;
-  useEffect(() => {
-    if (counter.propsRef.current?.columnsState?.value) {
-      columnRef.current = JSON.parse(JSON.stringify(counter.propsRef.current?.columnsState?.value || {}));
-    }
-  }, []);
 
   /**
    * 设置全部选中，或全部未选中
@@ -404,14 +424,31 @@ function ColumnSetting(props) {
   /** 重置项目 */
   const clearClick = useRefFunction(() => {
     clearPersistenceStorage?.();
-    setColumnsMap(counter.propsRef.current?.columnsState?.defaultValue || columnRef.current || counter.defaultColumnKeyMap);
+    // 直接从 propsRef 读取最新 columnsState.value，消除 mount-only 缓存的 stale 问题：
+    // 若父组件后续更新 columnsState.value，columnsState.defaultValue 优先，
+    // 然后是 columnsState.value 的当前值，最后 fallback 到 defaultColumnKeyMap。
+    setColumnsMap(counter.propsRef.current?.columnsState?.defaultValue || counter.propsRef.current?.columnsState?.value || counter.defaultColumnKeyMap);
   });
 
-  // 未选中的 key 列表
-  const unCheckedKeys = Object.values(columnsMap).filter(value => !value || value.show === false);
+  // 未选中的 key 列表 —— 从 localColumns（当前可见列）派生，而非从 columnsMap 全量
+  // 派生。columnsMap 可能含有 hideInSetting 列或运行时被删掉的「过期 key」，导致分子
+  // 与分母（localColumns.length）不对齐，indeterminate 计算出现偏差。
+  const unCheckedKeys = useMemo(() => {
+    return localColumns.filter(({
+      key,
+      dataIndex
+    }, index) => {
+      const columnKey = genColumnKey(key ?? dataIndex, index);
+      const state = columnsMap?.[columnKey];
+      return state && state.show === false;
+    });
+  }, [columnsMap, localColumns]);
+
+  // 是否全部列都已选中
+  const allChecked = unCheckedKeys.length === 0 && localColumns.length > 0;
 
-  // 是否已经选中
-  const indeterminate = unCheckedKeys.length > 0 && unCheckedKeys.length !== localColumns.length;
+  // 是否部分选中（indeterminate）
+  const indeterminate = unCheckedKeys.length > 0 && unCheckedKeys.length < localColumns.length;
   const intl = useIntl();
   const {
     getPrefixCls
@@ -427,7 +464,7 @@ function ColumnSetting(props) {
       className: clsx(`${className}-title`, hashId),
       children: [props.checkable === false ? /*#__PURE__*/_jsx("div", {}) : /*#__PURE__*/_jsx(Checkbox, {
         indeterminate: indeterminate,
-        checked: unCheckedKeys.length === 0 && unCheckedKeys.length !== localColumns.length,
+        checked: allChecked,
         onChange: e => {
           checkedAll(e);
         },

package/es/table/components/DragSortTable/index.js

@@ -2,8 +2,10 @@ import { HolderOutlined } from '@ant-design/icons';
 import { useControlledState } from '@rc-component/util';
 import { ConfigProvider } from 'antd';
 import { clsx } from 'clsx';
-import React, { useCallback, useContext, useMemo } from 'react';
+import React, { useContext, useMemo } from 'react';
+import { useRefFunction } from "../../../utils";
 import ProTable from "../../Table";
+import { resolveTableViewDefaultDom } from "../../utils";
 import { useDragSort } from "../../utils/useDragSort";
 import { useStyle } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -23,7 +25,7 @@ function DragSortTable(props) {
     getPrefixCls
   } = useContext(ConfigProvider.ConfigContext);
   const [dataSource, setDataSourceInner] = useControlledState(() => defaultData || [], originDataSource);
-  const setDataSource = useCallback(updater => {
+  const setDataSource = useRefFunction(updater => {
     setDataSourceInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
       // 使用 queueMicrotask 延迟回调，避免在渲染期间更新其他组件状态
@@ -32,15 +34,20 @@ function DragSortTable(props) {
       });
       return next;
     });
-  }, [onDataSourceChange]);
+  });
   const {
     wrapSSR,
     hashId
   } = useStyle(getPrefixCls('pro-table-drag'));
+  const wrapOnload = useRefFunction(async ds => {
+    setDataSource(ds);
+    return onLoad?.(ds);
+  });
 
-  // 默认拖拽把手
+  // 用 useMemo 稳定 DragHandle 组件身份：deps 包含所有闭包变量
   const DragHandle = useMemo(() => {
-    return dragHandleProps => {
+    const dragHandlePrefixCls = getPrefixCls('pro-table-drag-icon');
+    return function DragHandleInner(dragHandleProps) {
       const {
         rowData: _rowData,
         index: _index,
@@ -49,7 +56,7 @@ function DragSortTable(props) {
       } = dragHandleProps;
       const defaultDom = /*#__PURE__*/_jsx(HolderOutlined, {
         ...rest,
-        className: clsx(getPrefixCls('pro-table-drag-icon'), className, hashId)
+        className: clsx(dragHandlePrefixCls, className, hashId)
       });
       const handel = dragSortHandlerRender ? dragSortHandlerRender(dragHandleProps?.rowData, dragHandleProps?.index) : defaultDom;
       return /*#__PURE__*/_jsx("div", {
@@ -57,7 +64,18 @@ function DragSortTable(props) {
         children: handel
       });
     };
-  }, [getPrefixCls]);
+  }, [getPrefixCls, hashId, dragSortHandlerRender]);
+  const processedColumns = useMemo(() => otherProps.columns?.map(item => {
+    if (item.dataIndex == dragSortKey || item.key === dragSortKey) {
+      return {
+        ...item,
+        render: item.render ?? (() => null)
+      };
+    }
+    return item;
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [otherProps.columns, dragSortKey]);
 
   // 使用自定义hooks获取拖拽相关组件的components集合
   const {
@@ -71,25 +89,14 @@ function DragSortTable(props) {
     rowKey,
     DragHandle
   });
-  const wrapOnload = async ds => {
-    setDataSource(ds);
-    return onLoad?.(ds);
-  };
   return wrapSSR( /*#__PURE__*/_jsx(ProTable, {
     ...otherProps,
-    columns: otherProps.columns?.map(item => {
-      if (item.dataIndex == dragSortKey || item.key === dragSortKey) {
-        if (!item.render) {
-          item.render = () => null;
-        }
-      }
-      return item;
-    }),
+    columns: processedColumns,
     onLoad: wrapOnload,
     rowKey: rowKey,
     tableViewRender: (_, defaultDom) => {
       return /*#__PURE__*/_jsx(DndContext, {
-        children: defaultDom
+        children: resolveTableViewDefaultDom(defaultDom)
       });
     },
     dataSource: dataSource,

package/es/table/components/Dropdown/index.d.ts

@@ -1,10 +1,9 @@
-import type { MenuItemProps } from 'antd';
 import React from 'react';
-interface MenuItems extends MenuItemProps {
+export type MenuItems = {
     name: React.ReactNode;
     key: string;
-    title?: string;
-}
+    disabled?: boolean;
+};
 export type DropdownProps = {
     className?: string;
     style?: React.CSSProperties;
@@ -14,8 +13,6 @@ export type DropdownProps = {
 };
 /**
  * 一个简单的下拉菜单
- *
- * @param param0
  */
 declare const DropdownButton: React.FC<DropdownProps>;
 declare const TableDropdown: React.FC<DropdownProps> & {

package/es/table/components/Dropdown/index.js

@@ -4,10 +4,21 @@ import { clsx } from 'clsx';
 import React, { useContext } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+/** 将 menus 转换为 antd Menu items 格式 */
+function buildMenuItems(menus = []) {
+  return menus.map(({
+    key,
+    name,
+    disabled
+  }) => ({
+    key,
+    label: name,
+    disabled
+  }));
+}
+
 /**
  * 一个简单的下拉菜单
- *
- * @param param0
  */
 const DropdownButton = ({
   children,
@@ -19,16 +30,15 @@ const DropdownButton = ({
   const {
     getPrefixCls
   } = useContext(ConfigProvider.ConfigContext);
-  const tempClassName = getPrefixCls('pro-table-dropdown');
+  const prefixCls = getPrefixCls('pro-table-dropdown');
   return /*#__PURE__*/_jsx(Dropdown, {
     menu: {
-      onClick: params => onSelect && onSelect(params.key),
-      items: menus?.map(item => ({
-        label: item.name,
-        key: item.key
-      }))
+      onClick: ({
+        key
+      }) => onSelect?.(key),
+      items: buildMenuItems(menus)
     },
-    className: clsx(tempClassName, className),
+    className: clsx(prefixCls, className),
     children: /*#__PURE__*/_jsxs(Button, {
       style: style,
       children: [children, " ", /*#__PURE__*/_jsx(DownOutlined, {})]
@@ -39,31 +49,22 @@ const TableDropdown = ({
   className: propsClassName,
   style,
   onSelect,
-  menus = [],
+  menus,
   children
 }) => {
   const {
     getPrefixCls
   } = useContext(ConfigProvider.ConfigContext);
-  const className = getPrefixCls('pro-table-dropdown');
+  const prefixCls = getPrefixCls('pro-table-dropdown');
   return /*#__PURE__*/_jsx(Dropdown, {
     menu: {
-      onClick: params => {
-        onSelect?.(params.key);
-      },
-      items: menus.map(({
-        key,
-        name,
-        ...rest
-      }) => ({
-        key,
-        ...rest,
-        title: rest.title,
-        label: name
-      }))
+      onClick: ({
+        key
+      }) => onSelect?.(key),
+      items: buildMenuItems(menus)
     },
-    className: clsx(className, propsClassName),
-    children: /*#__PURE__*/_jsx("a", {
+    className: clsx(prefixCls, propsClassName),
+    children: /*#__PURE__*/_jsx("span", {
       style: style,
       children: children || /*#__PURE__*/_jsx(EllipsisOutlined, {})
     })

package/es/table/components/EditableTable/CellEditorTable.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ParamsType } from '../../../provider';
 import { EditableProTableProps } from './index';
-export declare function CellEditorTable<DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType = 'text'>(props: EditableProTableProps<DataType, Params, ValueType>): import("react/jsx-runtime").JSX.Element;
+export declare function CellEditorTable<DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType = 'text'>(props: EditableProTableProps<DataType, Params, ValueType>): React.JSX.Element;

package/es/table/components/EditableTable/CellEditorTable.js

@@ -1,51 +1,76 @@
-import React from 'react';
+import { useControlledState } from '@rc-component/util';
+import React, { useCallback, useMemo, useRef } from 'react';
+import { useRefFunction } from "../../../utils";
+import { buildEditableTableRowKey, resolveEditingPayloadForRowEditableOnChange } from "../../utils";
 import EditableProTable from "./index";
+
+/**
+ * 生成列的唯一标识，用于精确匹配当前正在编辑的单元格所属列。
+ * 同时使用 columnsIndex 避免 dataIndex/key 缺失或碰撞的问题。
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
+function buildColumnIdentifier(columnIndex, dataIndex, key) {
+  const base = dataIndex ?? key;
+  if (base === undefined) return `__col_${columnIndex}`;
+  return `${columnIndex}:${[base].flat(1).join('.')}`;
+}
 export function CellEditorTable(props) {
-  const [editableKeys, setEditableRowKeys] = React.useState([]);
-  const [dataIndex, setDataIndex] = React.useState([]);
+  const [editableKeys, setEditableRowKeys] = useControlledState(() => props.editable?.editableKeys ?? [], props.editable?.editableKeys);
+  const [activeColumnId, setActiveColumnId] = React.useState('');
+
+  // 用于延迟退出编辑的定时器，避免点击下拉面板等场景误关编辑态
+  const blurTimerRef = useRef();
   const rowKey = props.rowKey || 'id';
 
   // ============================ RowKey ============================
-  const getRowKey = React.useMemo(() => {
-    if (typeof rowKey === 'function') {
-      return rowKey;
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const getRowKey = useMemo(() => buildEditableTableRowKey(rowKey, props.name), [props.name, rowKey]);
+  const handleEditableKeysChange = useRefFunction(keys => {
+    const cleanKeys = keys.filter(key => key !== undefined);
+    setEditableRowKeys(cleanKeys);
+    const editingPayload = resolveEditingPayloadForRowEditableOnChange(cleanKeys, props.value, getRowKey, props.editable?.type);
+    props.editable?.onChange?.(cleanKeys, editingPayload);
+  });
+  const scheduleExitEditing = useCallback(() => {
+    blurTimerRef.current = setTimeout(() => {
+      handleEditableKeysChange([]);
+      setActiveColumnId('');
+    }, 150);
+  }, [handleEditableKeysChange]);
+  const cancelExitEditing = useCallback(() => {
+    if (blurTimerRef.current) {
+      clearTimeout(blurTimerRef.current);
+      blurTimerRef.current = undefined;
     }
-    return (record, index) => {
-      if (index === -1) {
-        return record?.[rowKey];
-      }
-      // 如果 props 中有name 的话，用index 来做行号，这样方便转化为 index
-      if (props.name) {
-        return index?.toString();
-      }
-      return record?.[rowKey] ?? index?.toString();
+  }, []);
+
+  // 缓存 columns 避免每次 render 生成全新数组触发 antd Table 大面积 diff
+  const columns = useMemo(() => props?.columns?.map((item, columnIndex) => {
+    const columnId = buildColumnIdentifier(columnIndex, item.dataIndex, item.key);
+    return {
+      ...item,
+      editable: activeColumnId === columnId ? undefined : false,
+      onCell: (record, rowIndex) => ({
+        onDoubleClick: () => {
+          cancelExitEditing();
+          handleEditableKeysChange([getRowKey(record, rowIndex)]);
+          setActiveColumnId(columnId);
+        },
+        onBlur: scheduleExitEditing,
+        onFocus: cancelExitEditing
+      })
     };
-  }, [props.name, rowKey]);
+  }) ?? [],
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [props.columns, activeColumnId, getRowKey, scheduleExitEditing, cancelExitEditing, handleEditableKeysChange]);
   return /*#__PURE__*/_jsx(EditableProTable, {
     bordered: true,
     pagination: false,
     ...props,
     editable: {
-      editableKeys,
-      ...props.editable
+      ...props.editable,
+      editableKeys
     },
-    columns: props?.columns?.map(item => {
-      return {
-        ...item,
-        editable: dataIndex.flat(1).join('.') === [item.dataIndex || item.key].flat(1).join('.') ? undefined : false,
-        onCell: (record, rowIndex) => {
-          return {
-            onDoubleClick: () => {
-              setEditableRowKeys([getRowKey(record, rowIndex)]);
-              setDataIndex([item.dataIndex || item.key]);
-            },
-            onBlur: () => {
-              setEditableRowKeys([]);
-            }
-          };
-        }
-      };
-    }) || []
+    columns: columns
   });
 }

package/es/table/components/EditableTable/RowEditorTable.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ParamsType } from '../../../provider';
 import { EditableProTableProps } from './index';
-export declare function RowEditorTable<DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType = 'text'>(props: EditableProTableProps<DataType, Params, ValueType>): import("react/jsx-runtime").JSX.Element;
+export declare function RowEditorTable<DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType = 'text'>(props: EditableProTableProps<DataType, Params, ValueType>): React.JSX.Element;

package/es/table/components/EditableTable/RowEditorTable.js

@@ -1,48 +1,62 @@
-import React from 'react';
+import { useControlledState } from '@rc-component/util';
+import React, { useCallback, useMemo, useRef } from 'react';
+import { useRefFunction } from "../../../utils";
+import { buildEditableTableRowKey, resolveEditingPayloadForRowEditableOnChange } from "../../utils";
 import EditableProTable from "./index";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function RowEditorTable(props) {
-  const [editableKeys, setEditableRowKeys] = React.useState([]);
+  const [editableKeys, setEditableRowKeys] = useControlledState(() => props.editable?.editableKeys ?? [], props.editable?.editableKeys);
+
+  // 用于延迟退出编辑的定时器，避免 Tab 切换字段时误关编辑态
+  const blurTimerRef = useRef();
   const rowKey = props.rowKey || 'id';
 
   // ============================ RowKey ============================
-  const getRowKey = React.useMemo(() => {
-    if (typeof rowKey === 'function') {
-      return rowKey;
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const getRowKey = useMemo(() => buildEditableTableRowKey(rowKey, props.name), [props.name, rowKey]);
+  const handleEditableKeysChange = useRefFunction(keys => {
+    const cleanKeys = keys.filter(key => key !== undefined);
+    setEditableRowKeys(cleanKeys);
+    const editingPayload = resolveEditingPayloadForRowEditableOnChange(cleanKeys, props.value, getRowKey, props.editable?.type);
+    props.editable?.onChange?.(cleanKeys, editingPayload);
+  });
+  const scheduleExitEditing = useCallback(() => {
+    // 延迟退出编辑态：如果焦点在同一行内的字段间切换（Tab），
+    // 新字段的 onFocus 会在 blur 的 setTimeout 回调之前触发，
+    // 从而取消定时器、保持编辑态。
+    blurTimerRef.current = setTimeout(() => {
+      handleEditableKeysChange([]);
+    }, 150);
+  }, [handleEditableKeysChange]);
+  const cancelExitEditing = useCallback(() => {
+    if (blurTimerRef.current) {
+      clearTimeout(blurTimerRef.current);
+      blurTimerRef.current = undefined;
     }
-    return (record, index) => {
-      if (index === -1) {
-        return record?.[rowKey];
-      }
-      // 如果 props 中有name 的话，用index 来做行号，这样方便转化为 index
-      if (props.name) {
-        return index?.toString();
-      }
-      return record?.[rowKey] ?? index?.toString();
-    };
-  }, [props.name, rowKey]);
+  }, []);
+
+  // 缓存 columns 避免每次 render 生成全新数组触发 antd Table 大面积 diff
+  const columns = useMemo(() => props?.columns?.map(item => ({
+    ...item,
+    onCell: (record, rowIndex) => ({
+      onDoubleClick: () => {
+        cancelExitEditing();
+        handleEditableKeysChange([getRowKey(record, rowIndex)]);
+      },
+      onBlur: scheduleExitEditing,
+      onFocus: cancelExitEditing
+    })
+  })) ?? [],
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [props.columns, getRowKey, scheduleExitEditing, cancelExitEditing, handleEditableKeysChange]);
   return /*#__PURE__*/_jsx(EditableProTable, {
     bordered: true,
     pagination: false,
     ...props,
     editable: {
-      editableKeys,
-      ...props.editable
+      ...props.editable,
+      editableKeys
     },
-    columns: props?.columns?.map(item => {
-      return {
-        ...item,
-        onCell: (record, rowIndex) => {
-          return {
-            onDoubleClick: () => {
-              setEditableRowKeys([getRowKey(record, rowIndex)]);
-            },
-            onBlur: () => {
-              setEditableRowKeys([]);
-            }
-          };
-        }
-      };
-    }) || []
+    columns: columns
   });
 }

package/es/table/components/EditableTable/index.d.ts

@@ -83,7 +83,7 @@ export type EditableProTableProps<T, U extends ParamsType, ValueType = 'text'> =
  * A React component that is used to create a table.
  * @param props
  */
-declare function FieldEditableTable<DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType = 'text'>(props: EditableProTableProps<DataType, Params, ValueType>): import("react/jsx-runtime").JSX.Element;
+declare function FieldEditableTable<DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType = 'text'>(props: EditableProTableProps<DataType, Params, ValueType>): React.JSX.Element;
 declare namespace FieldEditableTable {
     var RecordCreator: <T = Record<string, any>>(props: RecordCreatorProps<T> & {
         children: React.JSX.Element;