acud 0.0.62 → 0.0.65

package/dist/acud.js

@@ -1,4 +1,4 @@
-/*! acud v0.0.62 */
+/*! acud v0.0.65 */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("react"), require("react-dom"));
@@ -9193,7 +9193,7 @@ function InnerPicker(props) {
     size: Object(_utils_uiUtil__WEBPACK_IMPORTED_MODULE_16__["getInputSize"])(picker, formatList[0], generateConfig)
   }, Object(_utils_miscUtil__WEBPACK_IMPORTED_MODULE_14__["default"])(props), {
     autoComplete: autoComplete
-  })), suffixNode, clearNode))));
+  })), clearNode, suffixNode))));
 } // Wrap with class component to enable pass generic with instance method
 
 
@@ -10844,7 +10844,7 @@ function InnerRangePicker(props) {
       width: activeBarWidth,
       position: 'absolute'
     })
-  }), suffixNode, clearNode)));
+  }), clearNode, suffixNode)));
 } // Wrap with class component to enable pass generic with instance method
 
 
@@ -15253,10 +15253,11 @@ var DropdownButton = function DropdownButton(props) {
 
   var children = props.children,
       overlay = props.overlay,
-      visible = props.visible,
       disabled = props.disabled,
+      trigger = props.trigger,
+      visible = props.visible,
       onVisibleChange = props.onVisibleChange,
-      restProps = __rest(props, ["children", "overlay", "visible", "disabled", "onVisibleChange"]); // 菜单可见，需要将ICON旋转
+      restProps = __rest(props, ["children", "overlay", "disabled", "trigger", "visible", "onVisibleChange"]); // 菜单可见，需要将ICON旋转
 
 
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(!!visible),
@@ -15277,7 +15278,9 @@ var DropdownButton = function DropdownButton(props) {
   }, restProps), children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_dropdown__WEBPACK_IMPORTED_MODULE_7__["default"], {
     disabled: disabled,
     placement: "bottomRight",
+    trigger: trigger,
     overlay: overlay,
+    visible: popupVisible,
     onVisibleChange: handleVisibleChange
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_button__WEBPACK_IMPORTED_MODULE_6__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
     disabled: disabled,
@@ -24250,6 +24253,184 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./components/modal/DialogBox.tsx":
+/*!****************************************!*\
+  !*** ./components/modal/DialogBox.tsx ***!
+  \****************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var acud_icon_es_icons_FilledError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! acud-icon/es/icons/FilledError */ "./node_modules/acud-icon/es/icons/FilledError.js");
+/* harmony import */ var acud_icon_es_icons_OutlinedClose__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! acud-icon/es/icons/OutlinedClose */ "./node_modules/acud-icon/es/icons/OutlinedClose.js");
+/* harmony import */ var acud_icon_es_icons_FilledSuccess__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! acud-icon/es/icons/FilledSuccess */ "./node_modules/acud-icon/es/icons/FilledSuccess.js");
+/* harmony import */ var acud_icon_es_icons_FilledWarn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! acud-icon/es/icons/FilledWarn */ "./node_modules/acud-icon/es/icons/FilledWarn.js");
+/* harmony import */ var acud_icon_es_icons_FilledInfo__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! acud-icon/es/icons/FilledInfo */ "./node_modules/acud-icon/es/icons/FilledInfo.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../button */ "./components/button/index.tsx");
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Modal */ "./components/modal/Modal.tsx");
+
+
+
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+
+
+
+
+var DialogType = {
+  success: {
+    className: 'sucess',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledSuccess__WEBPACK_IMPORTED_MODULE_5__["default"], {
+      color: "@S6"
+    })
+  },
+  warning: {
+    className: 'warning',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledWarn__WEBPACK_IMPORTED_MODULE_6__["default"], {
+      color: "@W6"
+    })
+  },
+  confirm: {
+    className: 'confirm',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledWarn__WEBPACK_IMPORTED_MODULE_6__["default"], {
+      color: "@W6"
+    })
+  },
+  info: {
+    className: 'info',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledInfo__WEBPACK_IMPORTED_MODULE_7__["default"], {
+      color: "@B6"
+    })
+  },
+  error: {
+    className: 'error',
+    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_FilledError__WEBPACK_IMPORTED_MODULE_3__["default"], {
+      color: "@E6"
+    })
+  }
+};
+
+var DialogBox = function DialogBox(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_9__["ConfigContext"]),
+      getPopupContainer = _React$useContext.getPopupContainer,
+      getPrefixCls = _React$useContext.getPrefixCls;
+
+  var prefixCls = getPrefixCls('modal-dialogbox');
+  var closeIconToRender = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("span", {
+    className: "".concat(prefixCls, "-close-x")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](acud_icon_es_icons_OutlinedClose__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    className: "".concat(prefixCls, "-close-icon")
+  }));
+
+  var visible = props.visible,
+      className = props.className,
+      title = props.title,
+      content = props.content,
+      type = props.type,
+      cancelBtn = props.cancelBtn,
+      okText = props.okText,
+      confirmLoading = props.confirmLoading,
+      onOk = props.onOk,
+      onClose = props.onClose,
+      restProps = __rest(props, ["visible", "className", "title", "content", "type", "cancelBtn", "okText", "confirmLoading", "onOk", "onClose"]);
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_2__["useState"](false),
+      _React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState, 2),
+      loading = _React$useState2[0],
+      toggleLoading = _React$useState2[1];
+
+  var okBtnLoading = react__WEBPACK_IMPORTED_MODULE_2__["useMemo"](function () {
+    if (typeof confirmLoading === 'boolean') {
+      return confirmLoading;
+    }
+
+    return loading;
+  }, [confirmLoading, loading]);
+  var handleOk = react__WEBPACK_IMPORTED_MODULE_2__["useCallback"](function (e) {
+    var okResult = onOk === null || onOk === void 0 ? void 0 : onOk(e);
+
+    if (okResult && typeof okResult.then === 'function') {
+      toggleLoading(true);
+      okResult.then(function () {
+        console.log('then: close');
+        toggleLoading(false);
+        onClose === null || onClose === void 0 ? void 0 : onClose.apply(void 0, arguments);
+      }, function (e) {
+        console.error(e);
+        toggleLoading(false);
+      });
+    } else {
+      onClose === null || onClose === void 0 ? void 0 : onClose(e);
+    }
+  }, [onOk, onClose]);
+  var handleCancel = react__WEBPACK_IMPORTED_MODULE_2__["useCallback"](function () {
+    onClose === null || onClose === void 0 ? void 0 : onClose({
+      triggerCancel: true
+    });
+  }, [onClose]);
+  var titleNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+    className: "".concat(prefixCls, "-icon")
+  }, DialogType[type].icon), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+    className: "".concat(prefixCls, "-title")
+  }, title));
+  var footer = react__WEBPACK_IMPORTED_MODULE_2__["useMemo"](function () {
+    if (!cancelBtn) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_button__WEBPACK_IMPORTED_MODULE_10__["default"], {
+        type: "primary",
+        loading: okBtnLoading,
+        onClick: handleOk
+      }, okText);
+    }
+  }, [okText, cancelBtn, okBtnLoading, handleOk]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_Modal__WEBPACK_IMPORTED_MODULE_11__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, restProps, {
+    confirmLoading: okBtnLoading,
+    footer: footer,
+    title: titleNode,
+    className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(className, "".concat(prefixCls), "".concat(prefixCls, "-").concat(type)),
+    getContainer: getPopupContainer,
+    visible: visible,
+    closeIcon: closeIconToRender,
+    onCancel: handleCancel,
+    onOk: handleOk,
+    okText: okText
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", {
+    className: "".concat(prefixCls, "-content")
+  }, content));
+};
+
+DialogBox.defaultProps = {
+  visible: true,
+  type: 'info'
+};
+/* harmony default export */ __webpack_exports__["default"] = (DialogBox);
+
 /***/ }),
 
 /***/ "./components/modal/Modal.tsx":
@@ -24376,6 +24557,153 @@ Modal.defaultProps = {
 
 /***/ }),
 
+/***/ "./components/modal/dialog.tsx":
+/*!*************************************!*\
+  !*** ./components/modal/dialog.tsx ***!
+  \*************************************/
+/*! exports provided: destroyAll, confirm, success, info, warning, error */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "destroyAll", function() { return destroyAll; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "confirm", function() { return confirm; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "success", function() { return success; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "info", function() { return info; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "warning", function() { return warning; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "error", function() { return error; });
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _DialogBox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DialogBox */ "./components/modal/DialogBox.tsx");
+
+
+
+
+var destroyFns = [];
+
+function renderDialogBox(config) {
+  var currentConfig = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    visible: true,
+    onClose: close
+  });
+
+  var container = document.createDocumentFragment();
+
+  function render(dialogConfig) {
+    setTimeout(function () {
+      Object(react_dom__WEBPACK_IMPORTED_MODULE_2__["render"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_DialogBox__WEBPACK_IMPORTED_MODULE_3__["default"], dialogConfig), container);
+    });
+  }
+
+  function destroy() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var triggerCancel = args.some(function (param) {
+      return param && param.triggerCancel;
+    });
+
+    if (config.onCancel && triggerCancel) {
+      // @ts-ignore
+      config.onCancel.apply(config, args);
+    }
+
+    for (var i = 0; i < destroyFns.length; i++) {
+      var fn = destroyFns[i];
+
+      if (fn === close) {
+        destroyFns.splice(i, 1);
+        break;
+      }
+    }
+
+    Object(react_dom__WEBPACK_IMPORTED_MODULE_2__["unmountComponentAtNode"])(container);
+  }
+
+  function close() {
+    var _this = this;
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    render(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, currentConfig), {
+      visible: false,
+      afterClose: function afterClose() {
+        if (typeof config.afterClose === 'function') {
+          config.afterClose();
+        }
+
+        destroy.apply(_this, args);
+      }
+    }));
+  }
+
+  render(currentConfig);
+  destroyFns.push(close);
+  return {
+    destroy: close
+  };
+}
+
+function destroyAll() {
+  while (destroyFns.length) {
+    var close = destroyFns.pop();
+
+    if (close) {
+      close();
+    }
+  }
+}
+function confirm(config) {
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'confirm',
+    cancelBtn: true
+  }));
+}
+function success(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'success',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '关闭'
+  }));
+}
+function info(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'info',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '确定'
+  }));
+}
+function warning(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'warning',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '关闭'
+  }));
+}
+function error(config) {
+  var _a;
+
+  return renderDialogBox(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, config), {
+    type: 'error',
+    cancelBtn: false,
+    okText: (_a = config.okText) !== null && _a !== void 0 ? _a : '重试'
+  }));
+}
+
+/***/ }),
+
 /***/ "./components/modal/index.tsx":
 /*!************************************!*\
   !*** ./components/modal/index.tsx ***!
@@ -24385,9 +24713,20 @@ Modal.defaultProps = {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Modal */ "./components/modal/Modal.tsx");
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Modal */ "./components/modal/Modal.tsx");
+/* harmony import */ var _dialog__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dialog */ "./components/modal/dialog.tsx");
+
 
