@arco-design/mobile-react 2.31.2 → 2.31.4

package/esm/action-sheet/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/avatar/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/badge/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/button/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/carousel/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/cell/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/checkbox/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/circle-progress/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/collapse/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/count-down/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/date-picker/index.js

@@ -1,18 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["currentTs", "className", "visible", "onOk", "onChange", "onValueChange", "mode", "typeArr", "minTs", "maxTs", "formatter", "valueFilter", "columnsProcessor", "touchToStop", "useUTC"];
+var _excluded = ["currentTs", "className", "visible", "onOk", "onChange", "onValueChange", "mode", "typeArr", "minTs", "maxTs", "formatter", "valueFilter", "columnsProcessor", "touchToStop", "useUTC", "renderLinkedContainer"];
 import React, { useEffect, useRef, useState, useMemo, forwardRef, useImperativeHandle } from 'react';
-import { cls, componentWrapper } from '@arco-design/mobile-utils';
+import { cls, componentWrapper, formatDateNumber } from '@arco-design/mobile-utils';
 import Picker from '../picker';
 import { ContextLayout } from '../context-provider';
 import { convertTsToDateObj, oneOf, judgeObj, convertObjToTs } from './helper';
 export * from './type';
 var allTypes = ['year', 'month', 'date', 'hour', 'minute', 'second'];
-
-var defaultFormatter = function defaultFormatter(value) {
-  return value < 10 ? "0" + value : String(value);
-};
-
+var defaultFormatter = formatDateNumber;
 export var YEAR = 12 * 30 * 24 * 60 * 60 * 1000;
 var initMinDate = Date.now() - 10 * YEAR;
 var initMaxDate = Date.now() + 10 * YEAR;
@@ -45,6 +41,7 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       touchToStop = props.touchToStop,
       _props$useUTC = props.useUTC,
       useUTC = _props$useUTC === void 0 ? false : _props$useUTC,
+      renderLinkedContainer = props.renderLinkedContainer,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   var currentTs = Math.min(maxTs, Math.max(minTs, userSetCurrentTs));
@@ -318,7 +315,10 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       value: value,
       onPickerChange: _handlePickerChange,
       onOk: _handlePickerConfirm,
-      touchToStop: touchToStop
+      touchToStop: touchToStop,
+      renderLinkedContainer: renderLinkedContainer ? function () {
+        return renderLinkedContainer(currentTs, keyOptions);
+      } : undefined
     }));
   });
 });

package/esm/date-picker/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/date-picker/type.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { PickerProps } from '../picker';
 import { PickerData } from '../picker-view';
 export declare type ItemType = 'year' | 'month' | 'date' | 'hour' | 'minute' | 'second';
@@ -34,7 +35,7 @@ export interface IDateObj {
     second: number;
 }
 export declare type mode = 'date' | 'time' | 'datetime';
