@zat-design/sisyphus-react 4.5.0 → 4.5.1

package/es/ProDrawerForm/components/ProDrawer/index.js

@@ -1,17 +1,17 @@
 import _omit from "lodash/omit";
 import _isArray from "lodash/isArray";
-import { Button, Drawer, Modal } from 'antd';
-import React, { useCallback, useState, useRef, useEffect } from 'react';
+import { Button, Drawer } from 'antd';
+import React, { useCallback, useState, useRef } from 'react';
 import { useScroll } from 'ahooks';
 import classNames from 'classnames';
 import { ReactSVG } from 'react-svg';
 import closeSvg from "../../../assets/close.svg";
-import locale from "../../../locale";
+import { useConfirmClose } from "../../hooks/useConfirmClose";
 
 /**
  * 抽屉组件
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const ProDrawer = ({
   form,
   title,
@@ -31,67 +31,32 @@ const ProDrawer = ({
   children,
   className,
   zIndex,
+  destroyOnHidden,
   drawerProps
 }) => {
   const ref = useRef(null);
-  const modalRef = useRef(null);
   const {
     top
   } = useScroll(ref) || {};
   const [loading, toggleLoading] = useState(false);
-  const [initialSnapshot, setInitialSnapshot] = useState('');
   const noRenderFooter = isView || footer === false || footer === null;
   const {
     mask: drawerMask,
     ...restDrawerProps
   } = drawerProps || {};
-  const drawerWidth = width;
-  const drawerSize = restDrawerProps?.size;
-
-  // 使用 useEffect 在 open 变更时延迟捕获 初始DOM 快照
-  useEffect(() => {
-    if (open) {
-      // 延迟到下一个事件循环，确保 Drawer 已经渲染
-      const timeoutId = setTimeout(() => {
-        if (ref.current) {
-          setInitialSnapshot(ref.current.innerHTML); // 捕获 DOM 快照
-        }
-      }, 100); // 使用 setTimeout 让 DOM 渲染完成后再执行
-
-      return () => clearTimeout(timeoutId); // 清理定时器
-    }
-    setInitialSnapshot('');
-  }, [open]); // 当 open 变化时执行
-
-  // 快照对比
-  const compareSnapshots = () => {
-    if (!ref.current) return false;
-    return ref.current.innerHTML === initialSnapshot;
-  };
-  const onConfirm = useCallback(async () => {
-    // 如果当前是查看状态，或者不需要确认关闭，或者快照对比一致，则直接关闭
-    if (isView || !isConfirmClose || compareSnapshots()) {
-      onCancel && onCancel();
-    } else if (!modalRef.current) {
-      modalRef.current = Modal.confirm({
-        className: 'width430',
-        title: locale?.ProDrawerForm?.isSureClose,
-        okText: locale?.ProDrawerForm?.confirm,
-        cancelText: locale?.ProDrawerForm?.cancel,
-        content: locale?.ProDrawerForm?.secondTipsWhenSave,
-        mask: {
-          blur: false
-        },
-        onOk: () => {
-          onCancel && onCancel();
-        },
-        onCancel: () => {
-          modalRef.current = null;
-        },
-        ...isConfirmCloseModalProps
-      });
-    }
-  }, [onCancel, modalRef.current, ref.current]);
+  // 抽屉宽度统一走 size（antd v6 width 已废弃）；数字优先，自定义 width 兜底
+  const drawerSize = restDrawerProps?.size ?? width;
+  const {
+    markInteracted,
+    onConfirm,
+    contextHolder
+  } = useConfirmClose({
+    open,
+    isView,
+    isConfirmClose,
+    isConfirmCloseModalProps,
+    onCancel
+  });
   const handleFinish = useCallback(async () => {
     try {
       if (open) {
@@ -164,40 +129,47 @@ const ProDrawer = ({
     }
     return defaultFooter;
   };
-  return /*#__PURE__*/_jsxs(Drawer, {
-    width: drawerWidth,
-    size: drawerSize,
-    open: open,
-    mask: drawerMask ?? {
-      blur: false
-    },
-    maskClosable: maskClosable,
-    placement: "right",
-    rootClassName: classNames(className, 'pro-drawer'),
-    closable: false,
-    onClose: onCancel,
-    zIndex: zIndex,
-    ..._omit(restDrawerProps, 'width', 'size'),
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "pro-drawer-close",
-      onClick: onConfirm,
-      children: /*#__PURE__*/_jsx(ReactSVG, {
-        className: "close-icon",
-        src: closeSvg
-      })
-    }), title ? /*#__PURE__*/_jsx("div", {
-      className: `pro-drawer-title ${top > 0 ? 'pro-drawer-scrolling' : ''}`,
-      children: title
-    }) : null, /*#__PURE__*/_jsx("div", {
-      ref: ref,
-      className: "pro-drawer-content",
-      style: {
-        marginTop: title ? 64 : 0,
-        paddingBottom: noRenderFooter ? 0 : 64,
-        height: `calc(100% - ${title ? 64 : 0}px)`
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [contextHolder, /*#__PURE__*/_jsxs(Drawer, {
+      size: drawerSize,
+      open: open,
+      mask: typeof drawerMask === 'object' ? {
+        closable: maskClosable,
+        ...drawerMask
+      } : drawerMask ?? {
+        blur: false,
+        closable: maskClosable
       },
-      children: children
-    }), renderFooter()]
+      placement: "right",
+      rootClassName: classNames(className, 'pro-drawer'),
+      closable: false,
+      onClose: onConfirm,
+      zIndex: zIndex,
+      destroyOnHidden: destroyOnHidden,
+      ..._omit(restDrawerProps, 'width', 'size'),
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "pro-drawer-close",
+        onClick: onConfirm,
+        children: /*#__PURE__*/_jsx(ReactSVG, {
+          className: "close-icon",
+          src: closeSvg
+        })
+      }), title ? /*#__PURE__*/_jsx("div", {
+        className: `pro-drawer-title ${top > 0 ? 'pro-drawer-scrolling' : ''}`,
+        children: title
+      }) : null, /*#__PURE__*/_jsx("div", {
+        ref: ref,
+        className: "pro-drawer-content",
+        onInput: markInteracted,
+        onChange: markInteracted,
+        style: {
+          marginTop: title ? 64 : 0,
+          paddingBottom: noRenderFooter ? 0 : 64,
+          height: `calc(100% - ${title ? 64 : 0}px)`
+        },
+        children: children
+      }), renderFooter()]
+    })]
   });
 };
 export default ProDrawer;

