@ant-design/pro-components 3.1.3-1 → 3.1.5-0

package/lib/card/components/Card/style.js

@@ -19,6 +19,9 @@ const genProCardStyle = token => {
       display: 'flex',
       flexDirection: 'column',
       boxSizing: 'border-box',
+      '*, *::before, *::after': {
+        boxSizing: 'border-box'
+      },
       width: '100%',
       marginBlock: 0,
       marginInline: 0,
@@ -35,6 +38,29 @@ const genProCardStyle = token => {
       '&-col': {
         width: '100%'
       },
+      // 分割线样式：col 之间的分割线
+      [` ${componentCls}-col${componentCls}-split-vertical`]: {
+        borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
+      },
+      [` ${componentCls}-col${componentCls}-split-horizontal`]: {
+        borderBlockEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
+      },
+      // Divider 分割线组件样式
+      [`${componentCls}-divider`]: {
+        flex: 'none',
+        alignSelf: 'stretch',
+        width: token.lineWidth,
+        marginInline: token.marginXS,
+        marginBlock: token.marginLG,
+        backgroundColor: token.colorSplit,
+        [`&${componentCls}-divider-horizontal`]: {
+          width: 'auto',
+          alignSelf: 'auto',
+          height: token.lineWidth,
+          marginInline: token.marginLG,
+          marginBlock: token.marginXS
+        }
+      },
       '&-border': {
         border: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
       },
@@ -127,7 +153,7 @@ const genProCardStyle = token => {
       },
       [`${componentCls}-title`]: {
         color: token.colorText,
-        fontWeight: 500,
+        fontWeight: token.fontWeightStrong,
         fontSize: token.fontSizeLG,
         lineHeight: token.lineHeight
       },
@@ -149,6 +175,17 @@ const genProCardStyle = token => {
           transition: `transform ${token.motionDurationMid}`
         }
       },
+      [`${componentCls}-cover`]: {
+        overflow: 'hidden',
+        borderRadius: `${token.borderRadius}px ${token.borderRadius}px 0 0`,
+        '& > *': {
+          width: '100%',
+          display: 'block'
+        },
+        '& img': {
+          verticalAlign: 'middle'
+        }
+      },
       [`${componentCls}-body`]: {
         display: 'block',
         boxSizing: 'border-box',
@@ -179,19 +216,19 @@ const genProCardStyle = token => {
             paddingBlock: token.paddingSM
           }
         },
+        [` ${componentCls}-divider`]: {
+          marginBlock: token.marginLG,
+          marginInline: token.marginXS,
+          [`&${componentCls}-divider-horizontal`]: {
+            marginBlock: token.marginXS,
+            marginInline: token.marginLG
+          }
+        },
         [`${componentCls}-header${componentCls}-header-collapsible`]: {
           paddingBlock: token.paddingXS
         }
       }
     },