-export interface DatePickerProps extends Omit<PickerProps, 'data' | 'cascade' | 'cols' | 'value' | 'onChange' | 'onPickerChange' | 'onOk'> {
+export interface DatePickerProps extends Omit<PickerProps, 'data' | 'cascade' | 'cols' | 'value' | 'onChange' | 'onPickerChange' | 'onOk' | 'renderLinkedContainer'> {
     /**
      * 点击选中时执行的回调
      * @en Callback when clicking OK
@@ -105,4 +106,9 @@ export interface DatePickerProps extends Omit<PickerProps, 'data' | 'cascade' |
      * @en Selector list item intervention to insert custom options.
      */
     columnsProcessor?: (columns: PickerData[][], currentDateObj: IDateObj) => PickerData[][];
+    /**
+     * 将选择器的展现隐藏状态及选中值的展示与某个容器关联，传入后将同时渲染该容器和选择器组件，此时选择器组件的 visible 和 onHide 属性可不传，点击该容器会唤起选择器
+     * @en Associate the hidden state of the picker and the display of the selected value with a container. After passing it in, the container and the picker component will be rendered at the same time. At this time, the visible and onHide attributes of the picker component are optional values. Clicking the container will evoke the picker
+     */
+    renderLinkedContainer?: (currentTs: number, itemTypes: ItemType[]) => ReactNode;
 }

package/esm/dialog/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/divider/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/dropdown/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/dropdown-menu/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/ellipsis/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/form/form-item.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
 import { FormItemProps, FormItemRef } from './type';
-export declare function DefaultPickerLinkedContainer({ value }: {
-    value: (string | number)[];
-}): JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<FormItemRef>>;
 export default _default;

package/esm/form/form-item.js

@@ -6,24 +6,12 @@ var _excluded = ["label", "field", "disabled", "layout", "style", "extra", "requ
 /* eslint-disable react/no-unused-class-component-methods */
 import React, { forwardRef, PureComponent, useContext, useImperativeHandle, useRef, useState } from 'react';
 import { cls, Validator, ValidatorType } from '@arco-design/mobile-utils';
+import { Promise } from 'es6-promise';
 import { FormItemContext } from './form-item-context';
 import { GlobalContext } from '../context-provider';
 import { FormInternalComponentType } from './type';
 import { getErrorAndWarnings, isFieldRequired } from './utils';
-export function DefaultPickerLinkedContainer(_ref) {
-  var value = _ref.value;
-
-  var _useContext = useContext(GlobalContext),
-      prefixCls = _useContext.prefixCls,
-      locale = _useContext.locale;
-
-  var className = prefixCls + "-form-picker-link-container";
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, value && value.length ? value.join('-') : /*#__PURE__*/React.createElement("span", {
-    className: className + "-placeholder"
-  }, locale == null ? void 0 : locale.Form.pickerDefaultHint));
-}
+import { DefaultDatePickerLinkedContainer, DefaultPickerLinkedContainer } from './linked-container';
 
 var FormItemInner = /*#__PURE__*/function (_PureComponent) {
   _inheritsLoose(FormItemInner, _PureComponent);
@@ -38,14 +26,14 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
     _this._errors = [];
     _this._touched = false;
 
-    _this.onValueChange = function (preStore, curStore) {
+    _this.onValueChange = function (curValue, preValue) {
       _this._touched = true;
       var shouldUpdate = _this.props.shouldUpdate;
 
       if (typeof shouldUpdate === 'function') {
         shouldUpdate({
-          preStore: preStore,
-          curStore: curStore
+          preValue: preValue,
+          curValue: curValue
         }) && _this.forceUpdate();
         return;
       }
@@ -255,9 +243,10 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
           currentTs: getFieldValue(field),
           onChange: this.innerTriggerFunctionWithValueFirst,
           disabled: this.props.disabled,
-          renderLinkedContainer: ((_children$props7 = children.props) == null ? void 0 : _children$props7.renderLinkedContainer) || function (val) {
-            return /*#__PURE__*/React.createElement(DefaultPickerLinkedContainer, {
-              value: val
+          renderLinkedContainer: ((_children$props7 = children.props) == null ? void 0 : _children$props7.renderLinkedContainer) || function (ts, types) {
+            return /*#__PURE__*/React.createElement(DefaultDatePickerLinkedContainer, {
+              ts: ts,
+              types: types
             });
           }
         };
@@ -336,12 +325,12 @@ export default /*#__PURE__*/forwardRef(function (props, ref) {
       className = _props$className === void 0 ? '' : _props$className,
       rest = _objectWithoutPropertiesLoose(props, _excluded);
 
-  var _useContext2 = useContext(GlobalContext),
-      prefixCls = _useContext2.prefixCls;
+  var _useContext = useContext(GlobalContext),
+      prefixCls = _useContext.prefixCls;
 
-  var _useContext3 = useContext(FormItemContext),
-      layout = _useContext3.layout,
-      propsDisabled = _useContext3.disabled;
+  var _useContext2 = useContext(FormItemContext),
+      layout = _useContext2.layout,
+      propsDisabled = _useContext2.disabled;
 
   var _useState = useState(null),
       errors = _useState[0],

package/esm/form/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { componentWrapper, defaultLocale } from '@arco-design/mobile-utils';
-import React, { useRef, forwardRef, useImperativeHandle, useEffect } from 'react';
+import React, { useRef, forwardRef, useImperativeHandle } from 'react';
 import { ContextLayout } from '../context-provider';
 import Item from './form-item';
 import { FormItemContext } from './form-item-context';
@@ -21,6 +21,7 @@ var Form = /*#__PURE__*/forwardRef(function (props, ref) {
       onSubmitFailed = props.onSubmitFailed,
       disabled = props.disabled;
   var domRef = useRef(null);
+  var initRef = useRef(false);
 
   var _useForm = useForm(formInstance),
       form = _useForm[0];
@@ -34,9 +35,12 @@ var Form = /*#__PURE__*/forwardRef(function (props, ref) {
     onSubmit: onSubmit,
     onSubmitFailed: onSubmitFailed
   });
-  useEffect(function () {
+
+  if (!initRef.current) {
     setInitialValues(initialValues || {});
-  }, []);
+    initRef.current = true;
+  }
+
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current,

package/esm/form/linked-container.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare function DefaultPickerLinkedContainer({ value }: {
+    value: (string | number)[];
+}): JSX.Element;
+export declare function DefaultDatePickerLinkedContainer({ ts, types }: {
+    ts: number;
+    types: string[];
+}): JSX.Element;

package/esm/form/linked-container.js

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useContext, useMemo } from 'react';
+import { formatDateNumber } from '@arco-design/mobile-utils';
+import { convertTsToDateObj } from '../date-picker/helper';
+import { GlobalContext } from '../context-provider';
+export function DefaultPickerLinkedContainer(_ref) {
+  var value = _ref.value;
+
+  var _useContext = useContext(GlobalContext),
+      prefixCls = _useContext.prefixCls,
+      locale = _useContext.locale;
+
+  var className = prefixCls + "-form-picker-link-container";
+  return /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, value && value.length ? value.join('-') : /*#__PURE__*/React.createElement("span", {
+    className: className + "-placeholder"
+  }, locale == null ? void 0 : locale.Form.pickerDefaultHint));
+}
+export function DefaultDatePickerLinkedContainer(_ref2) {
+  var ts = _ref2.ts,
+      types = _ref2.types;
+
+  var _useContext2 = useContext(GlobalContext),
+      prefixCls = _useContext2.prefixCls,
+      locale = _useContext2.locale;
+
+  var className = prefixCls + "-form-picker-link-container";
+  var dateTimeStr = useMemo(function () {
+    return formatDateTimeStr(ts, types);
+  }, [ts, types]);
+
+  function formatDateTimeStr(timestamp, itemTypes) {
+    var dateObj = convertTsToDateObj(timestamp);
+    var validDateObj = Object.keys(dateObj).reduce(function (acc, key) {
+      var _ref3;
+
+      return _extends({}, acc, itemTypes.includes(key) ? (_ref3 = {}, _ref3[key] = formatDateNumber(dateObj[key]), _ref3) : {});
+    }, {});
+    var dateStr = [validDateObj.year, validDateObj.month, validDateObj.date].filter(function (v) {
+      return v;
+    }).join('-');
+    var timeStr = [validDateObj.hour, validDateObj.minute, validDateObj.second].filter(function (v) {
+      return v;
+    }).join(':');
+    return dateStr + " " + timeStr;
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, ts ? dateTimeStr : /*#__PURE__*/React.createElement("span", {
+    className: className + "-placeholder"
+  }, locale == null ? void 0 : locale.Form.pickerDefaultHint));
+}

package/esm/form/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/esm/form/style/index.less

@@ -39,14 +39,14 @@
     }
     &-item-control {
         padding: 16px 0;
-        .arco-input-wrap, .arco-input {
+        .@{prefix}-input-wrap, .@{prefix}-input {
             padding: 0;
         }
         &-wrapper {
             width: 100%;
             flex: 1;
             position: relative;
-            .arco-input-wrap {
+            .@{prefix}-input-wrap {
                 .use-var(height, input-text-line-height);
             }
         }
@@ -75,7 +75,7 @@
 
     &-item.@{prefix}-form-item-vertical {
         display: block;
-        .arco-input-wrap {
+        .@{prefix}-input-wrap {
             .set-prop-with-rtl(padding-left, 0);
         }
         .@{prefix}-form-label-item {

package/esm/form/type.d.ts

@@ -1,5 +1,6 @@
 import { IRules } from '@arco-design/mobile-utils';
 import { ReactNode } from 'react';
+import { Promise } from 'es6-promise';
 export declare type FieldValue = any;
 export declare type FieldItem = Record<string, any>;
 export declare type ILayout = 'horizontal' | 'vertical' | 'inline';
@@ -169,19 +170,14 @@ export interface IFormInstance {
      * 校验所有表单项
      * @en Validate all fields
      */
-    validateFields: () => Promise<FieldItem>;
+    validateFields: () => Promise<IFieldError[]>;
     /**
      * 提交表单
      * @en Submit all fields
      */
     submit: () => void;
 }
-export declare type InternalFormInstance = Omit<IFormInstance, 'validateFields'> & {
-    /**
-     * 校验所有表单项
-     * @en Validate all fields
-     */
-    validateFields: () => Promise<FieldItem>;
+export declare type InternalFormInstance = IFormInstance & {
     /**
      * 获取内部方法
      * @en Get internal methods
@@ -223,8 +219,8 @@ export interface IFormItemContext {
     validateMessages?: Record<string, unknown>;
 }
 export declare type IShouldUpdateFunc = (data: {
-    preStore: FieldItem;
-    curStore: FieldItem;
+    preValue: any;
+    curValue: any;
 }) => boolean;
 export interface FormItemProps {
     /**
@@ -272,7 +268,7 @@ export interface FormItemProps {
      * 表单项是否刷新
      * @en Form item is updated
      */
-    shouldUpdate?: boolean | IShouldUpdateFunc;
+    shouldUpdate?: IShouldUpdateFunc;
     /**
      * 表单项规则
      * @en Form item rules
@@ -327,7 +323,7 @@ export interface IFormItemInnerProps {
      * 表单项是否刷新
      * @en Form item is updated
      */
-    shouldUpdate?: boolean | IShouldUpdateFunc;
+    shouldUpdate?: IShouldUpdateFunc;
     /**
      * 表单项下方节点
      * @en Form item extra node