package/es/ProDrawerForm/components/ProModal/index.js

@@ -3,10 +3,12 @@ import React, { useCallback, useState, useRef } from 'react';
 import { Space, Button, Modal } from 'antd';
 import { useScroll, useSize } from 'ahooks';
 import classnames from 'classnames';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useConfirmClose } from "../../hooks/useConfirmClose";
+
 /**
  * 弹窗组件
  */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const ProModal = ({
   form,
   title,
@@ -15,6 +17,8 @@ const ProModal = ({
   footer,
   isView,
   maskClosable,
+  isConfirmClose,
+  isConfirmCloseModalProps,
   okText,
   cancelText,
   okLoading,
@@ -25,6 +29,7 @@ const ProModal = ({
   className,
   extraLeft,
   zIndex,
+  destroyOnHidden,
   modalProps
 }) => {
   const ref = useRef(null);
@@ -40,6 +45,17 @@ const ProModal = ({
     ...restModalProps
   } = modalProps || {};
   const [loading, toggleLoading] = useState(false);
+  const {
+    markInteracted,
+    onConfirm,
+    contextHolder
+  } = useConfirmClose({
+    open,
+    isView,
+    isConfirmClose,
+    isConfirmCloseModalProps,
+    onCancel
+  });
   const _className = classnames(['pro-modal', className, {
     'pro-modal-scrolling': top > 0,
     'pro-modal-no-footer': noRenderFooter,
@@ -122,25 +138,33 @@ const ProModal = ({
     }
     return defaultFooter;
   };
-  return /*#__PURE__*/_jsx(Modal, {
-    className: _className,
-    title: title,
-    width: width,
-    open: open,
-    mask: modalMask ?? {
-      blur: false
-    },
-    maskClosable: maskClosable,
-    onCancel: onCancel,
-    footer: renderFooter(),
-    okText: okText,
-    cancelText: cancelText,
-    zIndex: zIndex,
-    ...restModalProps,
-    children: /*#__PURE__*/_jsx("div", {
-      ref: ref,
-      children: children
-    })
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [contextHolder, /*#__PURE__*/_jsx(Modal, {
+      className: _className,
+      title: title,
+      width: width,
+      open: open,
+      mask: typeof modalMask === 'object' ? {
+        closable: maskClosable,
+        ...modalMask
+      } : modalMask ?? {
+        blur: false,
+        closable: maskClosable
+      },
+      onCancel: onConfirm,
+      footer: renderFooter(),
+      okText: okText,
+      cancelText: cancelText,
+      zIndex: zIndex,
+      destroyOnHidden: destroyOnHidden,
+      ...restModalProps,
+      children: /*#__PURE__*/_jsx("div", {
+        ref: ref,
+        onInput: markInteracted,
+        onChange: markInteracted,
+        children: children
+      })
+    })]
   });
 };
 export default ProModal;

package/es/ProDrawerForm/hooks/useConfirmClose.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import type { ProDrawerFormType } from '../propsType';
+interface UseConfirmCloseParams {
+    open?: boolean;
+    isView?: boolean;
+    isConfirmClose?: boolean;
+    isConfirmCloseModalProps?: ProDrawerFormType['isConfirmCloseModalProps'];
+    onCancel?: ProDrawerFormType['onCancel'];
+}
+/**
+ * 关闭抽屉/弹窗时的二次确认逻辑
+ *
+ * - markInteracted：绑定到内容容器的 input / change 事件，标记用户真实交互过。
+ *   setFieldsValue 等程序回填不会派发用户输入事件，因此异步回填不会误触发二次确认。
+ * - onConfirm：组件自带关闭入口（右上角 × / 遮罩）的关闭处理。未交互、查看模式或
+ *   未开启二次确认时直接关闭；否则弹出二次确认。底部取消按钮不走此逻辑。
+ * - contextHolder：Modal.useModal 的上下文占位，需渲染进组件，使二次确认弹框能继承
+ *   ConfigProvider 的主题 / 国际化（替代静态 Modal.confirm，消除上下文告警）。
+ */
+export declare const useConfirmClose: ({ open, isView, isConfirmClose, isConfirmCloseModalProps, onCancel, }: UseConfirmCloseParams) => {
+    markInteracted: () => void;
+    onConfirm: () => void;
+    contextHolder: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+};
+export {};

package/es/ProDrawerForm/hooks/useConfirmClose.js

@@ -0,0 +1,70 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { Modal } from 'antd';
+import { shouldConfirmClose } from "../utils";
+import locale from "../../locale";
+/**
+ * 关闭抽屉/弹窗时的二次确认逻辑
+ *
+ * - markInteracted：绑定到内容容器的 input / change 事件，标记用户真实交互过。
+ *   setFieldsValue 等程序回填不会派发用户输入事件，因此异步回填不会误触发二次确认。
+ * - onConfirm：组件自带关闭入口（右上角 × / 遮罩）的关闭处理。未交互、查看模式或
+ *   未开启二次确认时直接关闭；否则弹出二次确认。底部取消按钮不走此逻辑。
+ * - contextHolder：Modal.useModal 的上下文占位，需渲染进组件，使二次确认弹框能继承
+ *   ConfigProvider 的主题 / 国际化（替代静态 Modal.confirm，消除上下文告警）。
+ */
+export const useConfirmClose = ({
+  open,
+  isView,
+  isConfirmClose,
+  isConfirmCloseModalProps,
+  onCancel
+}) => {
+  const [modal, contextHolder] = Modal.useModal();
+  // 记录用户是否真实交互过表单内容（区别于 setFieldsValue 等程序回填）
+  const userInteractedRef = useRef(false);
+  const confirmingRef = useRef(false);
+
+  // open 变化时重置用户交互标记
+  useEffect(() => {
+    userInteractedRef.current = false;
+  }, [open]);
+  const markInteracted = useCallback(() => {
+    userInteractedRef.current = true;
+  }, []);
+  const onConfirm = useCallback(() => {
+    // 用户真实交互过才弹二次确认；查看模式、未开启确认、或仅程序回填均直接关闭
+    if (!shouldConfirmClose({
+      isView,
+      isConfirmClose,
+      userInteracted: userInteractedRef.current
+    })) {
+      onCancel?.();
+      return;
+    }
+    if (confirmingRef.current) return;
+    confirmingRef.current = true;
+    modal.confirm({
+      className: 'width430',
+      title: locale?.ProDrawerForm?.isSureClose,
+      okText: locale?.ProDrawerForm?.confirm,
+      cancelText: locale?.ProDrawerForm?.cancel,
+      content: locale?.ProDrawerForm?.secondTipsWhenSave,
+      mask: {
+        blur: false
+      },
+      onOk: () => {
+        confirmingRef.current = false;
+        onCancel?.();
+      },
+      onCancel: () => {
+        confirmingRef.current = false;
+      },
+      ...isConfirmCloseModalProps
+    });
+  }, [isView, isConfirmClose, isConfirmCloseModalProps, onCancel, modal]);
+  return {
+    markInteracted,
+    onConfirm,
+    contextHolder
+  };
+};

package/es/ProDrawerForm/index.js

@@ -1,7 +1,7 @@
 import React, { createContext, forwardRef, useContext, useImperativeHandle, useMemo } from 'react';
 import { ProDrawer, ProModal } from "./components";
 import ProForm from "../ProForm";
-import { transformBySize } from "./utils";
+import { resolveDrawerSize } from "./utils";
 import locale from "../locale";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ProDrawerFormContext = /*#__PURE__*/createContext(null);
@@ -26,17 +26,13 @@ const ProDrawerForm = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const nextIsView = isView || disabled;
   const nextOkText = okText ?? (mode === 'Drawer' ? locale?.ProDrawerForm?.save : locale?.ProDrawerForm?.confirm);
-  let {
-    width
+  const {
+    width: deprecatedWidth,
+    ...restPropsWithoutWidth
   } = restProps;
-  if (!width && size) {
-    width = transformBySize(size);
-  }
 
-  // 强转string 类型
-  if (!Number.isNaN(+width)) {
-    width = `${width}px`;
-  }
+  // size 优先；显式传入（已废弃的）width 仍兼容生效并告警
+  const width = resolveDrawerSize(size, deprecatedWidth);
   const [form] = ProForm.useForm(originalForm);
   const handleCancel = () => {
     onCloseClean && form.resetFields();
@@ -56,7 +52,7 @@ const ProDrawerForm = /*#__PURE__*/forwardRef((props, ref) => {
       source: 'ProDrawerForm'
     },
     children: open ? /*#__PURE__*/_jsx(DrawerModal, {
-      ...restProps,
+      ...restPropsWithoutWidth,
       isView: nextIsView,
       open: open,
       form: form,

package/es/ProDrawerForm/propsType.d.ts

@@ -26,7 +26,10 @@ export interface ProDrawerFormType {
     disabled?: boolean | undefined;
     /** @name 是否查看模式 */
     isView?: boolean | undefined;
-    /** @name 宽度 */
+    /**
+     * @name 宽度
+     * @deprecated 请改用 `size`，`width` 仅作向后兼容保留，后续版本将移除
+     */
     width?: string | number;
     /** @name 取消按钮文字 */
     cancelText?: ModalProps['cancelText'];
@@ -38,8 +41,11 @@ export interface ProDrawerFormType {
     okDisabled?: boolean;
     /** @name 显示方式 */
     mode?: ShowType;
-    /** @name 尺寸 */
-    size?: DrawerSizeType;
+    /**
+     * @name 尺寸
+     * @description 设计规范三档枚举（small/middle/large），亦支持自定义数字 / 像素 / 百分比
+     */
+    size?: DrawerSizeType | number | string;
     /**
      * @name 自动选中第一项
      * @description 只对有input的类型有效
@@ -92,6 +98,11 @@ export interface ProDrawerFormType {
      * @name 关闭时弹框或者抽屉是否清空formValues
      */
     onCloseClean?: boolean;
+    /**
+     * @name 隐藏时销毁内容
+     * @description 透传给底层 antd Drawer/Modal
+     */
+    destroyOnHidden?: ModalProps['destroyOnHidden'] | DrawerProps['destroyOnHidden'];
     /** @name 子组件 */
     children?: React.ReactNode;
     /** @name z轴层级 */

package/es/ProDrawerForm/utils/index.d.ts

@@ -4,3 +4,22 @@ import { DrawerSizeType } from '../propsType';
  * @param size 设计规范的三个尺寸  460 960 1200 对应 'small' | 'middle' | 'large'
  */
 export declare const transformBySize: (size: DrawerSizeType) => number;
+/**
+ * 解析最终尺寸
+ *
+ * - 显式传入（已废弃的）`width` 时打印警告并优先生效，保证向后兼容。
+ * - `size` 命中三档枚举走 `transformBySize`；否则视为自定义数字 / 像素 / 百分比直接返回。
+ */
+export declare const resolveDrawerSize: (size: DrawerSizeType | number | string | undefined, width: number | string | undefined) => number | string | undefined;
+/**
+ * 关闭抽屉时是否需要弹出二次确认
+ *
+ * 判定「用户是否真实改动过」依据 userInteracted —— 它由抽屉内容容器上监听到的
+ * 真实用户输入事件（input / change）置位。打开后通过 setFieldsValue 异步回填
+ * 详情数据属于程序行为，不会派发这些用户事件，因此不会误触发二次确认。
+ */
+export declare const shouldConfirmClose: (params: {
+    isView?: boolean;
+    isConfirmClose?: boolean;
+    userInteracted: boolean;
+}) => boolean;

package/es/ProDrawerForm/utils/index.js

@@ -13,4 +13,40 @@ export const transformBySize = size => {
     default:
       return 960;
   }
+};
+const SIZE_PRESETS = ['small', 'middle', 'large'];
+
+/**
+ * 解析最终尺寸
+ *
+ * - 显式传入（已废弃的）`width` 时打印警告并优先生效，保证向后兼容。
+ * - `size` 命中三档枚举走 `transformBySize`；否则视为自定义数字 / 像素 / 百分比直接返回。
+ */
+export const resolveDrawerSize = (size, width) => {
+  if (width !== undefined && width !== '') {
+    // eslint-disable-next-line no-console
+    console.warn('[ProDrawerForm] `width` 已废弃，请改用 `size`');
+    return width;
+  }
+  if (SIZE_PRESETS.includes(size)) {
+    return transformBySize(size);
+  }
+  return size;
+};
+
+/**
+ * 关闭抽屉时是否需要弹出二次确认
+ *
+ * 判定「用户是否真实改动过」依据 userInteracted —— 它由抽屉内容容器上监听到的
+ * 真实用户输入事件（input / change）置位。打开后通过 setFieldsValue 异步回填
+ * 详情数据属于程序行为，不会派发这些用户事件，因此不会误触发二次确认。
+ */
+export const shouldConfirmClose = params => {
+  const {
+    isView,
+    isConfirmClose,
+    userInteracted
+  } = params;
+  if (isView || !isConfirmClose) return false;
+  return userInteracted;
 };

package/es/ProEditTable/components/RcTable/BaseTable.js

@@ -2,7 +2,11 @@ import _isFunction from "lodash/isFunction";
 import { memo, useCallback } from 'react';
 import { Badge, Table } from 'antd';
 import useEditTableError from "../../utils/useEditTableError";
+
+// 可编辑表格虚拟滚动的固定行高（px）。值取自单元格编辑态实际行高，
+// 透传给内部 rc-virtual-list 用于高度计算，减少滚动时的行测量开销。
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const VIRTUAL_ROW_HEIGHT = 65;
 const BaseTable = ({
   tableProps,
   ...resetProps
@@ -62,6 +66,12 @@ const BaseTable = ({
       'data-row-draggable': rowDraggable,
       onClick: () => {}
     }),
+    // 虚拟滚动场景下，透传固定行高给内部 rc-virtual-list，帮助其准确计算高度、
+    // 减少滚动时的行测量开销（antd 未导出该属性，但会透传到内部虚拟滚动）。
+    // 行高 65px 为可编辑表格单元格的固定高度；外部显式传入时以外部为准。
+    ...(resetProps?.virtual && resetProps?.listItemHeight == null ? {
+      listItemHeight: VIRTUAL_ROW_HEIGHT
+    } : {}),
     ...resetProps,
     rowKey: tableRowKey,
     summary,

package/es/ProEnum/index.js

@@ -137,14 +137,17 @@ const ProEnum = props => {
     let list = [];
 
     // 优先使用组件内部自己传入的数据源或者请求得到的数据
-    list = _cloneDeep(dataList && dataList.length ? dataList : enumLists);
-    // 对数据进行一系列的过滤等操作
+    const sourceList = dataList && dataList.length ? dataList : enumLists;
+    // 仅在需要走 transformResponse 时才克隆，避免污染原始字典；
+    // 否则直接传引用（下游 ProSelect 等仅只读消费），减少滚动重挂载时的 cloneDeep 开销
     if (!useRequest?.service && transformResponse) {
-      list = transformResponse(list);
+      list = transformResponse(_cloneDeep(sourceList));
       if (!Array.isArray(list)) {
         console.error(locale.ProEnum?.errorArrayMessage);
         list = [];
       }
+    } else {
+      list = sourceList;
     }
     if ( /*#__PURE__*/React.isValidElement(component)) {
       const Component = component;

package/es/ProForm/components/combination/Group/utils/index.d.ts

@@ -75,38 +75,35 @@ export declare const useFormItemProps: (column: FlexibleGroupColumnType, context
     confirm?: boolean | import("antd").ModalFuncProps | import("../../../render/propsType").FunctionArgs<any, boolean | import("antd").ModalFuncProps>;
     show?: boolean | ReactiveFunction<any, boolean>;
     component?: React.ReactNode | ReactiveFunction<any, React.ReactNode>;
-    isView?: boolean;
-    style?: React.CSSProperties;
-    trim?: boolean;
-    normalize?: (value: any, prevValue: any, allValues: import("@rc-component/form/lib/interface").Store) => any;
     children?: React.ReactNode | ((form: FormInstance<any>) => React.ReactNode);
-    prefixCls?: string;
-    trigger?: string;
     id?: string;
+    prefixCls?: string;
     className?: string;
-    rootClassName?: string;
+    style?: React.CSSProperties;
     status?: "" | "warning" | "error" | "success" | "validating";
+    rootClassName?: string;
+    isView?: boolean;
+    validateTrigger?: string | false | string[];
     getValueProps?: ((value: any) => Record<string, unknown>) & ((value: any) => Record<string, unknown>);
+    desensitization?: [number, number] | ReactiveFunction<any, [number, number]>;
     hidden?: boolean;
     onReset?: () => void;
     vertical?: boolean;
-    desensitization?: [number, number] | ReactiveFunction<any, [number, number]>;
-    validateTrigger?: string | false | string[];
-    preserve?: boolean;
-    clearNotShow?: boolean;
-    labelAlign?: import("antd/es/form/interface").FormLabelAlign;
+    valueType?: import("../../../render/propsType").ProFormValueType;
     colon?: boolean;
-    layout?: import("antd/es/form/Form").FormItemLayout;
-    labelCol?: import("antd").ColProps;
-    wrapperCol?: import("antd").ColProps;
     htmlFor?: string;
+    labelAlign?: import("antd/es/form/interface").FormLabelAlign;
+    labelCol?: import("antd").ColProps;
     getValueFromEvent?: (...args: import("@rc-component/form/lib/interface").EventArgs) => any;
+    normalize?: (value: any, prevValue: any, allValues: import("@rc-component/form/lib/interface").Store) => any;
     shouldUpdate?: import("@rc-component/form/lib/Field").ShouldUpdate<any>;
+    trigger?: string;
     validateDebounce?: number;
     valuePropName?: string;
     messageVariables?: Record<string, string>;
     initialValue?: any;
     onMetaChange?: (meta: import("@rc-component/form/lib/Field").MetaEvent) => void;
+    preserve?: boolean;
     isListField?: boolean;
     isList?: boolean;
     noStyle?: boolean;
@@ -114,9 +111,10 @@ export declare const useFormItemProps: (column: FlexibleGroupColumnType, context
         icons: import("antd/es/form/FormItem").FeedbackIcons;
     };
     validateStatus?: "" | "warning" | "error" | "success" | "validating";
+    layout?: import("antd/es/form/Form").FormItemLayout;
+    wrapperCol?: import("antd").ColProps;
     help?: React.ReactNode;
     fieldId?: string;
-    valueType?: import("../../../render/propsType").ProFormValueType;
     switchValue?: [any, any];
     viewRender?: (value: any, record: any, { form, index, namePath, }: {
         [key: string]: any;
@@ -124,9 +122,11 @@ export declare const useFormItemProps: (column: FlexibleGroupColumnType, context
         index?: number;
     }) => string | React.ReactElement<any, any>;
     viewType?: import("../../../render/propsType").ViewType;
+    trim?: boolean;
     upperCase?: boolean;
     toISOString?: boolean;
     toCSTString?: boolean;
+    clearNotShow?: boolean;
     name: any;
     dependencies: any[];
     tooltip: string | {
@@ -141,7 +141,7 @@ export declare const useFormItemProps: (column: FlexibleGroupColumnType, context
  * 创建组件属性
  */
 export declare const createComponentProps: (column: FlexibleGroupColumnType, formItemProps: any) => {
-    componentProps: import("lodash").Omit<any, "format" | "clearNotShow" | "valueType" | "switchValue" | "dependNames" | "toISOString" | "toCSTString" | "precision">;
+    componentProps: import("lodash").Omit<any, "precision" | "format" | "valueType" | "switchValue" | "dependNames" | "toISOString" | "toCSTString" | "clearNotShow">;
     formItemTransform: {
         getValueProps: any;
         normalize: any;