-    [`${componentCls}-col`]: {
-      [`&${componentCls}-split-vertical`]: {
-        borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
-      },
-      [`&${componentCls}-split-horizontal`]: {
-        borderBlockEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
-      }
-    },
     [`${componentCls}-tabs`]: {
       [`${token.antCls}-tabs-top > ${token.antCls}-tabs-nav`]: {
         marginBlockEnd: 0,

package/lib/card/components/CheckCard/Group.js

@@ -167,9 +167,7 @@ const CheckCardGroup = props => {
   };
   const children = (0, _react.useMemo)(() => {
     if (loading) {
-      return new Array(options.length || _react.default.Children.toArray(props.children).length || 1).fill(0)
-      // eslint-disable-next-line react/no-array-index-key
-      .map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      return new Array(options.length || _react.default.Children.toArray(props.children).length || 1).fill(0).map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
         loading: true
       }, index));
     }

package/lib/card/components/CheckCard/index.js

@@ -49,7 +49,6 @@ const CheckCard = props => {
   (0, _react.useEffect)(() => {
     checkCardGroup?.registerValue?.(props.value);
     return () => checkCardGroup?.cancelValue?.(props.value);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.value]);
   const {
     prefixCls: customizePrefixCls,

package/lib/card/components/Divider/index.d.ts

@@ -17,7 +17,7 @@ export type ProCardDividerProps = {
      *
      * @default vertical
      */
-    type?: 'horizontal' | 'vertical';
+    orientation?: 'horizontal' | 'vertical';
 };
 declare const ProCardDivider: React.FC<ProCardDividerProps>;
 export default ProCardDivider;

package/lib/card/components/Divider/index.js

@@ -24,10 +24,10 @@ const ProCardDivider = props => {
   const {
     className,
     style = {},
-    type
+    orientation = 'vertical'
   } = props;
   const classString = (0, _clsx.clsx)(prefixCls, className, hashId, {
-    [`${prefixCls}-${type}`]: type
+    [`${prefixCls}-${orientation}`]: orientation
   });
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: classString,

package/lib/card/components/Divider/style.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
-export default function useStyle(prefixCls: string): {
+/**
+ * Divider 样式已合并至 ProCard style.ts，此 hook 仅用于获取 hashId 和 wrapSSR
+ */
+export default function useStyle(_prefixCls: string): {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/card/components/Divider/style.js

@@ -5,43 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useStyle;
 var _provider = require("../../../provider");
-const genDividerStyle = token => {
-  const {
-    componentCls
-  } = token;
-  return {
-    [componentCls]: {
-      boxSizing: 'border-box',
-      '&-divider': {
-        flex: 'none',
-        width: token.lineWidth,
-        marginInline: token.marginXS,
-        marginBlock: token.marginLG,
-        backgroundColor: token.colorSplit,
-        '&-horizontal': {
-          width: 'initial',
-          height: token.lineWidth,
-          marginInline: token.marginLG,
-          marginBlock: token.marginXS
-        }
-      },
-      '&&-size-small &-divider': {
-        marginBlock: token.marginLG,
-        marginInline: token.marginXS,
-        '&-horizontal': {
-          marginBlock: token.marginXS,
-          marginInline: token.marginLG
-        }
-      }
-    }
-  };
-};
-function useStyle(prefixCls) {
-  return (0, _provider.useStyle)('ProCardDivider', token => {
-    const proCardDividerToken = {
-      ...token,
-      componentCls: `.${prefixCls}`
-    };
-    return [genDividerStyle(proCardDividerToken)];
-  });
+/**
+ * Divider 样式已合并至 ProCard style.ts，此 hook 仅用于获取 hashId 和 wrapSSR
+ */
+function useStyle(_prefixCls) {
+  return (0, _provider.useStyle)('ProCardDivider', () => ({}));
 }

package/lib/card/components/Statistic/index.js

@@ -17,7 +17,7 @@ const Statistic = props => {
     layout = 'inline',
     style,
     description,
-    children,
+    children: _children,
     title,
     tip,
     status,
@@ -46,7 +46,7 @@ const Statistic = props => {
   const tipDom = tip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
     title: tip,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.QuestionCircleOutlined, {
-      className: `${prefixCls}-tip ${hashId}`.trim()
+      className: (0, _clsx.clsx)(`${prefixCls}-tip`, hashId)
     })
   });
   const trendIconClassName = (0, _clsx.clsx)(`${prefixCls}-trend-icon`, hashId, {
@@ -83,7 +83,7 @@ const Statistic = props => {
           className: statisticClassName,
           ...others
         }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixCls}-description ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${prefixCls}-description`, hashId),
           children: description
         })]
       })]

package/lib/card/components/StatisticCard/index.js

@@ -61,7 +61,7 @@ const StatisticCard = props => {
     children: [statisticDom, chartDom]
   }));
   const footerDom = footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: `${prefixCls}-footer ${hashId}`.trim(),
+    className: (0, _clsx.clsx)(`${prefixCls}-footer`, hashId),
     children: footer
   });
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.default, {

package/lib/card/typing.d.ts

@@ -1,20 +1,36 @@
-import type { TabPaneProps, TabsProps } from 'antd';
-import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
+import type { CardProps as AntdCardProps, TabPaneProps, TabsProps } from 'antd';
 import type { ReactNode } from 'react';
+import type { LabelTooltipType } from '../utils';
+export type { LabelTooltipType };
 export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type Gutter = number | Partial<Record<Breakpoint, number>>;
 export type ColSpanType = number | string;
 type CollapsibleType = 'icon' | 'header' | boolean;
-type CardPropsBase = {
-    /** 标题样式 */
-    headStyle?: React.CSSProperties;
-    /** 内容样式 */
-    bodyStyle?: React.CSSProperties;
-    /** 样式配置 */
-    styles?: {
-        header?: React.CSSProperties;
-        body?: React.CSSProperties;
-    };
+/** 与 antd Card 一致的 styles 结构 */
+export interface ProCardStyles {
+    root?: React.CSSProperties;
+    header?: React.CSSProperties;
+    body?: React.CSSProperties;
+    extra?: React.CSSProperties;
+    title?: React.CSSProperties;
+    actions?: React.CSSProperties;
+    cover?: React.CSSProperties;
+}
+/** 与 antd Card 一致的 classNames 结构 */
+export interface ProCardClassNames {
+    root?: string;
+    header?: string;
+    body?: string;
+    extra?: string;
+    title?: string;
+    actions?: string;
+    cover?: string;
+}
+type CardPropsBase = Pick<AntdCardProps, 'rootClassName' | 'cover'> & {
+    /** 样式配置，与 antd Card styles 结构一致 */
+    styles?: ProCardStyles;
+    /** 语义化 classNames，与 antd Card classNames 结构一致 */
+    classNames?: ProCardClassNames;
     /** 页头是否有分割线 */
     headerBordered?: boolean;
     /** 卡片标题 */
@@ -46,7 +62,7 @@ type CardPropsBase = {
     actions?: React.ReactNode[] | React.ReactNode;
     /** 拆分卡片方式 */
     split?: 'vertical' | 'horizontal';
-    /** Card variants */
+    /** 卡片变体，与 antd Card variant 一致 */
     variant?: 'outlined' | 'borderless';
     /**
      * 鼠标移过时可浮起
@@ -93,4 +109,3 @@ export type ProCardTabPaneProps = {
     cardProps?: CardProps;
 } & TabPaneProps;
 export type CardType = React.ForwardRefExoticComponent<CardProps>;
-export {};

package/lib/descriptions/index.d.ts

@@ -1,8 +1,8 @@
 import type { DescriptionsProps, FormProps } from 'antd';
-import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
 import React from 'react';
 import type { ProFieldFCMode } from '../provider';
-import type { ProCoreActionType, ProFieldValueType, ProSchema, ProSchemaComponentTypes, RowEditableConfig, UseEditableMapUtilType } from '../utils';
+import type { ProCoreActionType, ProEllipsis, ProFieldValueType, ProSchema, ProSchemaComponentTypes, RowEditableConfig, UseEditableMapUtilType } from '../utils';
+import { LabelTooltipType } from '../utils';
 import type { RequestData } from './useFetchData';
 export interface DescriptionsItemProps {
     prefixCls?: string;
@@ -31,9 +31,7 @@ export type ProDescriptionsItemProps<T = Record<string, any>, ValueType = 'text'
     hide?: boolean;
     plain?: boolean;
     copyable?: boolean;
-    ellipsis?: boolean | {
-        showTitle?: boolean;
-    };
+    ellipsis?: ProEllipsis;
     mode?: ProFieldFCMode;
     children?: React.ReactNode;
     /**

package/lib/descriptions/index.js

@@ -194,14 +194,14 @@ const schemaToDescriptionsItem = (items, entity, action, editableUtils, emptyTex
       };
     }
     const {
-      valueEnum,
-      render,
+      valueEnum: _valueEnum,
+      render: _render,
       renderText,
       mode,
-      plain,
+      plain: _plain,
       dataIndex,
-      request,
-      params,
+      request: _request,
+      params: _params,
       editable,
       ...restItem
     } = item;
@@ -301,7 +301,7 @@ const ProDescriptions = props => {
     onLoadingChange,
     actionRef,
     onRequestError,
-    emptyText,
+    emptyText: _emptyText,
     ...rest
   } = props;
   const proContext = (0, _react.useContext)(_provider.default);

package/lib/descriptions/useFetchData.js

@@ -77,7 +77,6 @@ const useFetchData = (getData, options) => {
       return;
     }
     fetchList();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [...(effects || []), manual]);
   return {
     dataSource: entity,

package/lib/field/AllProField.d.ts

@@ -27,6 +27,8 @@ type RenderProps = Omit<ProFieldFCRenderProps, 'text' | 'placeholder'> & ProRend
  *
  * @param dataValue
  * @param valueType
+ * @param props
+ * @param valueTypeMap
  */
 export declare const defaultRenderText: (dataValue: ProFieldTextType, valueType: ProFieldValueType | ProFieldValueObjectType, props: RenderProps, valueTypeMap: Record<string, ProRenderFieldPropsType>) => React.ReactNode;
 export declare const ProField: React.ForwardRefRenderFunction<any, ProFieldPropsType>;

package/lib/field/AllProField.js

@@ -62,6 +62,7 @@ _dayjs.default.extend(_weekday.default);
  *
  * @param text String | number
  * @param valueType ProColumnsValueObjectType
+ * @param props
  */
 const defaultRenderTextByObject = (text, valueType, props) => {
   const pickFormItemProps = (0, _utils.pickProProps)(props.fieldProps);
@@ -109,6 +110,8 @@ const defaultRenderTextByObject = (text, valueType, props) => {
  *
  * @param dataValue
  * @param valueType
+ * @param props
+ * @param valueTypeMap
  */
 const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
   const {
@@ -134,15 +137,12 @@ const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
       });
     }
   }
-
-  // eslint-disable-next-line no-param-reassign
   delete props.emptyText;
   if (typeof valueType === 'object') {
     return defaultRenderTextByObject(dataValue, valueType, props);
   }
   const customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
   if (customValueTypeConfig) {
-    // eslint-disable-next-line no-param-reassign
     delete props.ref;
     if (mode === 'read') {
       return customValueTypeConfig.render?.(dataValue, {
@@ -569,7 +569,6 @@ const ProFieldComponent = ({
       ...(0, _utils.omitUndefined)(restFieldProps),
       onChange: onChangeCallBack
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, restFieldProps, onChangeCallBack]);
   const renderedDom = defaultRenderText(mode === 'edit' ? fieldProps?.value ?? text ?? '' : text ?? fieldProps?.value ?? '', valueType || 'text', (0, _utils.omitUndefined)({
     ref,

package/lib/field/PureProField.d.ts

@@ -29,6 +29,8 @@ type RenderProps = Omit<ProFieldFCRenderProps, 'text' | 'placeholder'> & ProRend
  *
  * @param dataValue
  * @param valueType
+ * @param props
+ * @param valueTypeMap
  */
 export declare const pureRenderText: (dataValue: ProFieldTextType, valueType: ProFieldValueType | ProFieldValueObjectType, props: RenderProps, valueTypeMap: Record<string, ProRenderFieldPropsType>) => React.ReactNode;
 /** ProField 的类型 */

package/lib/field/PureProField.js

@@ -34,6 +34,8 @@ _dayjs.default.extend(_weekday.default);
  *
  * @param dataValue
  * @param valueType
+ * @param props
+ * @param valueTypeMap
  */
 const pureRenderText = (dataValue, valueType, props, valueTypeMap) => {
   const {
@@ -59,11 +61,8 @@ const pureRenderText = (dataValue, valueType, props, valueTypeMap) => {
       });
     }
   }
-
-  // eslint-disable-next-line no-param-reassign
   delete props.emptyText;
   if (typeof valueType === 'object') {
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
     return pureRenderText(dataValue, valueType.type, {
       ...valueType,
       ...props
@@ -71,7 +70,6 @@ const pureRenderText = (dataValue, valueType, props, valueTypeMap) => {
   }
   const customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
   if (customValueTypeConfig) {
-    // eslint-disable-next-line no-param-reassign
     delete props.ref;
     if (mode === 'read') {
       const readDom = customValueTypeConfig.render?.(dataValue, {
@@ -136,7 +134,6 @@ const ProFieldComponent = ({
       ...(0, _utils.omitUndefined)(restFieldProps),
       onChange: onChangeCallBack
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, restFieldProps, onChangeCallBack]);
   const renderedDom = pureRenderText(mode === 'edit' ? fieldProps?.value ?? text ?? '' : text ?? fieldProps?.value ?? '', valueType || 'text', (0, _utils.omitUndefined)({
     ref,

package/lib/field/components/Cascader/index.js

@@ -16,7 +16,14 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * 级联选择组件
  *
- * @param param0
+ * @param placeholder
+ * @param formItemRender
+ * @param mode
+ * @param render
+ * @param label
+ * @param light
+ * @param variant
+ * @param rest
  * @param ref
  */
 const FieldCascader = ({

package/lib/field/components/Checkbox/index.js

@@ -14,7 +14,11 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * 多选组件
  *
- * @param param0
+ * @param layout
+ * @param formItemRender
+ * @param mode
+ * @param render
+ * @param rest
  * @param ref
  */
 const FieldCheckbox = ({
@@ -106,14 +110,11 @@ const FieldCheckbox = ({
   }
   if (mode === 'edit') {
     const {
-      fieldNames,
+      fieldNames: _fieldNames,
       variant,
       ...restFieldProps
     } = rest.fieldProps || {};
-    const dom = wrapSSR(
-    /*#__PURE__*/
-    //@ts-ignore
-    (0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
+    const dom = wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
       ...restFieldProps,
       variant: variant,
       className: (0, _clsx.clsx)(rest.fieldProps?.className, hashId, `${layoutClassName}-${layout}`, {

package/lib/field/components/DatePicker/index.d.ts

@@ -5,6 +5,6 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     format?: string | undefined;
     showTime?: boolean | undefined;
     variant?: "outlined" | "filled" | "borderless" | "underlined" | undefined;
-    picker?: "time" | "date" | "month" | "week" | "year" | "quarter" | undefined;
+    picker?: "time" | "date" | "month" | "week" | "quarter" | "year" | undefined;
 } & ProFieldLightProps & React.RefAttributes<any>>;
 export default _default;

package/lib/field/components/DatePicker/index.js

@@ -26,7 +26,19 @@ const formatDate = (text, format) => {
 /**
  * 日期选择组件
  *
- * @param
+ * @param text
+ * @param mode
+ * @param format
+ * @param label
+ * @param light
+ * @param render
+ * @param formItemRender
+ * @param showTime
+ * @param fieldProps
+ * @param picker
+ * @param lightLabel
+ * @param variant
+ * @param ref
  */
 const FieldDatePicker = ({
   text,

package/lib/field/components/Digit/index.js

@@ -11,12 +11,25 @@ var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
 var _utils = require("../../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 判断字符串是否为空或仅包含空白字符
+ * @param {string} str - 要检查的字符串
+ * @returns {boolean} - 如果为空或仅包含空白字符返回 true，否则返回 false
+ */
+function isEmptyOrWhitespace(str) {
+  return (0, _utils.isNil)(str) || str === '' || str?.trim() === '';
+}
+
 /**
  * 数字组件
  *
- * @param FieldDigitProps {
- *     text: number;
- *     moneySymbol?: string; }
+ * @param text
+ * @param type
+ * @param render
+ * @param placeholder
+ * @param formItemRender
+ * @param fieldProps
+ * @param ref
  */
 const FieldDigit = ({
   text,
@@ -87,6 +100,10 @@ const FieldDigit = ({
       onChange: e => fieldProps?.onChange?.(proxyChange(e)),
       onBlur: e => {
         const value = e.target.value;
+        if (isEmptyOrWhitespace(value)) {
+          fieldProps?.onBlur?.(e);
+          return;
+        }
         const processedValue = proxyChange(value);
         // 更新输入框的值
         if (e.target && typeof processedValue === 'number') {

package/lib/field/components/DigitRange/index.js

@@ -88,6 +88,7 @@ const FieldDigitRange = ({
     const placeholderValue = fieldProps?.placeholder || placeholder || [intl.getMessage('tableForm.inputPlaceholder', '请输入'), intl.getMessage('tableForm.inputPlaceholder', '请输入')];
     const getInputNumberPlaceholder = index => Array.isArray(placeholderValue) ? placeholderValue[index] : placeholderValue;
     const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space.Compact, {
+      block: true,
       onBlur: handleGroupBlur,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, {
         ...fieldProps,

package/lib/field/components/Money/index.js

@@ -123,16 +123,53 @@ const InputNumberPopover = /*#__PURE__*/_react.default.forwardRef(({
   numberFormatOptions,
   numberPopoverRender,
   open,
+  onOpenChange,
   ...rest
 }, ref) => {
   const [value, setValueInner] = (0, _util.useControlledState)(() => rest.defaultValue, rest.value);
+
+  // 使用本地状态管理 Popover 显示，同时支持受控模式
+  const [localOpen, setLocalOpen] = (0, _react.useState)(open ?? false);
+
+  // 跟踪组件挂载状态，防止在卸载后执行状态更新
+  const mountedRef = (0, _react.useRef)(true);
+  (0, _react.useEffect)(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+
+  // 同步外部 open 属性到本地状态，支持受控模式
+  (0, _react.useEffect)(() => {
+    if (open !== undefined) {
+      setLocalOpen(open);
+    }
+  }, [open]);
   const onChange = (0, _react.useCallback)(updater => {
     setValueInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
       rest.onChange?.(next);
       return next;
     });
-  }, [rest.onChange]);
+  }, [rest.onChange, setValueInner]);
+
+  // 优化的 onOpenChange 处理器
+  const handleOpenChange = (0, _react.useCallback)(visible => {
+    // 通知父组件状态变化
+    onOpenChange?.(visible);
+
+    // 如果是受控模式（传入了 open prop），不更新本地状态
+    if (open === undefined) {
+      // 使用 queueMicrotask 延迟状态更新，避免在渲染期间触发 flushSync
+      queueMicrotask(() => {
+        // 检查组件是否仍然挂载，避免在卸载后更新状态
+        if (mountedRef.current) {
+          setLocalOpen(visible);
+        }
+      });
+    }
+  }, [open, onOpenChange]);
 
   /**
    * 如果content 存在要根据 content 渲染一下
@@ -141,9 +178,20 @@ const InputNumberPopover = /*#__PURE__*/_react.default.forwardRef(({
     ...rest,
     value
   });
+
+  // 没有 dom 时不显示 Popover
+  if (!dom) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, {
+      ref: ref,
+      ...rest,
+      value: value,
+      onChange: onChange
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
     placement: "topLeft",
-    open: dom ? open : false,
+    open: localOpen,
+    onOpenChange: handleOpenChange,
     trigger: ['focus', 'click'],
     content: dom,
     getPopupContainer: triggerNode => {