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

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

@@ -10,7 +10,14 @@ import { jsx as _jsx } from "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/es/field/components/Checkbox/index.js

@@ -8,7 +8,11 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * 多选组件
  *
- * @param param0
+ * @param layout
+ * @param formItemRender
+ * @param mode
+ * @param render
+ * @param rest
  * @param ref
  */
 const FieldCheckbox = ({
@@ -100,14 +104,11 @@ const FieldCheckbox = ({
   }
   if (mode === 'edit') {
     const {
-      fieldNames,
+      fieldNames: _fieldNames,
       variant,
       ...restFieldProps
     } = rest.fieldProps || {};
-    const dom = wrapSSR(
-    /*#__PURE__*/
-    //@ts-ignore
-    _jsx(Checkbox.Group, {
+    const dom = wrapSSR( /*#__PURE__*/_jsx(Checkbox.Group, {
       ...restFieldProps,
       variant: variant,
       className: clsx(rest.fieldProps?.className, hashId, `${layoutClassName}-${layout}`, {

package/es/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/es/field/components/DatePicker/index.js

@@ -19,7 +19,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/es/field/components/Digit/index.js

@@ -4,12 +4,25 @@ import React, { useCallback } from 'react';
 import { useIntl } from "../../../provider";
 import { isNil } from "../../../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 判断字符串是否为空或仅包含空白字符
+ * @param {string} str - 要检查的字符串
+ * @returns {boolean} - 如果为空或仅包含空白字符返回 true，否则返回 false
+ */
+function isEmptyOrWhitespace(str) {
+  return 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,
@@ -80,6 +93,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/es/field/components/DigitRange/index.js

@@ -82,6 +82,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__*/_jsxs(Space.Compact, {
+      block: true,
       onBlur: handleGroupBlur,
       children: [/*#__PURE__*/_jsx(InputNumber, {
         ...fieldProps,

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

@@ -1,6 +1,6 @@
 import { omit, useControlledState } from '@rc-component/util';
 import { InputNumber, Popover } from 'antd';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { intlMap as allIntlMap, useIntl } from "../../../provider";
 import { jsx as _jsx } from "react/jsx-runtime";
 const defaultMoneyIntl = new Intl.NumberFormat('zh-Hans-CN', {
@@ -116,16 +116,53 @@ const InputNumberPopover = /*#__PURE__*/React.forwardRef(({
   numberFormatOptions,
   numberPopoverRender,
   open,
+  onOpenChange,
   ...rest
 }, ref) => {
   const [value, setValueInner] = useControlledState(() => rest.defaultValue, rest.value);
+
+  // 使用本地状态管理 Popover 显示，同时支持受控模式
+  const [localOpen, setLocalOpen] = useState(open ?? false);
+
+  // 跟踪组件挂载状态，防止在卸载后执行状态更新
+  const mountedRef = useRef(true);
+  useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+
+  // 同步外部 open 属性到本地状态，支持受控模式
+  useEffect(() => {
+    if (open !== undefined) {
+      setLocalOpen(open);
+    }
+  }, [open]);
   const onChange = 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 = useCallback(visible => {
+    // 通知父组件状态变化
+    onOpenChange?.(visible);
+
+    // 如果是受控模式（传入了 open prop），不更新本地状态
+    if (open === undefined) {
+      // 使用 queueMicrotask 延迟状态更新，避免在渲染期间触发 flushSync
+      queueMicrotask(() => {
+        // 检查组件是否仍然挂载，避免在卸载后更新状态
+        if (mountedRef.current) {
+          setLocalOpen(visible);
+        }
+      });
+    }
+  }, [open, onOpenChange]);
 
   /**
    * 如果content 存在要根据 content 渲染一下
@@ -134,9 +171,20 @@ const InputNumberPopover = /*#__PURE__*/React.forwardRef(({
     ...rest,
     value
   });
+
+  // 没有 dom 时不显示 Popover
+  if (!dom) {
+    return /*#__PURE__*/_jsx(InputNumber, {
+      ref: ref,
+      ...rest,
+      value: value,
+      onChange: onChange
+    });
+  }
   return /*#__PURE__*/_jsx(Popover, {
     placement: "topLeft",
-    open: dom ? open : false,
+    open: localOpen,
+    onOpenChange: handleOpenChange,
     trigger: ['focus', 'click'],
     content: dom,
     getPopupContainer: triggerNode => {

package/es/field/components/Options/index.js

@@ -5,17 +5,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 const addArrayKeys = doms => doms.map((dom, index) => {
   if (! /*#__PURE__*/React.isValidElement(dom)) {
-    // eslint-disable-next-line react/no-array-index-key
     return /*#__PURE__*/_jsx(React.Fragment, {
       children: dom
     }, index);
   }
   return /*#__PURE__*/React.cloneElement(dom, {
-    // eslint-disable-next-line react/no-array-index-key
     key: index,
     ...dom?.props,
     style: {
-      // @ts-ignore
       ...dom?.props?.style
     }
   });

package/es/field/components/Password/index.js

@@ -1,5 +1,5 @@
 import { EyeInvisibleOutlined, EyeOutlined } from '@ant-design/icons';
-import { useControlledState } from '@rc-component/util';
+import { omit, useControlledState } from '@rc-component/util';
 import { Input, Space } from 'antd';
 import React, { useCallback } from 'react';
 import { useIntl } from "../../../provider";
@@ -9,18 +9,19 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * 最基本的组件，就是个普通的 Input.Password
  *
- * @param
+ * @param props
+ * @param ref
  */
-const FieldPassword = ({
-  text,
-  mode,
-  render,
-  formItemRender,
-  fieldProps,
-  proFieldKey,
-  ...rest
-}, ref) => {
+const FieldPassword = (props, ref) => {
   const intl = useIntl();
+  const {
+    text,
+    mode,
+    render,
+    formItemRender,
+    fieldProps,
+    ...rest
+  } = omit(props, ['proFieldKey']);
   const [open, setOpenInner] = useControlledState(() => rest.open || false, rest.open);
   const setOpen = useCallback(updater => {
     setOpenInner(prev => {

package/es/field/components/Percent/util.d.ts

@@ -1,7 +1,7 @@
 /** 获取展示符号 */
 export declare function getSymbolByRealValue(realValue: number): "-" | "+" | null;
 /** 获取颜色 */
-export declare function getColorByRealValue(realValue: number /** ,color: string */): "#595959" | "#52c41a" | "#ff4d4f";
+export declare function getColorByRealValue(realValue: number /** ,color: string */): "#52c41a" | "#595959" | "#ff4d4f";
 /** 获取到最后展示的数字 */
 export declare function getRealTextWithPrecision(realValue: number, precision?: number): string | number;
 /**

package/es/field/components/Radio/index.js

@@ -8,7 +8,11 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * 单选组件
  *
- * @param param0
+ * @param radioType
+ * @param formItemRender
+ * @param mode
+ * @param render
+ * @param rest
  * @param ref
  */
 const FieldRadio = ({

package/es/field/components/RangePicker/index.d.ts

@@ -5,6 +5,6 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     format?: string | undefined;
     variant?: "outlined" | "filled" | "borderless" | "underlined" | undefined;
     showTime?: boolean | 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/es/field/components/Segmented/index.js

@@ -7,7 +7,8 @@ import { useFieldFetchData } from "../Select";
 /**
  * Segmented https://ant.design/components/segmented-cn/
  *
- * @param
+ * @param props
+ * @param ref
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/es/field/components/Select/SearchSelect/index.js

@@ -33,7 +33,6 @@ const SearchSelect = (props, ref) => {
     showSearch,
     fieldNames,
     defaultSearchValue,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     preserveOriginalLabel: _preserveOriginalLabel = false,
     ...restProps
   } = props;

package/es/field/components/Select/index.d.ts

@@ -23,7 +23,7 @@ export type FieldSelectProps<FieldProps = any> = {
 /**
  * 把 value 的枚举转化为数组
  *
- * @param valueEnum
+ * @param valueEnumParams
  */
 export declare const proFieldParsingValueEnumToArray: (valueEnumParams: ProFieldValueEnumType) => SelectOptionType;
 export declare const useFieldFetchData: (props: FieldSelectProps & {

package/es/field/components/Select/index.js

@@ -80,7 +80,7 @@ function filerByItem(item, keyWords) {
 /**
  * 把 value 的枚举转化为数组
  *
- * @param valueEnum
+ * @param valueEnumParams
  */
 export const proFieldParsingValueEnumToArray = valueEnumParams => {
   const enumArray = [];

package/es/field/components/Switch/index.js

@@ -6,9 +6,17 @@ import { FieldLabel } from "../../../utils";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * 评分组件
+ * 开关组件
  *
- * @param
+ * @param text
+ * @param mode
+ * @param render
+ * @param light
+ * @param label
+ * @param formItemRender
+ * @param fieldProps
+ * @param propsVariant
+ * @param ref
  */
 const FieldSwitch = ({
   text,
@@ -25,7 +33,6 @@ const FieldSwitch = ({
   const dom = useMemo(() => {
     if (text === undefined || text === null || `${text}`.length < 1) return '-';
     return text ? fieldProps?.checkedChildren ?? intl.getMessage('switch.open', '打开') : fieldProps?.unCheckedChildren ?? intl.getMessage('switch.close', '关闭');
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fieldProps?.checkedChildren, fieldProps?.unCheckedChildren, text]);
   if (mode === 'read') {
     if (render) {

package/es/field/components/Text/index.js

@@ -7,7 +7,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 最基本的组件，就是个普通的 Input
  *
- * @param
+ * @param text
+ * @param mode
+ * @param render
+ * @param formItemRender
+ * @param fieldProps
+ * @param emptyText
+ * @param ref
  */
 const FieldText = ({
   text,
@@ -27,7 +33,10 @@ const FieldText = ({
   useImperativeHandle(ref, () => inputRef.current, []);
   useEffect(() => {
     if (autoFocus) {
-      inputRef.current?.focus();
+      // 使用 queueMicrotask 延迟 focus 调用，避免在渲染期间触发 flushSync
+      queueMicrotask(() => {
+        inputRef.current?.focus();
+      });
     }
   }, [autoFocus]);
   if (mode === 'read') {

package/es/field/components/TextArea/index.js

@@ -7,7 +7,8 @@ import FieldTextAreaReadonly from "./readonly";
 /**
  * 最基本的组件，就是个普通的 Input.TextArea
  *
- * @param
+ * @param props
+ * @param ref
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const FieldTextArea = (props, ref) => {
@@ -36,8 +37,10 @@ const FieldTextArea = (props, ref) => {
     const dom = /*#__PURE__*/_jsx(Input.TextArea, {
       ref: ref,
       rows: 3,
-      onKeyPress: e => {
-        if (e.key === 'Enter') e.stopPropagation();
+      onKeyDown: e => {
+        if (e.key === 'Enter') {
+          e.stopPropagation();
+        }
       },
       placeholder: intl.getMessage('tableForm.inputPlaceholder', '请输入'),
       ...fieldProps

package/es/field/components/TimePicker/index.js

@@ -99,7 +99,16 @@ const FieldTimePicker = ({
 /**
  * 时间区间选择
  *
- * @param param0
+ * @param text
+ * @param light
+ * @param label
+ * @param mode
+ * @param lightLabel
+ * @param format
+ * @param render
+ * @param formItemRender
+ * @param fieldProps
+ * @param variant
  * @param ref
  */
 const FieldTimeRangePickerComponents = ({

package/es/field/components/TreeSelect/index.d.ts

@@ -1,12 +1,6 @@
-import type { RadioGroupProps, TreeSelectProps } from 'antd';
+import type { TreeSelectProps } from 'antd';
 import React from 'react';
-import type { FieldSelectProps } from '../Select';
-export type GroupProps = {
-    options?: RadioGroupProps['options'];
-    radioType?: 'button' | 'radio';
-    variant?: 'outlined' | 'borderless' | 'filled';
-} & FieldSelectProps;
-export type TreeSelectFieldProps = TreeSelectProps<any> & {
+export type TreeSelectFieldProps = TreeSelectProps & {
     /**
      * 当搜索关键词发生变化时是否请求远程数据
      *
@@ -15,10 +9,6 @@ export type TreeSelectFieldProps = TreeSelectProps<any> & {
     fetchDataOnSearch?: boolean;
 };
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
-    options?: (string | number | import("antd").CheckboxOptionType<any>)[] | undefined;
-    radioType?: "button" | "radio" | undefined;
-    variant?: "outlined" | "filled" | "borderless" | undefined;
-} & {
     text: string;
     valueEnum?: import("src/utils/typing").ProFieldValueEnumType | undefined;
     debounceTime?: number | undefined;

package/es/field/components/TreeSelect/index.js

@@ -1,4 +1,4 @@
-import { useControlledState } from '@rc-component/util';
+import { omit, useControlledState } from '@rc-component/util';
 import { ConfigProvider, Spin, TreeSelect } from 'antd';
 import { clsx } from 'clsx';
 import React, { useCallback, useContext, useImperativeHandle, useMemo, useRef, useState } from 'react';
@@ -11,10 +11,17 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Tree select
  * A function that returns a React component.
+
+ * @param formItemRender
+ * @param mode
+ * @param light
+ * @param label
+ * @param render
+ * @param propsVariant
+ * @param rest
  * @param ref
  */
 const FieldTreeSelect = ({
-  radioType,
   formItemRender,
   mode,
   light,
@@ -30,17 +37,22 @@ const FieldTreeSelect = ({
   const treeSelectRef = useRef(null);
   const [open, setOpen] = useState(false);
   const {
-    onSearch,
     onClear,
     onChange: propsOnChange,
     onBlur,
     showSearch,
-    autoClearSearchValue,
-    treeData,
     fetchDataOnSearch,
-    searchValue: propsSearchValue,
+    onSearch: propsOnSearch,
+    autoClearSearchValue: propsAutoClearSearchValue,
+    searchValue: propsSearchValueProp,
     ...fieldProps
-  } = rest.fieldProps;
+  } = omit(rest.fieldProps, ['treeData']);
+  const showSearchConfig = typeof showSearch === 'object' ? showSearch : {};
+  const onSearch = showSearchConfig?.onSearch !== undefined ? showSearchConfig.onSearch : propsOnSearch;
+  //兼容过时API autoClearSearchValue
+  const autoClearSearchValue = showSearchConfig?.autoClearSearchValue !== undefined ? showSearchConfig.autoClearSearchValue : propsAutoClearSearchValue;
+  //兼容过时API searchValue
+  const propsSearchValue = showSearchConfig?.searchValue !== undefined ? showSearchConfig.searchValue : propsSearchValueProp;
   const variant = propsVariant ?? fieldProps?.variant;
   const intl = useIntl();
   const [loading, options, fetchData] = useFieldFetchData({
@@ -134,14 +146,23 @@ const FieldTreeSelect = ({
         } : undefined,
         ...fieldProps,
         treeData: options,
-        showSearch: showSearch,
+        showSearch: showSearch ? {
+          ...showSearchConfig,
+          searchValue: searchValue,
+          autoClearSearchValue: autoClearSearchValue,
+          onSearch: value => {
+            // fix 不支持请求的情况下不刷新options
+            if (fetchDataOnSearch && rest?.request) {
+              fetchData(value);
+            }
+            setSearchValue(value);
+          }
+        } : showSearch,
         style: {
           minWidth: 60,
           ...fieldProps.style
         },
         allowClear: fieldProps.allowClear !== false,
-        searchValue: searchValue,
-        autoClearSearchValue: autoClearSearchValue,
         onClear: () => {
           onClear?.();
           fetchData(undefined);
@@ -150,13 +171,6 @@ const FieldTreeSelect = ({
           }
         },
         onChange: onChange,
-        onSearch: value => {
-          // fix 不支持请求的情况下不刷新options
-          if (fetchDataOnSearch && rest?.request) {
-            fetchData(value);
-          }
-          setSearchValue(value);
-        },
         onBlur: event => {
           setSearchValue(undefined);
           fetchData(undefined);

package/es/form/BaseForm/BaseForm.js

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 import { get, set as namePathSet, omit, set, useControlledState, warning } from '@rc-component/util';
 import { useUrlSearchParams } from '@umijs/use-params';
 import { ConfigProvider, Form, Spin } from 'antd';
@@ -241,7 +240,6 @@ function BaseFormComponents(props) {
     const isEqual = isDeepEqualReact(props.initialValues, preInitialValues);
     noteOnce(isEqual, `initialValues 只在 form 初始化时生效，如果你需要异步加载推荐使用 request，或者 initialValues ? <Form/> : null `);
     noteOnce(isEqual, `The initialValues only take effect when the form is initialized, if you need to load asynchronously recommended request, or the initialValues ? <Form/> : null `);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.initialValues]);
 
   // 初始化给一个默认的 form
@@ -488,7 +486,6 @@ export function BaseForm(props) {
   useEffect(() => {
     if (!syncToUrl) return;
     setUrlSearch(genParams(syncToUrl, getGenParams(), 'set'));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [extraUrlParams, getGenParams, syncToUrl]);
   const getPopupContainer = useMemo(() => {
     if (typeof window === 'undefined') return undefined;
@@ -593,7 +590,7 @@ export function BaseForm(props) {
         children: /*#__PURE__*/_jsx(FormListContext.Provider, {
           value: {},
           children: /*#__PURE__*/_jsx(Form, {
-            onKeyPress: event => {
+            onKeyDown: event => {
               if (!isKeyPressSubmit) return;
               if (event.key === 'Enter') {
                 formRef.current?.submit();
@@ -601,7 +598,7 @@ export function BaseForm(props) {
             },
             autoComplete: "off",
             form: form,
-            ...omit(propRest, ['ref', 'labelWidth', 'autoFocusFirstInput']),
+            ...omit(propRest, ['ref', 'labelWidth', 'autoFocusFirstInput', 'rootClassName']),
             ref: instance => {
               if (!formRef.current) return;
               formRef.current.nativeElement = instance?.nativeElement;
@@ -625,7 +622,8 @@ export function BaseForm(props) {
             onValuesChange: (changedValues, values) => {
               propRest?.onValuesChange?.(transformKey(changedValues, !!omitNil), transformKey(values, !!omitNil));
             },
-            className: clsx(props.className, prefixCls, hashId),
+            className: props.className,
+            rootClassName: clsx(prefixCls, hashId, props.rootClassName),
             onFinish: onFinish,
             children: /*#__PURE__*/_jsx(BaseFormComponents, {
               transformKey: transformKey,

package/es/form/BaseForm/LightWrapper/index.d.ts

@@ -1,7 +1,8 @@
+import type { SizeType as AntdSizeType } from 'antd/lib/config-provider/SizeContext';
 import type { TooltipPlacement } from 'antd/lib/tooltip';
 import React from 'react';
 import type { LightFilterFooterRender } from '../../typing';
-export type SizeType = 'small' | 'middle' | 'large' | undefined;
+export type SizeType = AntdSizeType;
 export type LightWrapperProps = {
     label?: React.ReactNode;
     disabled?: boolean;

package/es/form/BaseForm/Submitter/index.d.ts

@@ -26,7 +26,7 @@ export type SubmitterProps<T = Record<string, any>> = {
     render?: ((props: SubmitterProps & T & {
         submit: () => void;
         reset: () => void;
-    }, dom: JSX.Element[]) => React.ReactNode[] | React.ReactNode | false) | false;
+    }, dom: React.JSX.Element[]) => React.ReactNode[] | React.ReactNode | false) | false;
 };
 /**
  * FormFooter 的组件，可以自动进行一些配置

package/es/form/components/Captcha/index.js

@@ -32,7 +32,6 @@ const BaseProFormCaptcha = /*#__PURE__*/React.forwardRef((props, ref) => {
     } catch (error) {
       setTiming(false);
       setLoading(false);
-      // eslint-disable-next-line no-console
       console.log(error);
     }
   };
@@ -64,7 +63,6 @@ const BaseProFormCaptcha = /*#__PURE__*/React.forwardRef((props, ref) => {
       }, 1000);
     }
     return () => clearInterval(interval);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [timing]);
   useEffect(() => {
     if (onTiming) {
@@ -104,7 +102,6 @@ const BaseProFormCaptcha = /*#__PURE__*/React.forwardRef((props, ref) => {
             await onGetCaptcha('');
           }
         } catch (error) {
-          // eslint-disable-next-line no-console
           console.log(error);
         }
       },