-/* harmony default export */ __webpack_exports__["default"] = (_Modal__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/* harmony default export */ __webpack_exports__["default"] = (Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])(_Modal__WEBPACK_IMPORTED_MODULE_1__["default"], {
+  confirm: _dialog__WEBPACK_IMPORTED_MODULE_2__["confirm"],
+  success: _dialog__WEBPACK_IMPORTED_MODULE_2__["success"],
+  info: _dialog__WEBPACK_IMPORTED_MODULE_2__["info"],
+  error: _dialog__WEBPACK_IMPORTED_MODULE_2__["error"],
+  warning: _dialog__WEBPACK_IMPORTED_MODULE_2__["warning"],
+  destroyAll: _dialog__WEBPACK_IMPORTED_MODULE_2__["destroyAll"]
+}));
 
 /***/ }),
 
@@ -41344,7 +41683,7 @@ function getDisabledCompatibleChildren(element, prefixCls) {
 }
 
 var Tooltip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](function (props, ref) {
-  var _classNames2;
+  var _classNames;
 
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_3__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_9__["ConfigContext"]),
       getContextPopupContainer = _React$useContext.getPopupContainer,
@@ -41431,7 +41770,6 @@ var Tooltip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](func
   };
 
   var customizePrefixCls = props.prefixCls,
-      openClassName = props.openClassName,
       getPopupContainer = props.getPopupContainer,
       getTooltipContainer = props.getTooltipContainer,
       overlayClassName = props.overlayClassName,
@@ -41447,9 +41785,7 @@ var Tooltip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](func
   }
 
   var child = getDisabledCompatibleChildren(Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_8__["isValidElement"])(children) ? children : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", null, children), prefixCls);
-  var childProps = child.props;
-  var childCls = classnames__WEBPACK_IMPORTED_MODULE_6___default()(childProps.className, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, openClassName || "".concat(prefixCls, "-open"), true));
-  var customOverlayClassName = classnames__WEBPACK_IMPORTED_MODULE_6___default()(overlayClassName, (_classNames2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames2, "".concat(prefixCls, "-").concat(color), color && PresetColorRegex.test(color)), _classNames2));
+  var customOverlayClassName = classnames__WEBPACK_IMPORTED_MODULE_6___default()(overlayClassName, (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(_classNames, "".concat(prefixCls, "-").concat(color), color && PresetColorRegex.test(color)), _classNames));
   var formattedOverlayInnerStyle = overlayInnerStyle;
   var arrowContentStyle;
 
@@ -41481,9 +41817,7 @@ var Tooltip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](func
       motionName: Object(_util_motion__WEBPACK_IMPORTED_MODULE_10__["getTransitionName"])(rootPrefixCls, 'zoom-big-fast', props.transitionName),
       motionDeadline: 1000
     }
