@arco-design/mobile-react 2.31.2 → 2.31.4

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.31.4](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.31.3...@arco-design/mobile-react@2.31.4) (2024-06-26)
+
+
+### Bug Fixes
+
+* stepper controlled value ([4f8d060](https://github.com/arco-design/arco-design-mobile/commit/4f8d0603c3e292a337b0be09266a360d7e91e943))
+
+
+
+
+
+## [2.31.3](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.31.2...@arco-design/mobile-react@2.31.3) (2024-05-11)
+
+
+### Bug Fixes
+
+* `Form` optimize "initialValues" and picker form item logic & add `DatePicker` default linked container ([#261](https://github.com/arco-design/arco-design-mobile/issues/261)) ([790ba3a](https://github.com/arco-design/arco-design-mobile/commit/790ba3a9dc4b289a20ddd18b5c11e2855bc6a8bd))
+
+
+
+
+
 ## [2.31.2](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.31.1...@arco-design/mobile-react@2.31.2) (2024-04-19)
 
 

package/README.en-US.md

@@ -59,8 +59,8 @@ React & ReactDOM: **<a href="https://reactjs.org/docs/cdn-links.html" target="_b
 React Transition Group: **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">Click here</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.31.1/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.31.1/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.31.3/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.31.3/dist/index.min.js"></script>
 ```
 
 ## Full import
@@ -247,7 +247,7 @@ lessOptions: {
 
 ## Using components on PC
 
-Only touch-related events are monitored and processed in the component. If you need to use the component on the PC side, you can import `touch2mouse.js` provided by this component library to be compatible with mouse event processing:
+Only touch-related events are monitored and processed in the component. If you need to use the component on the PC side, you can import `touch2mouse.js` provided by this component library to be compatible with mouse event processing (Note: After importing this file, the following mouse events will be blocked: mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover and mouseup, and the page content cannot be selected):
 
 ```js
 import '@arco-design/mobile-react/tools/touch2mouse';

package/README.md

@@ -59,8 +59,8 @@ React & ReactDOM： **<a href="https://reactjs.org/docs/cdn-links.html" target="
 React Transition Group： **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">戳这里获取</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.31.1/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.31.1/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.31.3/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.31.3/dist/index.min.js"></script>
 ```
 
 ## 引入全部
@@ -245,7 +245,7 @@ lessOptions: {
 
 ## 在 PC 端使用组件
 
-组件中仅监听及处理 touch 相关事件，如需在 PC 端使用组件，可引入本组件库提供的 touch2mouse.js 以兼容 mouse 事件处理：
+组件中仅监听及处理 touch 相关事件，如需在 PC 端使用组件，可引入本组件库提供的 touch2mouse.js 以兼容 mouse 事件处理（注意：引入该文件后将阻止如下鼠标事件：mousedown、mouseenter、mouseleave、mousemove、mouseout、mouseover和mouseup，页面内容无法被选中）：
 
 ```js
 import '@arco-design/mobile-react/tools/touch2mouse';

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/date-picker/index.js

@@ -30,18 +30,14 @@ Object.keys(_type).forEach(function (key) {
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
-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"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var allTypes = ['year', 'month', 'date', 'hour', 'minute', 'second'];
-
-var defaultFormatter = function defaultFormatter(value) {
-  return value < 10 ? "0" + value : String(value);
-};
-
+var defaultFormatter = _mobileUtils.formatDateNumber;
 var YEAR = 12 * 30 * 24 * 60 * 60 * 1000;
 exports.YEAR = YEAR;
 var initMinDate = Date.now() - 10 * YEAR;
@@ -75,6 +71,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       touchToStop = props.touchToStop,
       _props$useUTC = props.useUTC,
       useUTC = _props$useUTC === void 0 ? false : _props$useUTC,
+      renderLinkedContainer = props.renderLinkedContainer,
       otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var currentTs = Math.min(maxTs, Math.max(minTs, userSetCurrentTs));
 
@@ -346,7 +343,10 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       value: value,
       onPickerChange: _handlePickerChange,
       onOk: _handlePickerConfirm,
-      touchToStop: touchToStop
+      touchToStop: touchToStop,
+      renderLinkedContainer: renderLinkedContainer ? function () {
+        return renderLinkedContainer(currentTs, keyOptions);
+      } : undefined
     }));
   });
 });

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/form/form-item.js

