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

package/es/card/ProCard.js

@@ -1,14 +1,22 @@
 import Card from "./components/Card";
 import Divider from "./components/Divider";
 import { jsx as _jsx } from "react/jsx-runtime";
-const Group = props => /*#__PURE__*/_jsx(Card, {
-  styles: {
-    body: {
-      padding: 0
+const Group = props => {
+  const {
+    styles,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_jsx(Card, {
+    ...rest,
+    styles: {
+      ...styles,
+      body: {
+        ...styles?.body,
+        padding: 0
+      }
     }
-  },
-  ...props
-});
+  });
+};
 
 // 当前不对底层 Card 做封装，仅挂载子组件，直接导出
 const ProCard = Card;

package/es/card/components/Actions/index.js

@@ -14,10 +14,7 @@ const ProCardActions = props => {
   if (Array.isArray(actions) && actions?.length) {
     return wrapSSR( /*#__PURE__*/_jsx("ul", {
       className: clsx(`${prefixCls}-actions`, hashId),
-      children: actions.map((action, index) =>
-      /*#__PURE__*/
-      // eslint-disable-next-line react/no-array-index-key
-      _jsx("li", {
+      children: actions.map((action, index) => /*#__PURE__*/_jsx("li", {
         style: {
           width: `${100 / actions.length}%`,
           padding: 0,

package/es/card/components/Card/index.js

@@ -15,9 +15,8 @@ const {
 const Card = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     className,
+    rootClassName,
     style,
-    bodyStyle,
-    headStyle,
     styles,
     title,
     subTitle,
@@ -29,7 +28,9 @@ const Card = /*#__PURE__*/React.forwardRef((props, ref) => {
     tooltip,
     split,
     headerBordered = false,
-    variant = 'outlined',
+    variant: customVariant,
+    cover,
+    classNames,
     boxShadow = false,
     children,
     size,
@@ -49,6 +50,16 @@ const Card = /*#__PURE__*/React.forwardRef((props, ref) => {
     type,
     ...rest
   } = props;
+  const variant = customVariant ?? 'outlined';
+  const mergedStyles = {
+    header: styles?.header,
+    body: styles?.body,
+    root: styles?.root,
+    extra: styles?.extra,
+    title: styles?.title,
+    actions: styles?.actions,
+    cover: styles?.cover
+  };
   const {
     getPrefixCls
   } = useContext(ConfigProvider.ConfigContext);
@@ -194,7 +205,7 @@ const Card = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
     return element;
   });
-  const cardCls = clsx(`${prefixCls}`, className, hashId, {
+  const cardCls = clsx(`${prefixCls}`, className, rootClassName, hashId, classNames?.root, {
     [`${prefixCls}-border`]: variant === 'outlined',
     [`${prefixCls}-box-shadow`]: boxShadow,
     [`${prefixCls}-contain-card`]: containProCard,
@@ -207,34 +218,53 @@ const Card = /*#__PURE__*/React.forwardRef((props, ref) => {
     [`${prefixCls}-collapse`]: collapsed,
     [`${prefixCls}-checked`]: checked
   });
-  const bodyCls = clsx(`${prefixCls}-body`, hashId, {
+  const bodyCls = clsx(`${prefixCls}-body`, hashId, classNames?.body, {
     [`${prefixCls}-body-center`]: layout === 'center',
     [`${prefixCls}-body-direction-column`]: split === 'horizontal' || direction === 'column',
     [`${prefixCls}-body-wrap`]: wrap && containProCard
   });
-
-  // 支持新的 styles API，同时保持向后兼容
-  const cardBodyStyle = styles?.body || bodyStyle;
-  const cardHeadStyle = styles?.header || headStyle;
+  const bodyStylePadding = mergedStyles.body?.padding;
   const loadingDOM = /*#__PURE__*/React.isValidElement(loading) ? loading : /*#__PURE__*/_jsx(Loading, {
     prefix: prefixCls,
-    style: cardBodyStyle?.padding === 0 || cardBodyStyle?.padding === '0px' ? {
+    style: bodyStylePadding === 0 || bodyStylePadding === '0px' ? {
       padding: 24
     } : undefined
   });
-  // 非受控情况下展示
-  const collapsibleButton = collapsible && controlCollapsed === undefined && (collapsibleIconRender ? collapsibleIconRender({
-    collapsed
+  const handleCollapsibleIconClick = useCallback(() => {
+    if (collapsible === 'icon') setCollapsed(prev => !prev);
+  }, [collapsible, setCollapsed]);
+  const collapsibleButton = collapsible && (collapsibleIconRender ? /*#__PURE__*/_jsx("span", {
+    role: "button",
+    tabIndex: collapsible === 'icon' ? 0 : undefined,
+    className: clsx(`${prefixCls}-collapsible-icon`, hashId),
+    onClick: collapsible === 'icon' ? handleCollapsibleIconClick : undefined,
+    onKeyDown: collapsible === 'icon' ? e => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        handleCollapsibleIconClick();
+      }
+    } : undefined,
+    children: collapsibleIconRender({
+      collapsed
+    })
   }) : /*#__PURE__*/_jsx(RightOutlined, {
-    onClick: () => {
-      if (collapsible === 'icon') setCollapsed(!collapsed);
-    },
+    onClick: handleCollapsibleIconClick,
     rotate: !collapsed ? 90 : undefined,
-    className: `${prefixCls}-collapsible-icon ${hashId}`.trim()
+    className: clsx(`${prefixCls}-collapsible-icon`, hashId)
   }));
+  const headerCls = clsx(`${prefixCls}-header`, hashId, classNames?.header, {
+    [`${prefixCls}-header-border`]: headerBordered || type === 'inner',
+    [`${prefixCls}-header-collapsible`]: collapsibleButton
+  });
+  const titleCls = clsx(`${prefixCls}-title`, hashId, classNames?.title);
+  const extraCls = clsx(`${prefixCls}-extra`, hashId, classNames?.extra);
+  const rootStyle = {
+    ...mergedStyles.root,
+    ...style
+  };
   return wrapSSR( /*#__PURE__*/_jsxs("div", {
     className: cardCls,
-    style: style,
+    style: rootStyle,
     ref: ref,
     onClick: e => {
       onChecked?.(e);
@@ -242,38 +272,40 @@ const Card = /*#__PURE__*/React.forwardRef((props, ref) => {
     },
     ...omit(rest, ['prefixCls', 'colSpan']),
     children: [(title || extra || collapsibleButton) && /*#__PURE__*/_jsxs("div", {
-      className: clsx(`${prefixCls}-header`, hashId, {
-        [`${prefixCls}-header-border`]: headerBordered || type === 'inner',
-        [`${prefixCls}-header-collapsible`]: collapsibleButton
-      }),
-      style: cardHeadStyle,
+      className: headerCls,
+      style: mergedStyles.header,
       onClick: () => {
         if (collapsible === 'header' || collapsible === true) setCollapsed(!collapsed);
       },
       children: [/*#__PURE__*/_jsxs("div", {
-        className: `${prefixCls}-title ${hashId}`.trim(),
+        className: titleCls,
+        style: mergedStyles.title,
         children: [collapsibleButton, /*#__PURE__*/_jsx(LabelIconTip, {
           label: title,
           tooltip: tooltip,
           subTitle: subTitle
         })]
       }), extra && /*#__PURE__*/_jsx("div", {
-        className: `${prefixCls}-extra ${hashId}`.trim(),
+        className: extraCls,
+        style: mergedStyles.extra,
         onClick: e => e.stopPropagation(),
         children: extra
       })]
+    }), cover && !collapsed && /*#__PURE__*/_jsx("div", {
+      className: clsx(`${prefixCls}-cover`, hashId, classNames?.cover),
+      style: mergedStyles.cover,
+      children: cover
     }), tabs ? /*#__PURE__*/_jsx("div", {
-      className: `${prefixCls}-tabs ${hashId}`.trim(),
+      className: clsx(`${prefixCls}-tabs`, hashId),
       children: /*#__PURE__*/_jsx(Tabs, {
         onChange: tabs.onChange,
         ...omit(tabs, ['cardProps']),
-        // @ts-ignore
         items: ModifyTabItemsContent,
         children: loading ? loadingDOM : children
       })
     }) : /*#__PURE__*/_jsx("div", {
       className: bodyCls,
-      style: cardBodyStyle,
+      style: mergedStyles.body,
       children: loading ? loadingDOM : childrenModified
     }), actions ? /*#__PURE__*/_jsx(Actions, {
       actions: actions,

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

@@ -13,6 +13,9 @@ const genProCardStyle = token => {
       display: 'flex',
       flexDirection: 'column',
       boxSizing: 'border-box',
+      '*, *::before, *::after': {
+        boxSizing: 'border-box'
+      },
       width: '100%',
       marginBlock: 0,
       marginInline: 0,
@@ -29,6 +32,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}`
       },
@@ -121,7 +147,7 @@ const genProCardStyle = token => {
       },
       [`${componentCls}-title`]: {
         color: token.colorText,
-        fontWeight: 500,
+        fontWeight: token.fontWeightStrong,
         fontSize: token.fontSizeLG,
         lineHeight: token.lineHeight
       },
@@ -143,6 +169,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',
@@ -173,19 +210,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/es/card/components/CheckCard/Group.js

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

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

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

package/es/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/es/card/components/Divider/index.js

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

package/es/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/es/card/components/Divider/style.js

@@ -1,41 +1,8 @@
 import { useStyle as useAntdStyle } from "../../../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
-        }
-      }
-    }
-  };
-};
-export default function useStyle(prefixCls) {
-  return useAntdStyle('ProCardDivider', token => {
-    const proCardDividerToken = {
-      ...token,
-      componentCls: `.${prefixCls}`
-    };
-    return [genDividerStyle(proCardDividerToken)];
-  });
+
+/**
+ * Divider 样式已合并至 ProCard style.ts，此 hook 仅用于获取 hashId 和 wrapSSR
+ */
+export default function useStyle(_prefixCls) {
+  return useAntdStyle('ProCardDivider', () => ({}));
 }

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

@@ -12,7 +12,7 @@ const Statistic = props => {
     layout = 'inline',
     style,
     description,
-    children,
+    children: _children,
     title,
     tip,
     status,
@@ -41,7 +41,7 @@ const Statistic = props => {
   const tipDom = tip && /*#__PURE__*/_jsx(Tooltip, {
     title: tip,
     children: /*#__PURE__*/_jsx(QuestionCircleOutlined, {
-      className: `${prefixCls}-tip ${hashId}`.trim()
+      className: clsx(`${prefixCls}-tip`, hashId)
     })
   });
   const trendIconClassName = clsx(`${prefixCls}-trend-icon`, hashId, {
@@ -78,7 +78,7 @@ const Statistic = props => {
           className: statisticClassName,
           ...others
         }), description && /*#__PURE__*/_jsx("div", {
-          className: `${prefixCls}-description ${hashId}`.trim(),
+          className: clsx(`${prefixCls}-description`, hashId),
           children: description
         })]
       })]

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

@@ -54,7 +54,7 @@ const StatisticCard = props => {
     children: [statisticDom, chartDom]
   }));
   const footerDom = footer && /*#__PURE__*/_jsx("div", {
-    className: `${prefixCls}-footer ${hashId}`.trim(),
+    className: clsx(`${prefixCls}-footer`, hashId),
     children: footer
   });
   return wrapSSR( /*#__PURE__*/_jsxs(Card, {

package/es/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/es/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/es/descriptions/index.js

@@ -187,14 +187,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;
@@ -294,7 +294,7 @@ const ProDescriptions = props => {
     onLoadingChange,
     actionRef,
     onRequestError,
-    emptyText,
+    emptyText: _emptyText,
     ...rest
   } = props;
   const proContext = useContext(ProConfigContext);

package/es/descriptions/useFetchData.js

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

package/es/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/es/field/AllProField.js

@@ -55,6 +55,7 @@ dayjs.extend(weekday);
  *
  * @param text String | number
  * @param valueType ProColumnsValueObjectType
+ * @param props
  */
 const defaultRenderTextByObject = (text, valueType, props) => {
   const pickFormItemProps = pickProProps(props.fieldProps);
@@ -102,6 +103,8 @@ const defaultRenderTextByObject = (text, valueType, props) => {
  *
  * @param dataValue
  * @param valueType
+ * @param props
+ * @param valueTypeMap
  */
 export const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
   const {
@@ -127,15 +130,12 @@ export 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, {
@@ -561,7 +561,6 @@ const ProFieldComponent = ({
       ...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', omitUndefined({
     ref,

package/es/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/es/field/PureProField.js

@@ -27,6 +27,8 @@ dayjs.extend(weekday);
  *
  * @param dataValue
  * @param valueType
+ * @param props
+ * @param valueTypeMap
  */
 export const pureRenderText = (dataValue, valueType, props, valueTypeMap) => {
   const {
@@ -52,11 +54,8 @@ export 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
@@ -64,7 +63,6 @@ export 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, {
@@ -129,7 +127,6 @@ const ProFieldComponent = ({
       ...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', omitUndefined({
     ref,