-  }), tempVisible ? Object(_util_reactNode__WEBPACK_IMPORTED_MODULE_8__["cloneElement"])(child, {
-    className: childCls
-  }) : child);
+  }), child);
 });
 Tooltip.displayName = 'Tooltip';
 Tooltip.defaultProps = {
@@ -84848,7 +85182,16 @@ var Schema = /*#__PURE__*/function () {
       if (rule.asyncValidator) {
         res = rule.asyncValidator(rule, data.value, cb, data.source, options);
       } else if (rule.validator) {
-        res = rule.validator(rule, data.value, cb, data.source, options);
+        try {
+          res = rule.validator(rule, data.value, cb, data.source, options);
+        } catch (error) {
+          console.error == null ? void 0 : console.error(error); // rethrow to report error
+
+          setTimeout(function () {
+            throw error;
+          }, 0);
+          cb(error.message);
+        }
 
         if (res === true) {
           cb();
@@ -85241,8 +85584,8 @@ function getClientPosition(elem) {
   // 但测试发现，这样反而会导致当 html 和 body 有边距/边框样式时，获取的值不正确
   // 此外，ie6 会忽略 html 的 margin 值，幸运地是没有谁会去设置 html 的 margin
 
-  x = box.left;
-  y = box.top; // In IE, most of the time, 2 extra pixels are added to the top and left
+  x = Math.floor(box.left);
+  y = Math.floor(box.top); // In IE, most of the time, 2 extra pixels are added to the top and left
   // due to the implicit 2-pixel inset border.  In IE6/7 quirks mode and
   // IE6 standards mode, this border can be overridden by setting the
   // document element's border to zero -- thus, we cannot rely on the
@@ -85649,7 +85992,7 @@ function getWH(elem, name, ex) {
   }
 
   var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];
-  var borderBoxValue = name === 'width' ? elem.getBoundingClientRect().width : elem.getBoundingClientRect().height;
+  var borderBoxValue = name === 'width' ? Math.floor(elem.getBoundingClientRect().width) : Math.floor(elem.getBoundingClientRect().height);
   var isBorderBox = isBorderBoxFn(elem);
   var cssBoxValue = 0;
 
@@ -110401,7 +110744,7 @@ module.exports = toString;
 /***/ (function(module, exports) {
 
 //! moment.js
-//! version : 2.29.1
+//! version : 2.29.3
 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
 //! license : MIT
 //! momentjs.com
@@ -110478,8 +110821,9 @@ module.exports = toString;
 
     function map(arr, fn) {
         var res = [],
-            i;
-        for (i = 0; i < arr.length; ++i) {
+            i,
+            arrLen = arr.length;
+        for (i = 0; i < arrLen; ++i) {
             res.push(fn(arr[i], i));
         }
         return res;
@@ -110608,7 +110952,10 @@ module.exports = toString;
         updateInProgress = false;
 
     function copyConfig(to, from) {
-        var i, prop, val;
+        var i,
+            prop,
+            val,
+            momentPropertiesLen = momentProperties.length;
 
         if (!isUndefined(from._isAMomentObject)) {
             to._isAMomentObject = from._isAMomentObject;
@@ -110641,8 +110988,8 @@ module.exports = toString;
             to._locale = from._locale;
         }
 
-        if (momentProperties.length > 0) {
-            for (i = 0; i < momentProperties.length; i++) {
+        if (momentPropertiesLen > 0) {
+            for (i = 0; i < momentPropertiesLen; i++) {
                 prop = momentProperties[i];
                 val = from[prop];
                 if (!isUndefined(val)) {
@@ -110697,8 +111044,9 @@ module.exports = toString;
                 var args = [],
                     arg,
                     i,
-                    key;
-                for (i = 0; i < arguments.length; i++) {
+                    key,
+                    argLen = arguments.length;
+                for (i = 0; i < argLen; i++) {
                     arg = '';
                     if (typeof arguments[i] === 'object') {
                         arg += '\n[' + i + '] ';
@@ -110848,7 +111196,8 @@ module.exports = toString;
         );
     }
 
-    var formattingTokens = /(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,
+    var formattingTokens =
+            /(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,
         localFormattingTokens = /(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,
         formatFunctions = {},
         formatTokenFunctions = {};
@@ -111152,8 +111501,9 @@ module.exports = toString;
         if (typeof units === 'object') {
             units = normalizeObjectUnits(units);
             var prioritized = getPrioritizedUnits(units),
-                i;
-            for (i = 0; i < prioritized.length; i++) {
+                i,
+                prioritizedLen = prioritized.length;
+            for (i = 0; i < prioritizedLen; i++) {
                 this[prioritized[i].unit](units[prioritized[i].unit]);
             }
         } else {
@@ -111183,7 +111533,8 @@ module.exports = toString;
         matchTimestamp = /[+-]?\d+(\.\d{1,3})?/, // 123456789 123456789.123
         // any word (or two) characters or numbers including two/three word month in arabic.
         // includes scottish gaelic two word and hyphenated months
-        matchWord = /[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,
+        matchWord =
+            /[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,
         regexes;
 
     regexes = {};
@@ -111209,15 +111560,12 @@ module.exports = toString;
         return regexEscape(
             s
                 .replace('\\', '')
-                .replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g, function (
-                    matched,
-                    p1,
-                    p2,
-                    p3,
-                    p4
-                ) {
-                    return p1 || p2 || p3 || p4;
-                })
+                .replace(
+                    /\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,
+                    function (matched, p1, p2, p3, p4) {
+                        return p1 || p2 || p3 || p4;
+                    }
+                )
         );
     }
 
@@ -111229,7 +111577,8 @@ module.exports = toString;
 
     function addParseToken(token, callback) {
         var i,
-            func = callback;
+            func = callback,
+            tokenLen;
         if (typeof token === 'string') {
             token = [token];
         }
@@ -111238,7 +111587,8 @@ module.exports = toString;
                 array[callback] = toInt(input);
             };
         }
-        for (i = 0; i < token.length; i++) {
+        tokenLen = token.length;
+        for (i = 0; i < tokenLen; i++) {
             tokens[token[i]] = func;
         }
     }
@@ -111349,12 +111699,12 @@ module.exports = toString;
 
     // LOCALES
 
-    var defaultLocaleMonths = 'January_February_March_April_May_June_July_August_September_October_November_December'.split(
-            '_'
-        ),
-        defaultLocaleMonthsShort = 'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split(
-            '_'
-        ),
+    var defaultLocaleMonths =
+            'January_February_March_April_May_June_July_August_September_October_November_December'.split(
+                '_'
+            ),
+        defaultLocaleMonthsShort =
+            'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),
         MONTHS_IN_FORMAT = /D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,
         defaultMonthsShortRegex = matchWord,
         defaultMonthsRegex = matchWord;
@@ -111796,14 +112146,12 @@ module.exports = toString;
     addRegexToken('W', match1to2);
     addRegexToken('WW', match1to2, match2);
 
-    addWeekParseToken(['w', 'ww', 'W', 'WW'], function (
-        input,
-        week,
-        config,
-        token
-    ) {
-        week[token.substr(0, 1)] = toInt(input);
-    });
+    addWeekParseToken(
+        ['w', 'ww', 'W', 'WW'],
+        function (input, week, config, token) {
+            week[token.substr(0, 1)] = toInt(input);
+        }
+    );
 
     // HELPERS
 
@@ -111928,9 +112276,8 @@ module.exports = toString;
         return ws.slice(n, 7).concat(ws.slice(0, n));
     }
 
-    var defaultLocaleWeekdays = 'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split(
-            '_'
-        ),
+    var defaultLocaleWeekdays =
+            'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split('_'),
         defaultLocaleWeekdaysShort = 'Sun_Mon_Tue_Wed_Thu_Fri_Sat'.split('_'),
         defaultLocaleWeekdaysMin = 'Su_Mo_Tu_We_Th_Fr_Sa'.split('_'),
         defaultWeekdaysRegex = matchWord,
@@ -112478,6 +112825,11 @@ module.exports = toString;
         return globalLocale;
     }
 
+    function isLocaleNameSane(name) {
+        // Prevent names that look like filesystem paths, i.e contain '/' or '\'
+        return name.match('^[^/\\\\]*$') != null;
+    }
+
     function loadLocale(name) {
         var oldLocale = null,
             aliasedRequire;
@@ -112486,7 +112838,8 @@ module.exports = toString;
             locales[name] === undefined &&
             typeof module !== 'undefined' &&
             module &&
-            module.exports
+            module.exports &&
+            isLocaleNameSane(name)
         ) {
             try {
                 oldLocale = globalLocale._abbr;
@@ -112703,8 +113056,10 @@ module.exports = toString;
 
     // iso 8601 regex
     // 0000-00-00 0000-W00 or 0000-W00-0 + T + 00 or 00:00 or 00:00:00 or 00:00:00.000 + +00:00 or +0000 or +00)
-    var extendedIsoRegex = /^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,
-        basicIsoRegex = /^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d|))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,
+    var extendedIsoRegex =
+            /^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,
+        basicIsoRegex =
+            /^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d|))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,
         tzRegex = /Z|[+-]\d\d(?::?\d\d)?/,
         isoDates = [
             ['YYYYYY-MM-DD', /[+-]\d{6}-\d\d-\d\d/],
@@ -112735,7 +113090,8 @@ module.exports = toString;
         ],
         aspNetJsonRegex = /^\/?Date\((-?\d+)/i,
         // RFC 2822 regex: For details see https://tools.ietf.org/html/rfc2822#section-3.3
-        rfc2822 = /^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/,
+        rfc2822 =
+            /^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/,
         obsOffsets = {
             UT: 0,
             GMT: 0,
@@ -112758,12 +113114,13 @@ module.exports = toString;
             allowTime,
             dateFormat,
             timeFormat,
-            tzFormat;
+            tzFormat,
+            isoDatesLen = isoDates.length,
+            isoTimesLen = isoTimes.length;
 
         if (match) {
             getParsingFlags(config).iso = true;
-
-            for (i = 0, l = isoDates.length; i < l; i++) {
+            for (i = 0, l = isoDatesLen; i < l; i++) {
                 if (isoDates[i][1].exec(match[1])) {
                     dateFormat = isoDates[i][0];
                     allowTime = isoDates[i][2] !== false;
@@ -112775,7 +113132,7 @@ module.exports = toString;
                 return;
             }
             if (match[3]) {
-                for (i = 0, l = isoTimes.length; i < l; i++) {
+                for (i = 0, l = isoTimesLen; i < l; i++) {
                     if (isoTimes[i][1].exec(match[3])) {
                         // match[2] should be 'T' or space
                         timeFormat = (match[2] || ' ') + isoTimes[i][0];
@@ -113155,12 +113512,13 @@ module.exports = toString;
             skipped,
             stringLength = string.length,
             totalParsedInputLength = 0,
-            era;
+            era,
+            tokenLen;
 
         tokens =
             expandFormat(config._f, config._locale).match(formattingTokens) || [];
-
-        for (i = 0; i < tokens.length; i++) {
+        tokenLen = tokens.length;
+        for (i = 0; i < tokenLen; i++) {
             token = tokens[i];
             parsedInput = (string.match(getParseRegexForToken(token, config)) ||
                 [])[0];
@@ -113255,15 +113613,16 @@ module.exports = toString;
             i,
             currentScore,
             validFormatFound,
-            bestFormatIsValid = false;
+            bestFormatIsValid = false,
+            configfLen = config._f.length;
 
-        if (config._f.length === 0) {
+        if (configfLen === 0) {
             getParsingFlags(config).invalidFormat = true;
             config._d = new Date(NaN);
             return;
         }
 
-        for (i = 0; i < config._f.length; i++) {
+        for (i = 0; i < configfLen; i++) {
             currentScore = 0;
             validFormatFound = false;
             tempConfig = copyConfig({}, config);
@@ -113504,7 +113863,8 @@ module.exports = toString;
     function isDurationValid(m) {
         var key,
             unitHasDecimal = false,
-            i;
+            i,
+            orderLen = ordering.length;
         for (key in m) {
             if (
                 hasOwnProp(m, key) &&
@@ -113517,7 +113877,7 @@ module.exports = toString;
             }
         }
 
-        for (i = 0; i < ordering.length; ++i) {
+        for (i = 0; i < orderLen; ++i) {
             if (m[ordering[i]]) {
                 if (unitHasDecimal) {
                     return false; // only allow non-integers for smallest unit
@@ -113842,7 +114202,8 @@ module.exports = toString;
         // from http://docs.closure-library.googlecode.com/git/closure_goog_date_date.js.source.html
         // somewhat more in line with 4.4.3.2 2004 spec, but allows decimal anywhere
         // and further modified to allow for strings containing both week and day
-        isoRegex = /^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;
+        isoRegex =
+            /^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;
 
     function createDuration(input, key) {
         var duration = input,
@@ -114063,9 +114424,10 @@ module.exports = toString;
                 'ms',
             ],
             i,
-            property;
+            property,
+            propertyLen = properties.length;
 
-        for (i = 0; i < properties.length; i += 1) {
+        for (i = 0; i < propertyLen; i += 1) {
             property = properties[i];
             propertyTest = propertyTest || hasOwnProp(input, property);
         }
@@ -114688,19 +115050,17 @@ module.exports = toString;
     addRegexToken('NNNN', matchEraName);
     addRegexToken('NNNNN', matchEraNarrow);
 
-    addParseToken(['N', 'NN', 'NNN', 'NNNN', 'NNNNN'], function (
-        input,
-        array,
-        config,
-        token
-    ) {
-        var era = config._locale.erasParse(input, token, config._strict);
-        if (era) {
-            getParsingFlags(config).era = era;
-        } else {
-            getParsingFlags(config).invalidEra = input;
+    addParseToken(
+        ['N', 'NN', 'NNN', 'NNNN', 'NNNNN'],
+        function (input, array, config, token) {
+            var era = config._locale.erasParse(input, token, config._strict);
+            if (era) {
+                getParsingFlags(config).era = era;
+            } else {
+                getParsingFlags(config).invalidEra = input;
+            }
         }
-    });
+    );
 
     addRegexToken('y', matchUnsigned);
     addRegexToken('yy', matchUnsigned);
@@ -114992,14 +115352,12 @@ module.exports = toString;
     addRegexToken('GGGGG', match1to6, match6);
     addRegexToken('ggggg', match1to6, match6);
 
-    addWeekParseToken(['gggg', 'ggggg', 'GGGG', 'GGGGG'], function (
-        input,
-        week,
-        config,
-        token
-    ) {
-        week[token.substr(0, 2)] = toInt(input);
-    });
+    addWeekParseToken(
+        ['gggg', 'ggggg', 'GGGG', 'GGGGG'],
+        function (input, week, config, token) {
+            week[token.substr(0, 2)] = toInt(input);
+        }
+    );
 
     addWeekParseToken(['gg', 'GG'], function (input, week, config, token) {
         week[token] = hooks.parseTwoDigitYear(input);
@@ -116022,7 +116380,7 @@ module.exports = toString;
 
     //! moment.js
 
-    hooks.version = '2.29.1';
+    hooks.version = '2.29.3';
 
     setHookCallback(createLocal);
 
@@ -116484,6 +116842,8 @@ __webpack_require__.r(__webpack_exports__);
   }
 
   function trigger(force) {
+    cancelTrigger();
+
     if (!calledRef.current || force === true) {
       if (callback() === false) {
         // Not delay since callback cancelled self
@@ -116491,12 +116851,10 @@ __webpack_require__.r(__webpack_exports__);
       }
 
       calledRef.current = true;
-      cancelTrigger();
       timeoutRef.current = window.setTimeout(function () {
         calledRef.current = false;
       }, buffer);
     } else {
-      cancelTrigger();
       timeoutRef.current = window.setTimeout(function () {
         calledRef.current = false;
         trigger();
@@ -116925,31 +117283,45 @@ var CollapsePanel = /*#__PURE__*/function (_React$Component) {
           extra = _this$props2.extra,
           collapsible = _this$props2.collapsible;
       var disabled = collapsible === 'disabled';
-      var headerCls = classnames__WEBPACK_IMPORTED_MODULE_7___default()("".concat(prefixCls, "-header"), (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, headerClass, headerClass), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, "".concat(prefixCls, "-header-collapsible-only"), collapsible === 'header'), _classNames));
+      var collapsibleHeader = collapsible === 'header';
+      var headerCls = classnames__WEBPACK_IMPORTED_MODULE_7___default()("".concat(prefixCls, "-header"), (_classNames = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, headerClass, headerClass), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames, "".concat(prefixCls, "-header-collapsible-only"), collapsibleHeader), _classNames));
       var itemCls = classnames__WEBPACK_IMPORTED_MODULE_7___default()((_classNames2 = {}, Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames2, "".concat(prefixCls, "-item"), true), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames2, "".concat(prefixCls, "-item-active"), isActive), Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(_classNames2, "".concat(prefixCls, "-item-disabled"), disabled), _classNames2), className);
       var icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("i", {
         className: "arrow"
       });
+      /** header 节点属性 */
+
+      var headerProps = {
+        className: headerCls,
+        'aria-expanded': isActive,
+        onKeyPress: this.handleKeyPress
+      };
 
       if (showArrow && typeof expandIcon === 'function') {
         icon = expandIcon(this.props);
       }
 
+      if (collapsibleHeader) {
+        icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("span", {
+          style: {
+            cursor: 'pointer'
+          },
+          onClick: function onClick() {
+            return _this2.handleItemClick();
+          }
+        }, icon);
+      } else {
+        headerProps.onClick = this.handleItemClick;
+        headerProps.role = accordion ? 'tab' : 'button';
+        headerProps.tabIndex = disabled ? -1 : 0;
+      }
+
       var ifExtraExist = extra !== null && extra !== undefined && typeof extra !== 'boolean';
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("div", {
         className: itemCls,
         style: style,
         id: id
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("div", {
-        className: headerCls,
-        onClick: function onClick() {
-          return collapsible !== 'header' && _this2.handleItemClick();
-        },
-        role: accordion ? 'tab' : 'button',
-        tabIndex: disabled ? -1 : 0,
-        "aria-expanded": isActive,
-        onKeyPress: this.handleKeyPress
-      }, showArrow && icon, collapsible === 'header' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("span", {
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("div", headerProps, showArrow && icon, collapsibleHeader ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("span", {
         onClick: this.handleItemClick,
         className: "".concat(prefixCls, "-header-text")
       }, header) : header, ifExtraExist && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["createElement"]("div", {
@@ -119356,7 +119728,9 @@ var Context = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createContext"]({
       registerField: warningFunc,
       useSubscribe: warningFunc,
       setInitialValues: warningFunc,
+      destroyForm: warningFunc,
       setCallbacks: warningFunc,
+      registerWatch: warningFunc,
       getFields: warningFunc,
       setValidateMessages: warningFunc,
       setPreserve: warningFunc,
@@ -119428,7 +119802,8 @@ var Form = function Form(_ref, ref) {
       setInitialValues = _formInstance$getInte.setInitialValues,
       setCallbacks = _formInstance$getInte.setCallbacks,
       setValidateMessages = _formInstance$getInte.setValidateMessages,
-      setPreserve = _formInstance$getInte.setPreserve; // Pass ref with form instance
+      setPreserve = _formInstance$getInte.setPreserve,
+      destroyForm = _formInstance$getInte.destroyForm; // Pass ref with form instance
 
 
   react__WEBPACK_IMPORTED_MODULE_4__["useImperativeHandle"](ref, function () {
@@ -119472,15 +119847,21 @@ var Form = function Form(_ref, ref) {
 
   if (!mountRef.current) {
     mountRef.current = true;
-  } // Prepare children by `children` type
+  }
 
+  react__WEBPACK_IMPORTED_MODULE_4__["useEffect"](function () {
+    return destroyForm;
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  []); // Prepare children by `children` type
 
-  var childrenNode = children;
+  var childrenNode;
   var childrenRenderProps = typeof children === 'function';
 
   if (childrenRenderProps) {
     var values = formInstance.getFieldsValue(true);
     childrenNode = children(values, formInstance);
+  } else {
+    childrenNode = children;
   } // Not use subscribe when using render props
 
 
@@ -119811,7 +120192,7 @@ var ListContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createContext
 /*!************************************************!*\
   !*** ./node_modules/rc-field-form/es/index.js ***!
   \************************************************/
-/*! exports provided: Field, List, useForm, FormProvider, FieldContext, ListContext, default */
+/*! exports provided: Field, List, useForm, FormProvider, FieldContext, ListContext, useWatch, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119837,6 +120218,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _ListContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ListContext */ "./node_modules/rc-field-form/es/ListContext.js");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ListContext", function() { return _ListContext__WEBPACK_IMPORTED_MODULE_7__["default"]; });
 
+/* harmony import */ var _useWatch__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useWatch */ "./node_modules/rc-field-form/es/useWatch.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useWatch", function() { return _useWatch__WEBPACK_IMPORTED_MODULE_8__["default"]; });
+
+
 
 
 
@@ -119851,6 +120236,7 @@ RefForm.FormProvider = _FormContext__WEBPACK_IMPORTED_MODULE_5__["FormProvider"]
 RefForm.Field = _Field__WEBPACK_IMPORTED_MODULE_1__["default"];
 RefForm.List = _List__WEBPACK_IMPORTED_MODULE_2__["default"];
 RefForm.useForm = _useForm__WEBPACK_IMPORTED_MODULE_3__["default"];
+RefForm.useWatch = _useWatch__WEBPACK_IMPORTED_MODULE_8__["default"];
 
 /* harmony default export */ __webpack_exports__["default"] = (RefForm);
 
@@ -119941,6 +120327,7 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
       setFieldsValue: _this.setFieldsValue,
       validateFields: _this.validateFields,
       submit: _this.submit,
+      _init: true,
       getInternalHooks: _this.getInternalHooks
     };
   };
@@ -119954,11 +120341,13 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
         registerField: _this.registerField,
         useSubscribe: _this.useSubscribe,
         setInitialValues: _this.setInitialValues,
+        destroyForm: _this.destroyForm,
         setCallbacks: _this.setCallbacks,
         setValidateMessages: _this.setValidateMessages,
         getFields: _this.getFields,
         setPreserve: _this.setPreserve,
-        getInitialValue: _this.getInitialValue
+        getInitialValue: _this.getInitialValue,
+        registerWatch: _this.registerWatch
       };
     }
 
@@ -119970,16 +120359,44 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
     _this.subscribable = subscribable;
   };
 
+  this.prevWithoutPreserves = null;
+
   this.setInitialValues = function (initialValues, init) {
     _this.initialValues = initialValues || {};
 
     if (init) {
-      _this.store = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValues"])({}, _this.store, initialValues);
+      var _this$prevWithoutPres;
+
+      var nextStore = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValues"])({}, initialValues, _this.store); // We will take consider prev form unmount fields.
+      // When the field is not `preserve`, we need fill this with initialValues instead of store.
+      // eslint-disable-next-line array-callback-return
+
+      (_this$prevWithoutPres = _this.prevWithoutPreserves) === null || _this$prevWithoutPres === void 0 ? void 0 : _this$prevWithoutPres.map(function (_ref) {
+        var namePath = _ref.key;
+        nextStore = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(nextStore, namePath, Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["getValue"])(initialValues, namePath));
+      });
+      _this.prevWithoutPreserves = null;
+
+      _this.updateStore(nextStore);
     }
   };
 
+  this.destroyForm = function () {
+    var prevWithoutPreserves = new _utils_NameMap__WEBPACK_IMPORTED_MODULE_10__["default"]();
+
+    _this.getFieldEntities(true).forEach(function (entity) {
+      if (!entity.isPreserve()) {
+        prevWithoutPreserves.set(entity.getNamePath(), true);
+      }
+    });
+
+    _this.prevWithoutPreserves = prevWithoutPreserves;
+  };
+
   this.getInitialValue = function (namePath) {
-    return Object(_utils_cloneDeep__WEBPACK_IMPORTED_MODULE_13__["default"])(Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["getValue"])(_this.initialValues, namePath));
+    var initValue = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["getValue"])(_this.initialValues, namePath); // Not cloneDeep when without `namePath`
+
+    return namePath.length ? Object(_utils_cloneDeep__WEBPACK_IMPORTED_MODULE_13__["default"])(initValue) : initValue;
   };
 
   this.setCallbacks = function (callbacks) {
@@ -119994,6 +120411,31 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
     _this.preserve = preserve;
   };
 
+  this.watchList = [];
+
+  this.registerWatch = function (callback) {
+    _this.watchList.push(callback);
+
+    return function () {
+      _this.watchList = _this.watchList.filter(function (fn) {
+        return fn !== callback;
+      });
+    };
+  };
+
+  this.notifyWatch = function () {
+    var namePath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+    // No need to cost perf when nothing need to watch
+    if (_this.watchList.length) {
+      var values = _this.getFieldsValue();
+
+      _this.watchList.forEach(function (callback) {
+        callback(values, namePath);
+      });
+    }
+  };
+
   this.timeoutId = null;
 
   this.warningUnhooked = function () {
@@ -120008,6 +120450,10 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
     }
   };
 
+  this.updateStore = function (nextStore) {
+    _this.store = nextStore;
+  };
+
   this.getFieldEntities = function () {
     var pure = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
 
@@ -120190,8 +120636,8 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
       return entities.some(isFieldTouched);
     };
 
-    var namePathListEntities = map.map(function (_ref) {
-      var value = _ref.value;
+    var namePathListEntities = map.map(function (_ref2) {
+      var value = _ref2.value;
       return value;
     });
     return isAllFieldsTouched ? namePathListEntities.every(isNamePathListTouched) : namePathListEntities.some(isNamePathListTouched);
@@ -120271,7 +120717,7 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
 
 
               if (!info.skipExist || originValue === undefined) {
-                _this.store = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_this.store, namePath, Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__["default"])(records)[0].value);
+                _this.updateStore(Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_this.store, namePath, Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__["default"])(records)[0].value));
               }
             }
           }
@@ -120309,7 +120755,7 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
     var prevStore = _this.store;
 
     if (!nameList) {
-      _this.store = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValues"])({}, _this.initialValues);
+      _this.updateStore(Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValues"])({}, _this.initialValues));
 
       _this.resetWithFieldInitialValue();
 
@@ -120317,6 +120763,8 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
         type: 'reset'
       });
 
+      _this.notifyWatch();
+
       return;
     } // Reset by `nameList`
 
@@ -120325,7 +120773,7 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
     namePathList.forEach(function (namePath) {
       var initialValue = _this.getInitialValue(namePath);
 
-      _this.store = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_this.store, namePath, initialValue);
+      _this.updateStore(Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_this.store, namePath, initialValue));
     });
 
     _this.resetWithFieldInitialValue({
@@ -120335,21 +120783,25 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
     _this.notifyObservers(prevStore, namePathList, {
       type: 'reset'
     });
+
+    _this.notifyWatch(namePathList);
   };
 
   this.setFields = function (fields) {
     _this.warningUnhooked();
 
     var prevStore = _this.store;
+    var namePathList = [];
     fields.forEach(function (fieldData) {
       var name = fieldData.name,
           errors = fieldData.errors,
           data = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__["default"])(fieldData, _excluded);
 
-      var namePath = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["getNamePath"])(name); // Value
+      var namePath = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["getNamePath"])(name);
+      namePathList.push(namePath); // Value
 
       if ('value' in data) {
-        _this.store = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_this.store, namePath, data.value);
+        _this.updateStore(Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_this.store, namePath, data.value));
       }
 
       _this.notifyObservers(prevStore, [namePath], {
@@ -120357,6 +120809,8 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
         data: fieldData
       });
     });
+
+    _this.notifyWatch(namePathList);
   };
 
   this.getFields = function () {
@@ -120387,13 +120841,17 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
       var prevValue = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["getValue"])(_this.store, namePath);
 
       if (prevValue === undefined) {
-        _this.store = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_this.store, namePath, initialValue);
+        _this.updateStore(Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_this.store, namePath, initialValue));
       }
     }
   };
 
   this.registerField = function (entity) {
-    _this.fieldEntities.push(entity); // Set initial values
+    _this.fieldEntities.push(entity);
+
+    var namePath = entity.getNamePath();
+
+    _this.notifyWatch([namePath]); // Set initial values
 
 
     if (entity.props.initialValue !== undefined) {
@@ -120420,7 +120878,6 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
       var mergedPreserve = preserve !== undefined ? preserve : _this.preserve;
 
       if (mergedPreserve === false && (!isListField || subNamePath.length > 1)) {
-        var namePath = entity.getNamePath();
         var defaultValue = isListField ? undefined : _this.getInitialValue(namePath);
 
         if (namePath.length && _this.getFieldValue(namePath) !== defaultValue && _this.fieldEntities.every(function (field) {
@@ -120429,7 +120886,9 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
           );
         })) {
           var _prevStore = _this.store;
-          _this.store = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_prevStore, namePath, defaultValue, true); // Notify that field is unmount
+
+          _this.updateStore(Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_prevStore, namePath, defaultValue, true)); // Notify that field is unmount
+
 
           _this.notifyObservers(_prevStore, [namePath], {
             type: 'remove'
@@ -120439,6 +120898,8 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
           _this.triggerDependenciesUpdate(_prevStore, namePath);
         }
       }
+
+      _this.notifyWatch([namePath]);
     };
   };
 
@@ -120477,8 +120938,8 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
         store: _this.getFieldsValue(true)
       });
 
-      _this.getFieldEntities().forEach(function (_ref2) {
-        var onStoreChange = _ref2.onStoreChange;
+      _this.getFieldEntities().forEach(function (_ref3) {
+        var onStoreChange = _ref3.onStoreChange;
         onStoreChange(prevStore, namePathList, mergedInfo);
       });
     } else {
@@ -120504,12 +120965,15 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
   this.updateValue = function (name, value) {
     var namePath = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["getNamePath"])(name);
     var prevStore = _this.store;
-    _this.store = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_this.store, namePath, value);
+
+    _this.updateStore(Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValue"])(_this.store, namePath, value));
 
     _this.notifyObservers(prevStore, [namePath], {
       type: 'valueUpdate',
       source: 'internal'
-    }); // Dependencies update
+    });
+
+    _this.notifyWatch([namePath]); // Dependencies update
 
 
     var childrenFields = _this.triggerDependenciesUpdate(prevStore, namePath); // trigger callback function
@@ -120531,13 +120995,17 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
     var prevStore = _this.store;
 
     if (store) {
-      _this.store = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValues"])(_this.store, store);
+      var nextStore = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["setValues"])(_this.store, store);
+
+      _this.updateStore(nextStore);
     }
 
     _this.notifyObservers(prevStore, null, {
       type: 'valueUpdate',
       source: 'external'
     });
+
+    _this.notifyWatch();
   };
 
   this.getDependencyChildrenFields = function (rootNamePath) {
@@ -120592,9 +121060,9 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
 
       if (filedErrors) {
         var cache = new _utils_NameMap__WEBPACK_IMPORTED_MODULE_10__["default"]();
-        filedErrors.forEach(function (_ref3) {
-          var name = _ref3.name,
-              errors = _ref3.errors;
+        filedErrors.forEach(function (_ref4) {
+          var name = _ref4.name,
+              errors = _ref4.errors;
           cache.set(name, errors);
         });
         fields.forEach(function (field) {
@@ -120603,8 +121071,8 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
         });
       }
 
-      var changedFields = fields.filter(function (_ref4) {
-        var fieldName = _ref4.name;
+      var changedFields = fields.filter(function (_ref5) {
+        var fieldName = _ref5.name;
         return Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_12__["containsNamePath"])(namePathList, fieldName);
       });
       onFieldsChange(changedFields, fields);
@@ -120663,9 +121131,9 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
         }).catch(function (ruleErrors) {
           var mergedErrors = [];
           var mergedWarnings = [];
-          ruleErrors.forEach(function (_ref5) {
-            var warningOnly = _ref5.rule.warningOnly,
-                errors = _ref5.errors;
+          ruleErrors.forEach(function (_ref6) {
+            var warningOnly = _ref6.rule.warningOnly,
+                errors = _ref6.errors;
 
             if (warningOnly) {
               mergedWarnings.push.apply(mergedWarnings, Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__["default"])(errors));
@@ -120697,8 +121165,8 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
     summaryPromise.catch(function (results) {
       return results;
     }).then(function (results) {
-      var resultNamePathList = results.map(function (_ref6) {
-        var name = _ref6.name;
+      var resultNamePathList = results.map(function (_ref7) {
+        var name = _ref7.name;
         return name;
       });
 
@@ -120785,6 +121253,96 @@ function useForm(form) {
 
 /***/ }),
 
+/***/ "./node_modules/rc-field-form/es/useWatch.js":
+/*!***************************************************!*\
+  !*** ./node_modules/rc-field-form/es/useWatch.js ***!
+  \***************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! . */ "./node_modules/rc-field-form/es/index.js");
+/* harmony import */ var rc_util_es_warning__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rc-util/es/warning */ "./node_modules/rc-util/es/warning.js");
+/* harmony import */ var _FieldContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FieldContext */ "./node_modules/rc-field-form/es/FieldContext.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/valueUtil */ "./node_modules/rc-field-form/es/utils/valueUtil.js");
+
+
+
+
+
+
+
+function stringify(value) {
+  try {
+    return JSON.stringify(value);
+  } catch (err) {
+    return Math.random();
+  }
+}
+
+function useWatch() {
+  var dependencies = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var form = arguments.length > 1 ? arguments[1] : undefined;
+
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(),
+      _useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var valueStr = Object(react__WEBPACK_IMPORTED_MODULE_4__["useMemo"])(function () {
+    return stringify(value);
+  }, [value]);
+  var valueStrRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(valueStr);
+  valueStrRef.current = valueStr;
+  var fieldContext = Object(react__WEBPACK_IMPORTED_MODULE_4__["useContext"])(___WEBPACK_IMPORTED_MODULE_1__["FieldContext"]);
+  var formInstance = form || fieldContext;
+  var isValidForm = formInstance && formInstance._init; // Warning if not exist form instance
+
+  if (true) {
+    Object(rc_util_es_warning__WEBPACK_IMPORTED_MODULE_2__["default"])(isValidForm, 'useWatch requires a form instance since it can not auto detect from context.');
+  }
+
+  var namePath = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_5__["getNamePath"])(dependencies);
+  var namePathRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(namePath);
+  namePathRef.current = namePath;
+  Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
+    // Skip if not exist form instance
+    if (!isValidForm) {
+      return;
+    }
+
+    var getFieldsValue = formInstance.getFieldsValue,
+        getInternalHooks = formInstance.getInternalHooks;
+
+    var _getInternalHooks = getInternalHooks(_FieldContext__WEBPACK_IMPORTED_MODULE_3__["HOOK_MARK"]),
+        registerWatch = _getInternalHooks.registerWatch;
+
+    var cancelRegister = registerWatch(function (store) {
+      var newValue = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_5__["getValue"])(store, namePathRef.current);
+      var nextValueStr = stringify(newValue); // Compare stringify in case it's nest object
+
+      if (valueStrRef.current !== nextValueStr) {
+        setValue(newValue);
+      }
+    }); // TODO: We can improve this perf in future
+
+    var initialValue = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_5__["getValue"])(getFieldsValue(), namePathRef.current);
+    setValue(initialValue);
+    return cancelRegister;
+  }, // We do not need re-register since namePath content is the same
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  return value;
+}
+
+/* harmony default export */ __webpack_exports__["default"] = (useWatch);
+
+/***/ }),
+
 /***/ "./node_modules/rc-field-form/es/utils/NameMap.js":
 /*!********************************************************!*\
   !*** ./node_modules/rc-field-form/es/utils/NameMap.js ***!
@@ -121115,6 +121673,8 @@ function replaceMessage(template, kv) {
   });
 }
 
+var CODE_LOGIC_ERROR = 'CODE_LOGIC_ERROR';
+
 function validateRule(_x, _x2, _x3, _x4, _x5) {
   return _validateRule.apply(this, arguments);
 }
@@ -121126,7 +121686,7 @@ function validateRule(_x, _x2, _x3, _x4, _x5) {
 
 function _validateRule() {
   _validateRule = Object(_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_4__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default.a.mark(function _callee2(name, value, rule, options, messageVariables) {
-    var cloneRule, subRuleField, validator, messages, result, subResults, kv, fillVariableResult;
+    var cloneRule, originValidator, subRuleField, validator, messages, result, subResults, kv, fillVariableResult;
     return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default.a.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -121135,7 +121695,21 @@ function _validateRule() {
             // https://github.com/react-component/field-form/issues/316
             // https://github.com/react-component/field-form/issues/313
 
-            delete cloneRule.ruleIndex; // We should special handle array validate
+            delete cloneRule.ruleIndex;
+
+            if (cloneRule.validator) {
+              originValidator = cloneRule.validator;
+
+              cloneRule.validator = function () {
+                try {
+                  return originValidator.apply(void 0, arguments);
+                } catch (error) {
+                  console.error(error);
+                  return Promise.reject(CODE_LOGIC_ERROR);
+                }
+              };
+            } // We should special handle array validate
+
 
             subRuleField = null;
 
@@ -121148,52 +121722,49 @@ function _validateRule() {
             messages = Object(_valueUtil__WEBPACK_IMPORTED_MODULE_9__["setValues"])({}, _messages__WEBPACK_IMPORTED_MODULE_8__["defaultValidateMessages"], options.validateMessages);
             validator.messages(messages);
             result = [];
-            _context2.prev = 8;
-            _context2.next = 11;
+            _context2.prev = 9;
+            _context2.next = 12;
             return Promise.resolve(validator.validate(Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])({}, name, value), Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__["default"])({}, options)));
 
-          case 11:
-            _context2.next = 16;
+          case 12:
+            _context2.next = 17;
             break;
 
-          case 13:
-            _context2.prev = 13;
-            _context2.t0 = _context2["catch"](8);
+          case 14:
+            _context2.prev = 14;
+            _context2.t0 = _context2["catch"](9);
 
             if (_context2.t0.errors) {
               result = _context2.t0.errors.map(function (_ref4, index) {
                 var message = _ref4.message;
-                return (// Wrap ReactNode with `key`
-
-                  /*#__PURE__*/
-                  react__WEBPACK_IMPORTED_MODULE_6__["isValidElement"](message) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["cloneElement"](message, {
-                    key: "error_".concat(index)
-                  }) : message
-                );
+                var mergedMessage = message === CODE_LOGIC_ERROR ? messages.default : message;
+                return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__["isValidElement"](mergedMessage) ?
+                /*#__PURE__*/
+                // Wrap ReactNode with `key`
+                react__WEBPACK_IMPORTED_MODULE_6__["cloneElement"](mergedMessage, {
+                  key: "error_".concat(index)
+                }) : mergedMessage;
               });
-            } else {
-              console.error(_context2.t0);
-              result = [messages.default];
             }
 
-          case 16:
+          case 17:
             if (!(!result.length && subRuleField)) {
-              _context2.next = 21;
+              _context2.next = 22;
               break;
             }
 
-            _context2.next = 19;
+            _context2.next = 20;
             return Promise.all(value.map(function (subValue, i) {
               return validateRule("".concat(name, ".").concat(i), subValue, subRuleField, options, messageVariables);
             }));
 
-          case 19:
+          case 20:
             subResults = _context2.sent;
             return _context2.abrupt("return", subResults.reduce(function (prev, errors) {
               return [].concat(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(prev), Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(errors));
             }, []));
 
-          case 21:
+          case 22:
             // Replace message with variables
             kv = Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__["default"])({}, rule), {}, {
               name: name,
@@ -121208,12 +121779,12 @@ function _validateRule() {
             });
             return _context2.abrupt("return", fillVariableResult);
 
-          case 24:
+          case 25:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2, null, [[8, 13]]);
+    }, _callee2, null, [[9, 14]]);
   }));
   return _validateRule.apply(this, arguments);
 }
@@ -123638,7 +124209,12 @@ function Overflow(props, ref) {
       }
 
       for (var i = 0; i < len; i += 1) {
-        var currentItemWidth = getItemWidth(i); // Break since data not ready
+        var currentItemWidth = getItemWidth(i); // Fully will always render
+
+        if (fullySSR) {
+          currentItemWidth = currentItemWidth || 0;
+        } // Break since data not ready
+
 
         if (currentItemWidth === undefined) {
           updateDisplayCount(i - 1, true);
@@ -127585,11 +128161,16 @@ var RefNodeList = function RefNodeList(props, ref) {
   var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_3__["useState"](null),
       _React$useState10 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState9, 2),
       motionType = _React$useState10[0],
-      setMotionType = _React$useState10[1];
+      setMotionType = _React$useState10[1]; // When motion end but data change, this will makes data back to previous one
+
+
+  var dataRef = react__WEBPACK_IMPORTED_MODULE_3__["useRef"](data);
+  dataRef.current = data;
 
   function onMotionEnd() {
-    setPrevData(data);
-    setTransitionData(data);
+    var latestData = dataRef.current;
+    setPrevData(latestData);
+    setTransitionData(latestData);
     setTransitionRange([]);
     setMotionType(null);
     onListChangeEnd();
@@ -128150,24 +128731,56 @@ var Tree = /*#__PURE__*/function (_React$Component) {
       _this.currentMouseOverDroppableNodeKey = null;
     };
 
+    _this.triggerExpandActionExpand = function (e, treeNode) {
+      var _this$state5 = _this.state,
+          expandedKeys = _this$state5.expandedKeys,
+          flattenNodes = _this$state5.flattenNodes;
+      var expanded = treeNode.expanded,
+          key = treeNode.key;
+      var node = flattenNodes.filter(function (nodeItem) {
+        return nodeItem.key === key;
+      })[0];
+      var eventNode = Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_17__["convertNodePropsToEventData"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_3__["default"])({}, Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_17__["getTreeNodeProps"])(key, _this.getTreeNodeRequiredProps())), {}, {
+        data: node.data
+      }));
+
+      _this.setExpandedKeys(expanded ? Object(_util__WEBPACK_IMPORTED_MODULE_16__["arrDel"])(expandedKeys, key) : Object(_util__WEBPACK_IMPORTED_MODULE_16__["arrAdd"])(expandedKeys, key));
+
+      _this.onNodeExpand(e, eventNode);
+    };
+
     _this.onNodeClick = function (e, treeNode) {
-      var onClick = _this.props.onClick;
+      var _this$props3 = _this.props,
+          onClick = _this$props3.onClick,
+          expandAction = _this$props3.expandAction;
+
+      if (expandAction === 'click') {
+        _this.triggerExpandActionExpand(e, treeNode);
+      }
+
       onClick === null || onClick === void 0 ? void 0 : onClick(e, treeNode);
     };
 
     _this.onNodeDoubleClick = function (e, treeNode) {
-      var onDoubleClick = _this.props.onDoubleClick;
+      var _this$props4 = _this.props,
+          onDoubleClick = _this$props4.onDoubleClick,
+          expandAction = _this$props4.expandAction;
+
+      if (expandAction === 'doubleClick') {
+        _this.triggerExpandActionExpand(e, treeNode);
+      }
+
       onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(e, treeNode);
     };
 
     _this.onNodeSelect = function (e, treeNode) {
       var selectedKeys = _this.state.selectedKeys;
-      var _this$state5 = _this.state,
-          keyEntities = _this$state5.keyEntities,
-          fieldNames = _this$state5.fieldNames;
-      var _this$props3 = _this.props,
-          onSelect = _this$props3.onSelect,
-          multiple = _this$props3.multiple;
+      var _this$state6 = _this.state,
+          keyEntities = _this$state6.keyEntities,
+          fieldNames = _this$state6.fieldNames;
+      var _this$props5 = _this.props,
+          onSelect = _this$props5.onSelect,
+          multiple = _this$props5.multiple;
       var selected = treeNode.selected;
       var key = treeNode[fieldNames.key];
       var targetSelected = !selected; // Update selected keys
@@ -128203,13 +128816,13 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.onNodeCheck = function (e, treeNode, checked) {
-      var _this$state6 = _this.state,
-          keyEntities = _this$state6.keyEntities,
-          oriCheckedKeys = _this$state6.checkedKeys,
-          oriHalfCheckedKeys = _this$state6.halfCheckedKeys;
-      var _this$props4 = _this.props,
-          checkStrictly = _this$props4.checkStrictly,
-          onCheck = _this$props4.onCheck;
+      var _this$state7 = _this.state,
+          keyEntities = _this$state7.keyEntities,
+          oriCheckedKeys = _this$state7.checkedKeys,
+          oriHalfCheckedKeys = _this$state7.halfCheckedKeys;
+      var _this$props6 = _this.props,
+          checkStrictly = _this$props6.checkStrictly,
+          onCheck = _this$props6.onCheck;
       var key = treeNode.key; // Prepare trigger arguments
 
       var checkedObj;
@@ -128295,9 +128908,9 @@ var Tree = /*#__PURE__*/function (_React$Component) {
               loadedKeys = _ref$loadedKeys === void 0 ? [] : _ref$loadedKeys,
               _ref$loadingKeys = _ref.loadingKeys,
               loadingKeys = _ref$loadingKeys === void 0 ? [] : _ref$loadingKeys;
-          var _this$props5 = _this.props,
-              loadData = _this$props5.loadData,
-              onLoad = _this$props5.onLoad;
+          var _this$props7 = _this.props,
+              loadData = _this$props7.loadData,
+              onLoad = _this$props7.onLoad;
 
           if (!loadData || loadedKeys.indexOf(key) !== -1 || loadingKeys.indexOf(key) !== -1) {
             return null;
@@ -128418,16 +129031,16 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.getTreeNodeRequiredProps = function () {
-      var _this$state7 = _this.state,
-          expandedKeys = _this$state7.expandedKeys,
-          selectedKeys = _this$state7.selectedKeys,
-          loadedKeys = _this$state7.loadedKeys,
-          loadingKeys = _this$state7.loadingKeys,
-          checkedKeys = _this$state7.checkedKeys,
-          halfCheckedKeys = _this$state7.halfCheckedKeys,
-          dragOverNodeKey = _this$state7.dragOverNodeKey,
-          dropPosition = _this$state7.dropPosition,
-          keyEntities = _this$state7.keyEntities;
+      var _this$state8 = _this.state,
+          expandedKeys = _this$state8.expandedKeys,
+          selectedKeys = _this$state8.selectedKeys,
+          loadedKeys = _this$state8.loadedKeys,
+          loadingKeys = _this$state8.loadingKeys,
+          checkedKeys = _this$state8.checkedKeys,
+          halfCheckedKeys = _this$state8.halfCheckedKeys,
+          dragOverNodeKey = _this$state8.dragOverNodeKey,
+          dropPosition = _this$state8.dropPosition,
+          keyEntities = _this$state8.keyEntities;
       return {
         expandedKeys: expandedKeys || [],
         selectedKeys: selectedKeys || [],
@@ -128442,9 +129055,9 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.setExpandedKeys = function (expandedKeys) {
-      var _this$state8 = _this.state,
-          treeData = _this$state8.treeData,
-          fieldNames = _this$state8.fieldNames;
+      var _this$state9 = _this.state,
+          treeData = _this$state9.treeData,
+          fieldNames = _this$state9.fieldNames;
       var flattenNodes = Object(_utils_treeUtil__WEBPACK_IMPORTED_MODULE_17__["flattenTreeData"])(treeData, expandedKeys, fieldNames);
 
       _this.setUncontrolledState({
@@ -128455,12 +129068,12 @@ var Tree = /*#__PURE__*/function (_React$Component) {
 
     _this.onNodeExpand = function (e, treeNode) {
       var expandedKeys = _this.state.expandedKeys;
-      var _this$state9 = _this.state,
-          listChanging = _this$state9.listChanging,
-          fieldNames = _this$state9.fieldNames;
-      var _this$props6 = _this.props,
-          onExpand = _this$props6.onExpand,
-          loadData = _this$props6.loadData;
+      var _this$state10 = _this.state,
+          listChanging = _this$state10.listChanging,
+          fieldNames = _this$state10.fieldNames;
+      var _this$props8 = _this.props,
+          onExpand = _this$props8.onExpand,
+          loadData = _this$props8.loadData;
       var expanded = treeNode.expanded;
       var key = treeNode[fieldNames.key]; // Do nothing when motion is in progress
 
@@ -128544,9 +129157,9 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.getActiveItem = function () {
-      var _this$state10 = _this.state,
-          activeKey = _this$state10.activeKey,
-          flattenNodes = _this$state10.flattenNodes;
+      var _this$state11 = _this.state,
+          activeKey = _this$state11.activeKey,
+          flattenNodes = _this$state11.flattenNodes;
 
       if (activeKey === null) {
         return null;
@@ -128559,9 +129172,9 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.offsetActiveKey = function (offset) {
-      var _this$state11 = _this.state,
-          flattenNodes = _this$state11.flattenNodes,
-          activeKey = _this$state11.activeKey;
+      var _this$state12 = _this.state,
+          flattenNodes = _this$state12.flattenNodes,
+          activeKey = _this$state12.activeKey;
       var index = flattenNodes.findIndex(function (_ref3) {
         var key = _ref3.key;
         return key === activeKey;
@@ -128584,14 +129197,14 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.onKeyDown = function (event) {
-      var _this$state12 = _this.state,
-          activeKey = _this$state12.activeKey,
-          expandedKeys = _this$state12.expandedKeys,
-          checkedKeys = _this$state12.checkedKeys;
-      var _this$props7 = _this.props,
-          onKeyDown = _this$props7.onKeyDown,
-          checkable = _this$props7.checkable,
-          selectable = _this$props7.selectable; // >>>>>>>>>> Direction
+      var _this$state13 = _this.state,
+          activeKey = _this$state13.activeKey,
+          expandedKeys = _this$state13.expandedKeys,
+          checkedKeys = _this$state13.checkedKeys;
+      var _this$props9 = _this.props,
+          onKeyDown = _this$props9.onKeyDown,
+          checkable = _this$props9.checkable,
+          selectable = _this$props9.selectable; // >>>>>>>>>> Direction
 
       switch (event.which) {
         case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_11__["default"].UP:
@@ -128751,47 +129364,47 @@ var Tree = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _classNames;
 
-      var _this$state13 = this.state,
-          focused = _this$state13.focused,
-          flattenNodes = _this$state13.flattenNodes,
-          keyEntities = _this$state13.keyEntities,
-          draggingNodeKey = _this$state13.draggingNodeKey,
-          activeKey = _this$state13.activeKey,
-          dropLevelOffset = _this$state13.dropLevelOffset,
-          dropContainerKey = _this$state13.dropContainerKey,
-          dropTargetKey = _this$state13.dropTargetKey,
-          dropPosition = _this$state13.dropPosition,
-          dragOverNodeKey = _this$state13.dragOverNodeKey,
-          indent = _this$state13.indent;
-      var _this$props8 = this.props,
-          prefixCls = _this$props8.prefixCls,
-          className = _this$props8.className,
-          style = _this$props8.style,
-          showLine = _this$props8.showLine,
-          focusable = _this$props8.focusable,
-          _this$props8$tabIndex = _this$props8.tabIndex,
-          tabIndex = _this$props8$tabIndex === void 0 ? 0 : _this$props8$tabIndex,
-          selectable = _this$props8.selectable,
-          showIcon = _this$props8.showIcon,
-          icon = _this$props8.icon,
-          switcherIcon = _this$props8.switcherIcon,
-          draggable = _this$props8.draggable,
-          checkable = _this$props8.checkable,
-          checkStrictly = _this$props8.checkStrictly,
-          disabled = _this$props8.disabled,
-          motion = _this$props8.motion,
-          loadData = _this$props8.loadData,
-          filterTreeNode = _this$props8.filterTreeNode,
-          height = _this$props8.height,
-          itemHeight = _this$props8.itemHeight,
-          virtual = _this$props8.virtual,
-          titleRender = _this$props8.titleRender,
-          dropIndicatorRender = _this$props8.dropIndicatorRender,
-          onContextMenu = _this$props8.onContextMenu,
-          onScroll = _this$props8.onScroll,
-          direction = _this$props8.direction,
-          rootClassName = _this$props8.rootClassName,
-          rootStyle = _this$props8.rootStyle;
+      var _this$state14 = this.state,
+          focused = _this$state14.focused,
+          flattenNodes = _this$state14.flattenNodes,
+          keyEntities = _this$state14.keyEntities,
+          draggingNodeKey = _this$state14.draggingNodeKey,
+          activeKey = _this$state14.activeKey,
+          dropLevelOffset = _this$state14.dropLevelOffset,
+          dropContainerKey = _this$state14.dropContainerKey,
+          dropTargetKey = _this$state14.dropTargetKey,
+          dropPosition = _this$state14.dropPosition,
+          dragOverNodeKey = _this$state14.dragOverNodeKey,
+          indent = _this$state14.indent;
+      var _this$props10 = this.props,
+          prefixCls = _this$props10.prefixCls,
+          className = _this$props10.className,
+          style = _this$props10.style,
+          showLine = _this$props10.showLine,
+          focusable = _this$props10.focusable,
+          _this$props10$tabInde = _this$props10.tabIndex,
+          tabIndex = _this$props10$tabInde === void 0 ? 0 : _this$props10$tabInde,
+          selectable = _this$props10.selectable,
+          showIcon = _this$props10.showIcon,
+          icon = _this$props10.icon,
+          switcherIcon = _this$props10.switcherIcon,
+          draggable = _this$props10.draggable,
+          checkable = _this$props10.checkable,
+          checkStrictly = _this$props10.checkStrictly,
+          disabled = _this$props10.disabled,
+          motion = _this$props10.motion,
+          loadData = _this$props10.loadData,
+          filterTreeNode = _this$props10.filterTreeNode,
+          height = _this$props10.height,
+          itemHeight = _this$props10.itemHeight,
+          virtual = _this$props10.virtual,
+          titleRender = _this$props10.titleRender,
+          dropIndicatorRender = _this$props10.dropIndicatorRender,
+          onContextMenu = _this$props10.onContextMenu,
+          onScroll = _this$props10.onScroll,
+          direction = _this$props10.direction,
+          rootClassName = _this$props10.rootClassName,
+          rootStyle = _this$props10.rootStyle;
       var domProps = Object(rc_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_13__["default"])(this.props, {
         aria: true,
         data: true
@@ -129024,7 +129637,8 @@ Tree.defaultProps = {
   dropIndicatorRender: _DropIndicator__WEBPACK_IMPORTED_MODULE_21__["default"],
   allowDrop: function allowDrop() {
     return true;
-  }
+  },
+  expandAction: false
 };
 Tree.TreeNode = _TreeNode__WEBPACK_IMPORTED_MODULE_19__["default"];
 /* harmony default export */ __webpack_exports__["default"] = (Tree);
@@ -130846,12 +131460,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var rc_align__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rc-align */ "./node_modules/rc-align/es/index.js");
-/* harmony import */ var rc_motion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rc-motion */ "./node_modules/rc-motion/es/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _useVisibleStatus__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useVisibleStatus */ "./node_modules/rc-trigger/es/Popup/useVisibleStatus.js");
-/* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/legacyUtil */ "./node_modules/rc-trigger/es/utils/legacyUtil.js");
-/* harmony import */ var _useStretchStyle__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useStretchStyle */ "./node_modules/rc-trigger/es/Popup/useStretchStyle.js");
+/* harmony import */ var rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rc-util/es/hooks/useLayoutEffect */ "./node_modules/rc-util/es/hooks/useLayoutEffect.js");
+/* harmony import */ var rc_motion__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-motion */ "./node_modules/rc-motion/es/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _useVisibleStatus__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useVisibleStatus */ "./node_modules/rc-trigger/es/Popup/useVisibleStatus.js");
+/* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils/legacyUtil */ "./node_modules/rc-trigger/es/utils/legacyUtil.js");
+/* harmony import */ var _useStretchStyle__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useStretchStyle */ "./node_modules/rc-trigger/es/Popup/useStretchStyle.js");
+
 
 
 
@@ -130891,7 +131507,7 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
       setAlignedClassName = _useState2[1]; // ======================= Measure ========================
 
 
-  var _useStretchStyle = Object(_useStretchStyle__WEBPACK_IMPORTED_MODULE_9__["default"])(stretch),
+  var _useStretchStyle = Object(_useStretchStyle__WEBPACK_IMPORTED_MODULE_10__["default"])(stretch),
       _useStretchStyle2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useStretchStyle, 2),
       stretchStyle = _useStretchStyle2[0],
       measureStretchStyle = _useStretchStyle2[1];
@@ -130903,13 +131519,32 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
   } // ======================== Status ========================
 
 
-  var _useVisibleStatus = Object(_useVisibleStatus__WEBPACK_IMPORTED_MODULE_7__["default"])(visible, doMeasure),
+  var _useVisibleStatus = Object(_useVisibleStatus__WEBPACK_IMPORTED_MODULE_8__["default"])(visible, doMeasure),
       _useVisibleStatus2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useVisibleStatus, 2),
       status = _useVisibleStatus2[0],
       goNextStatus = _useVisibleStatus2[1]; // ======================== Aligns ========================
 
+  /**
+   * `alignedClassName` may modify `source` size,
+   * which means one time align may not move to the correct position at once.
+   *
+   * We will reset `alignTimes` for each status switch to `alignPre`
+   * and let `rc-align` to align for multiple times to ensure get final stable place.
+   * Currently we mark `alignTimes < 2` repeat align, it will increase if user report for align issue.
+   */
+
+
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(0),
+      _useState4 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState3, 2),
+      alignTimes = _useState4[0],
+      setAlignTimes = _useState4[1];
 
-  var prepareResolveRef = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])(); // `target` on `rc-align` can accept as a function to get the bind element or a point.
+  var prepareResolveRef = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])();
+  Object(rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_5__["default"])(function () {
+    if (status === 'alignPre') {
+      setAlignTimes(0);
+    }
+  }, [status]); // `target` on `rc-align` can accept as a function to get the bind element or a point.
   // ref: https://www.npmjs.com/package/rc-align
 
   function getAlignTarget() {
@@ -130931,14 +131566,24 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
 
     if (alignedClassName !== nextAlignedClassName) {
       setAlignedClassName(nextAlignedClassName);
+    } // We will retry multi times to make sure that the element has been align in the right position.
+
+
+    setAlignTimes(function (val) {
+      return val + 1;
+    });
+
+    if (status === 'align') {
+      onAlign === null || onAlign === void 0 ? void 0 : onAlign(popupDomNode, matchAlign);
     }
+  } // Delay to go to next status
+
 
+  Object(rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_5__["default"])(function () {
     if (status === 'align') {
       // Repeat until not more align needed
-      if (alignedClassName !== nextAlignedClassName) {
-        Promise.resolve().then(function () {
-          forceAlign();
-        });
+      if (alignTimes < 2) {
+        forceAlign();
       } else {
         goNextStatus(function () {
           var _prepareResolveRef$cu;
@@ -130946,13 +131591,10 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
           (_prepareResolveRef$cu = prepareResolveRef.current) === null || _prepareResolveRef$cu === void 0 ? void 0 : _prepareResolveRef$cu.call(prepareResolveRef);
         });
       }
-
-      onAlign === null || onAlign === void 0 ? void 0 : onAlign(popupDomNode, matchAlign);
     }
-  } // ======================== Motion ========================
+  }, [alignTimes]); // ======================== Motion ========================
 
-
-  var motion = Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, Object(_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_8__["getMotion"])(props));
+  var motion = Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, Object(_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_9__["getMotion"])(props));
 
   ['onAppearEnd', 'onEnterEnd', 'onLeaveEnd'].forEach(function (eventName) {
     var originHandler = motion[eventName];
@@ -130988,7 +131630,9 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
   var mergedStyle = Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, stretchStyle), {}, {
     zIndex: zIndex,
     opacity: status === 'motion' || status === 'stable' || !visible ? undefined : 0,
-    pointerEvents: status === 'stable' ? undefined : 'none'
+    // Cannot interact with disappearing elements
+    // https://github.com/ant-design/ant-design/issues/35051#issuecomment-1101340714
+    pointerEvents: !visible && status !== 'stable' ? 'none' : undefined
   }, style); // Align status
 
 
@@ -131006,7 +131650,7 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
     }, children);
   }
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](rc_motion__WEBPACK_IMPORTED_MODULE_5__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](rc_motion__WEBPACK_IMPORTED_MODULE_6__["default"], Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
     visible: visible,
     ref: elementRef,
     leavedClassName: "".concat(prefixCls, "-hidden")
@@ -131018,7 +131662,7 @@ var PopupInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](f
   }), function (_ref, motionRef) {
     var motionClassName = _ref.className,
         motionStyle = _ref.style;
-    var mergedClassName = classnames__WEBPACK_IMPORTED_MODULE_6___default()(prefixCls, className, alignedClassName, motionClassName);
+    var mergedClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(prefixCls, className, alignedClassName, motionClassName);
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](rc_align__WEBPACK_IMPORTED_MODULE_4__["default"], {
       target: getAlignTarget(),
       key: "popup",
@@ -131196,7 +131840,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var StatusQueue = ['measure', 'align', null, 'motion'];
+var StatusQueue = ['measure', 'alignPre', 'align', null, 'motion'];
 /* harmony default export */ __webpack_exports__["default"] = (function (visible, doMeasure) {
   var _useState = Object(rc_util_es_hooks_useState__WEBPACK_IMPORTED_MODULE_5__["default"])(null),
       _useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState, 2),
@@ -131375,6 +132019,7 @@ function generateTrigger(PortalComponent) {
 
     var _super = Object(_babel_runtime_helpers_esm_createSuper__WEBPACK_IMPORTED_MODULE_6__["default"])(Trigger);
 
+    // ensure `getContainer` will be called only once
     function Trigger(props) {
       var _this;
 
@@ -131383,6 +132028,7 @@ function generateTrigger(PortalComponent) {
       _this = _super.call(this, props);
       _this.popupRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["createRef"]();
       _this.triggerRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__["createRef"]();
+      _this.portalContainer = void 0;
       _this.attachId = void 0;
       _this.clickOutsideHandler = void 0;
       _this.touchOutsideHandler = void 0;
@@ -131684,18 +132330,26 @@ function generateTrigger(PortalComponent) {
       };
 
       _this.getContainer = function () {
-        var getDocument = _this.props.getDocument;
-        var popupContainer = getDocument(_this.getRootDomNode()).createElement('div'); // Make sure default popup container will never cause scrollbar appearing
-        // https://github.com/react-component/trigger/issues/41
-
-        popupContainer.style.position = 'absolute';
-        popupContainer.style.top = '0';
-        popupContainer.style.left = '0';
-        popupContainer.style.width = '100%';
-
-        _this.attachParent(popupContainer);
-
-        return popupContainer;
+        if (!_this.portalContainer) {
+          // In React.StrictMode component will call render multiple time in first mount.
+          // When you want to refactor with FC, useRef will also init multiple time and
+          // point to different useRef instance which will create multiple element
+          // (This multiple render will not trigger effect so you can not clean up this
+          // in effect). But this is safe with class component since it always point to same class instance.
+          var getDocument = _this.props.getDocument;
+          var popupContainer = getDocument(_this.getRootDomNode()).createElement('div'); // Make sure default popup container will never cause scrollbar appearing
+          // https://github.com/react-component/trigger/issues/41
+
+          popupContainer.style.position = 'absolute';
+          popupContainer.style.top = '0';
+          popupContainer.style.left = '0';
+          popupContainer.style.width = '100%';
+          _this.portalContainer = popupContainer;
+        }
+
+        _this.attachParent(_this.portalContainer);
+
+        return _this.portalContainer;
       };
 
       _this.setPoint = function (point) {
@@ -134957,9 +135611,11 @@ function RawList(props, ref) {
     componentRef.current.addEventListener('DOMMouseScroll', onFireFoxScroll);
     componentRef.current.addEventListener('MozMousePixelScroll', onMozMousePixelScroll);
     return function () {
-      componentRef.current.removeEventListener('wheel', onRawWheel);
-      componentRef.current.removeEventListener('DOMMouseScroll', onFireFoxScroll);
-      componentRef.current.removeEventListener('MozMousePixelScroll', onMozMousePixelScroll);
+      if (componentRef.current) {
+        componentRef.current.removeEventListener('wheel', onRawWheel);
+        componentRef.current.removeEventListener('DOMMouseScroll', onFireFoxScroll);
+        componentRef.current.removeEventListener('MozMousePixelScroll', onMozMousePixelScroll);
+      }
     };
   }, [useVirtual]); // ================================= Ref ==================================
 
@@ -135143,16 +135799,19 @@ var ScrollBar = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.removeEvents = function () {
+      var _this$scrollbarRef$cu;
+
       window.removeEventListener('mousemove', _this.onMouseMove);
       window.removeEventListener('mouseup', _this.onMouseUp);
+      (_this$scrollbarRef$cu = _this.scrollbarRef.current) === null || _this$scrollbarRef$cu === void 0 ? void 0 : _this$scrollbarRef$cu.removeEventListener('touchstart', _this.onScrollbarTouchStart);
 
-      _this.scrollbarRef.current.removeEventListener('touchstart', _this.onScrollbarTouchStart);
-
-      _this.thumbRef.current.removeEventListener('touchstart', _this.onMouseDown);
+      if (_this.thumbRef.current) {
+        _this.thumbRef.current.removeEventListener('touchstart', _this.onMouseDown);
 
-      _this.thumbRef.current.removeEventListener('touchmove', _this.onMouseMove);
+        _this.thumbRef.current.removeEventListener('touchmove', _this.onMouseMove);
 
-      _this.thumbRef.current.removeEventListener('touchend', _this.onMouseUp);
+        _this.thumbRef.current.removeEventListener('touchend', _this.onMouseUp);
+      }
 
       rc_util_es_raf__WEBPACK_IMPORTED_MODULE_2__["default"].cancel(_this.moveRaf);
     };
@@ -135650,7 +136309,9 @@ function useMobileTouchMove(inVirtual, listRef, callback) {
     }
 
     return function () {
-      listRef.current.removeEventListener('touchstart', onTouchStart);
+      var _listRef$current;
+
+      (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.removeEventListener('touchstart', onTouchStart);
       cleanUpEvents();
       clearInterval(intervalRef.current);
     };