@@ -3,7 +3,6 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.DefaultPickerLinkedContainer = DefaultPickerLinkedContainer;
 exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -16,6 +15,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _mobileUtils = require("@arco-design/mobile-utils");
 
+var _es6Promise = require("es6-promise");
+
 var _formItemContext = require("./form-item-context");
 
 var _contextProvider = require("../context-provider");
@@ -24,27 +25,14 @@ var _type = require("./type");
 
 var _utils = require("./utils");
 
+var _linkedContainer = require("./linked-container");
+
 var _excluded = ["label", "field", "disabled", "layout", "style", "extra", "requiredIcon", "rules", "className"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function DefaultPickerLinkedContainer(_ref) {
-  var value = _ref.value;
-
-  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls,
-      locale = _useContext.locale;
-
-  var className = prefixCls + "-form-picker-link-container";
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: className
-  }, value && value.length ? value.join('-') : /*#__PURE__*/_react.default.createElement("span", {
-    className: className + "-placeholder"
-  }, locale == null ? void 0 : locale.Form.pickerDefaultHint));
-}
-
 var FormItemInner = /*#__PURE__*/function (_PureComponent) {
   (0, _inheritsLoose2.default)(FormItemInner, _PureComponent);
 
@@ -58,14 +46,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;
       }
@@ -98,7 +86,7 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
         var fieldValidator = new _mobileUtils.Validator((_Validator = {}, _Validator[field] = rules, _Validator), {
           validateMessages: validateMessages
         });
-        return new Promise(function (resolve) {
+        return new _es6Promise.Promise(function (resolve) {
           var _fieldValidator$valid;
 
           fieldValidator.validate((_fieldValidator$valid = {}, _fieldValidator$valid[field] = value, _fieldValidator$valid), function (errorsMap) {
@@ -124,7 +112,7 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
         });
       }
 
-      return Promise.resolve({
+      return _es6Promise.Promise.resolve({
         errors: [],
         warnings: [],
         value: value,
@@ -275,9 +263,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.default.createElement(DefaultPickerLinkedContainer, {
-              value: val
+          renderLinkedContainer: ((_children$props7 = children.props) == null ? void 0 : _children$props7.renderLinkedContainer) || function (ts, types) {
+            return /*#__PURE__*/_react.default.createElement(_linkedContainer.DefaultDatePickerLinkedContainer, {
+              ts: ts,
+              types: types
             });
           }
         };
@@ -289,7 +278,7 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
           onChange: this.innerTriggerFunctionWithValueFirst,
           disabled: this.props.disabled,
           renderLinkedContainer: ((_children$props8 = children.props) == null ? void 0 : _children$props8.renderLinkedContainer) || function (val) {
-            return /*#__PURE__*/_react.default.createElement(DefaultPickerLinkedContainer, {
+            return /*#__PURE__*/_react.default.createElement(_linkedContainer.DefaultPickerLinkedContainer, {
               value: val
             });
           }
@@ -357,12 +346,12 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       className = _props$className === void 0 ? '' : _props$className,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
-  var _useContext2 = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext2.prefixCls;
+  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
+      prefixCls = _useContext.prefixCls;
 
-  var _useContext3 = (0, _react.useContext)(_formItemContext.FormItemContext),
-      layout = _useContext3.layout,
-      propsDisabled = _useContext3.disabled;
+  var _useContext2 = (0, _react.useContext)(_formItemContext.FormItemContext),
+      layout = _useContext2.layout,
+      propsDisabled = _useContext2.disabled;
 
   var _useState = (0, _react.useState)(null),
       errors = _useState[0],

package/cjs/form/index.js

@@ -51,6 +51,7 @@ var Form = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       onSubmitFailed = props.onSubmitFailed,
       disabled = props.disabled;
   var domRef = (0, _react.useRef)(null);
+  var initRef = (0, _react.useRef)(false);
 
   var _useForm = (0, _useForm2.default)(formInstance),
       form = _useForm[0];
@@ -64,9 +65,12 @@ var Form = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onSubmit: onSubmit,
     onSubmitFailed: onSubmitFailed
   });
-  (0, _react.useEffect)(function () {
+
+  if (!initRef.current) {
     setInitialValues(initialValues || {});
-  }, []);
+    initRef.current = true;
+  }
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current,

package/cjs/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;