@kdcloudjs/kdesign 1.5.10 → 1.5.11

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.5.9
+ *   @kdcloudjs/kdesign v1.5.10
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -189,6 +189,666 @@ webpackContext.id = "./components sync recursive ^\\.\\/[^_][\\w-]+\\/style\\/in
 
 /***/ }),
 
+/***/ "./components/_utils/KeyCode.ts":
+/*!**************************************!*\
+  !*** ./components/_utils/KeyCode.ts ***!
+  \**************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/**
+ * @ignore
+ * some key-codes definition and utils from closure-library
+ * @author yiminghe@gmail.com
+ */
+var KeyCode = {
+  /**
+   * MAC_ENTER
+   */
+  MAC_ENTER: 3,
+
+  /**
+   * BACKSPACE
+   */
+  BACKSPACE: 8,
+
+  /**
+   * TAB
+   */
+  TAB: 9,
+
+  /**
+   * NUMLOCK on FF/Safari Mac
+   */
+  NUM_CENTER: 12,
+  // NUMLOCK on FF/Safari Mac
+
+  /**
+   * ENTER
+   */
+  ENTER: 13,
+
+  /**
+   * SHIFT
+   */
+  SHIFT: 16,
+
+  /**
+   * CTRL
+   */
+  CTRL: 17,
+
+  /**
+   * ALT
+   */
+  ALT: 18,
+
+  /**
+   * PAUSE
+   */
+  PAUSE: 19,
+
+  /**
+   * CAPS_LOCK
+   */
+  CAPS_LOCK: 20,
+
+  /**
+   * ESC
+   */
+  ESC: 27,
+
+  /**
+   * SPACE
+   */
+  SPACE: 32,
+
+  /**
+   * PAGE_UP
+   */
+  PAGE_UP: 33,
+  // also NUM_NORTH_EAST
+
+  /**
+   * PAGE_DOWN
+   */
+  PAGE_DOWN: 34,
+  // also NUM_SOUTH_EAST
+
+  /**
+   * END
+   */
+  END: 35,
+  // also NUM_SOUTH_WEST
+
+  /**
+   * HOME
+   */
+  HOME: 36,
+  // also NUM_NORTH_WEST
+
+  /**
+   * LEFT
+   */
+  LEFT: 37,
+  // also NUM_WEST
+
+  /**
+   * UP
+   */
+  UP: 38,
+  // also NUM_NORTH
+
+  /**
+   * RIGHT
+   */
+  RIGHT: 39,
+  // also NUM_EAST
+
+  /**
+   * DOWN
+   */
+  DOWN: 40,
+  // also NUM_SOUTH
+
+  /**
+   * PRINT_SCREEN
+   */
+  PRINT_SCREEN: 44,
+
+  /**
+   * INSERT
+   */
+  INSERT: 45,
+  // also NUM_INSERT
+
+  /**
+   * DELETE
+   */
+  DELETE: 46,
+  // also NUM_DELETE
+
+  /**
+   * ZERO
+   */
+  ZERO: 48,
+
+  /**
+   * ONE
+   */
+  ONE: 49,
+
+  /**
+   * TWO
+   */
+  TWO: 50,
+
+  /**
+   * THREE
+   */
+  THREE: 51,
+
+  /**
+   * FOUR
+   */
+  FOUR: 52,
+
+  /**
+   * FIVE
+   */
+  FIVE: 53,
+
+  /**
+   * SIX
+   */
+  SIX: 54,
+
+  /**
+   * SEVEN
+   */
+  SEVEN: 55,
+
+  /**
+   * EIGHT
+   */
+  EIGHT: 56,
+
+  /**
+   * NINE
+   */
+  NINE: 57,
+
+  /**
+   * QUESTION_MARK
+   */
+  QUESTION_MARK: 63,
+  // needs localization
+
+  /**
+   * A
+   */
+  A: 65,
+
+  /**
+   * B
+   */
+  B: 66,
+
+  /**
+   * C
+   */
+  C: 67,
+
+  /**
+   * D
+   */
+  D: 68,
+
+  /**
+   * E
+   */
+  E: 69,
+
+  /**
+   * F
+   */
+  F: 70,
+
+  /**
+   * G
+   */
+  G: 71,
+
+  /**
+   * H
+   */
+  H: 72,
+
+  /**
+   * I
+   */
+  I: 73,
+
+  /**
+   * J
+   */
+  J: 74,
+
+  /**
+   * K
+   */
+  K: 75,
+
+  /**
+   * L
+   */
+  L: 76,
+
+  /**
+   * M
+   */
+  M: 77,
+
+  /**
+   * N
+   */
+  N: 78,
+
+  /**
+   * O
+   */
+  O: 79,
+
+  /**
+   * P
+   */
+  P: 80,
+
+  /**
+   * Q
+   */
+  Q: 81,
+
+  /**
+   * R
+   */
+  R: 82,
+
+  /**
+   * S
+   */
+  S: 83,
+
+  /**
+   * T
+   */
+  T: 84,
+
+  /**
+   * U
+   */
+  U: 85,
+
+  /**
+   * V
+   */
+  V: 86,
+
+  /**
+   * W
+   */
+  W: 87,
+
+  /**
+   * X
+   */
+  X: 88,
+
+  /**
+   * Y
+   */
+  Y: 89,
+
+  /**
+   * Z
+   */
+  Z: 90,
+
+  /**
+   * META
+   */
+  META: 91,
+  // WIN_KEY_LEFT
+
+  /**
+   * WIN_KEY_RIGHT
+   */
+  WIN_KEY_RIGHT: 92,
+
+  /**
+   * CONTEXT_MENU
+   */
+  CONTEXT_MENU: 93,
+
+  /**
+   * NUM_ZERO
+   */
+  NUM_ZERO: 96,
+
+  /**
+   * NUM_ONE
+   */
+  NUM_ONE: 97,
+
+  /**
+   * NUM_TWO
+   */
+  NUM_TWO: 98,
+
+  /**
+   * NUM_THREE
+   */
+  NUM_THREE: 99,
+
+  /**
+   * NUM_FOUR
+   */
+  NUM_FOUR: 100,
+
+  /**
+   * NUM_FIVE
+   */
+  NUM_FIVE: 101,
+
+  /**
+   * NUM_SIX
+   */
+  NUM_SIX: 102,
+
+  /**
+   * NUM_SEVEN
+   */
+  NUM_SEVEN: 103,
+
+  /**
+   * NUM_EIGHT
+   */
+  NUM_EIGHT: 104,
+
+  /**
+   * NUM_NINE
+   */
+  NUM_NINE: 105,
+
+  /**
+   * NUM_MULTIPLY
+   */
+  NUM_MULTIPLY: 106,
+
+  /**
+   * NUM_PLUS
+   */
+  NUM_PLUS: 107,
+
+  /**
+   * NUM_MINUS
+   */
+  NUM_MINUS: 109,
+
+  /**
+   * NUM_PERIOD
+   */
+  NUM_PERIOD: 110,
+
+  /**
+   * NUM_DIVISION
+   */
+  NUM_DIVISION: 111,
+
+  /**
+   * F1
+   */
+  F1: 112,
+
+  /**
+   * F2
+   */
+  F2: 113,
+
+  /**
+   * F3
+   */
+  F3: 114,
+
+  /**
+   * F4
+   */
+  F4: 115,
+
+  /**
+   * F5
+   */
+  F5: 116,
+
+  /**
+   * F6
+   */
+  F6: 117,
+
+  /**
+   * F7
+   */
+  F7: 118,
+
+  /**
+   * F8
+   */
+  F8: 119,
+
+  /**
+   * F9
+   */
+  F9: 120,
+
+  /**
+   * F10
+   */
+  F10: 121,
+
+  /**
+   * F11
+   */
+  F11: 122,
+
+  /**
+   * F12
+   */
+  F12: 123,
+
+  /**
+   * NUMLOCK
+   */
+  NUMLOCK: 144,
+
+  /**
+   * SEMICOLON
+   */
+  SEMICOLON: 186,
+  // needs localization
+
+  /**
+   * DASH
+   */
+  DASH: 189,
+  // needs localization
+
+  /**
+   * EQUALS
+   */
+  EQUALS: 187,
+  // needs localization
+
+  /**
+   * COMMA
+   */
+  COMMA: 188,
+  // needs localization
+
+  /**
+   * PERIOD
+   */
+  PERIOD: 190,
+  // needs localization
+
+  /**
+   * SLASH
+   */
+  SLASH: 191,
+  // needs localization
+
+  /**
+   * APOSTROPHE
+   */
+  APOSTROPHE: 192,
+  // needs localization
+
+  /**
+   * SINGLE_QUOTE
+   */
+  SINGLE_QUOTE: 222,
+  // needs localization
+
+  /**
+   * OPEN_SQUARE_BRACKET
+   */
+  OPEN_SQUARE_BRACKET: 219,
+  // needs localization
+
+  /**
+   * BACKSLASH
+   */
+  BACKSLASH: 220,
+  // needs localization
+
+  /**
+   * CLOSE_SQUARE_BRACKET
+   */
+  CLOSE_SQUARE_BRACKET: 221,
+  // needs localization
+
+  /**
+   * WIN_KEY
+   */
+  WIN_KEY: 224,
+
+  /**
+   * MAC_FF_META
+   */
+  MAC_FF_META: 224,
+  // Firefox (Gecko) fires this for the meta key instead of 91
+
+  /**
+   * WIN_IME
+   */
+  WIN_IME: 229,
+  // ======================== Function ========================
+
+  /**
+   * whether text and modified key is entered at the same time.
+   */
+  isTextModifyingKeyEvent: function isTextModifyingKeyEvent(e) {
+    var keyCode = e.keyCode;
+
+    if (e.altKey && !e.ctrlKey || e.metaKey || // Function keys don't generate text
+    keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
+      return false;
+    } // The following keys are quite harmless, even in combination with
+    // CTRL, ALT or SHIFT.
+
+
+    switch (keyCode) {
+      case KeyCode.ALT:
+      case KeyCode.CAPS_LOCK:
+      case KeyCode.CONTEXT_MENU:
+      case KeyCode.CTRL:
+      case KeyCode.DOWN:
+      case KeyCode.END:
+      case KeyCode.ESC:
+      case KeyCode.HOME:
+      case KeyCode.INSERT:
+      case KeyCode.LEFT:
+      case KeyCode.MAC_FF_META:
+      case KeyCode.META:
+      case KeyCode.NUMLOCK:
+      case KeyCode.NUM_CENTER:
+      case KeyCode.PAGE_DOWN:
+      case KeyCode.PAGE_UP:
+      case KeyCode.PAUSE:
+      case KeyCode.PRINT_SCREEN:
+      case KeyCode.RIGHT:
+      case KeyCode.SHIFT:
+      case KeyCode.UP:
+      case KeyCode.WIN_KEY:
+      case KeyCode.WIN_KEY_RIGHT:
+        return false;
+
+      default:
+        return true;
+    }
+  },
+
+  /**
+   * whether character is entered.
+   */
+  isCharacterKey: function isCharacterKey(keyCode) {
+    if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {
+      return true;
+    }
+
+    if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {
+      return true;
+    }
+
+    if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {
+      return true;
+    } // Safari sends zero key code for non-latin characters.
+
+
+    if (window.navigator.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {
+      return true;
+    }
+
+    switch (keyCode) {
+      case KeyCode.SPACE:
+      case KeyCode.QUESTION_MARK:
+      case KeyCode.NUM_PLUS:
+      case KeyCode.NUM_MINUS:
+      case KeyCode.NUM_PERIOD:
+      case KeyCode.NUM_DIVISION:
+      case KeyCode.SEMICOLON:
+      case KeyCode.DASH:
+      case KeyCode.EQUALS:
+      case KeyCode.COMMA:
+      case KeyCode.PERIOD:
+      case KeyCode.SLASH:
+      case KeyCode.APOSTROPHE:
+      case KeyCode.SINGLE_QUOTE:
+      case KeyCode.OPEN_SQUARE_BRACKET:
+      case KeyCode.BACKSLASH:
+      case KeyCode.CLOSE_SQUARE_BRACKET:
+        return true;
+
+      default:
+        return false;
+    }
+  }
+};
+/* harmony default export */ __webpack_exports__["default"] = (KeyCode);
+
+/***/ }),
+
 /***/ "./components/_utils/arrayUtil.ts":
 /*!****************************************!*\
   !*** ./components/_utils/arrayUtil.ts ***!
@@ -646,7 +1306,7 @@ function intFormatMask(intMask, intValue) {
 /*!*************************************!*\
   !*** ./components/_utils/hooks.tsx ***!
   \*************************************/
-/*! exports provided: useOnClickOutside, useMergedState, usePrevious, useHideDocumentScrollBar, useResizeObserver */
+/*! exports provided: useOnClickOutside, useMergedState, usePrevious, useHideDocumentScrollBar, useOverflowHidden, useResizeObserver */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -655,6 +1315,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useMergedState", function() { return useMergedState; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "usePrevious", function() { return usePrevious; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHideDocumentScrollBar", function() { return useHideDocumentScrollBar; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useOverflowHidden", function() { return useOverflowHidden; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useResizeObserver", function() { return useResizeObserver; });
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);
@@ -682,12 +1343,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_11__);
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
-/* harmony import */ var _devwarning__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
+/* harmony import */ var _devwarning__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./devwarning */ "./components/_utils/devwarning.ts");
+
+
+
 
 
 
@@ -721,7 +1391,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  */
 
 function useOnClickOutside(refs, handler) {
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
     var listener = function listener(event) {
       var _iterator = _createForOfIteratorHelper(refs),
           _step;
@@ -775,7 +1445,7 @@ option) {
       onChange = _ref.onChange,
       postState = _ref.postState;
 
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_14__["useState"])(function () {
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(function () {
     if (value !== undefined) {
       return value;
     }
@@ -804,8 +1474,8 @@ option) {
     }
   }
 
-  var firstRenderRef = Object(react__WEBPACK_IMPORTED_MODULE_14__["useRef"])(true);
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  var firstRenderRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(true);
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
     if (firstRenderRef.current) {
       firstRenderRef.current = false;
       return;
@@ -825,14 +1495,14 @@ option) {
  */
 
 function usePrevious(value) {
-  var ref = Object(react__WEBPACK_IMPORTED_MODULE_14__["useRef"])(value);
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  var ref = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(value);
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
     ref.current = value;
   }, [value]);
   return ref.current;
 }
 function useHideDocumentScrollBar(visible, isBody, mask) {
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
     var isChange = false;
     var previousDocumentOverflow = document.documentElement.style.overflow;
 
@@ -848,14 +1518,59 @@ function useHideDocumentScrollBar(visible, isBody, mask) {
     };
   }, [visible, isBody, mask]);
 }
+function useOverflowHidden(container, hidden, allowDisable) {
+  var needResetContainerStyle = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(false);
+  var originContainerStyle = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])({});
+
+  var getScrollBarWidth = function getScrollBarWidth(element) {
+    return element.tagName === 'BODY' ? window.innerWidth - (document.body.clientWidth || document.documentElement.clientWidth) : element.offsetWidth - element.clientWidth;
+  };
+
+  var setContainerStyle = function setContainerStyle() {
+    if (container && container.style.overflow !== 'hidden') {
+      var originStyle = container.style;
+      needResetContainerStyle.current = true;
+      var containerScrollBarWidth = getScrollBarWidth(container);
+
+      if (containerScrollBarWidth) {
+        originContainerStyle.current.width = originStyle.width;
+        container.style.width = "calc(".concat(container.style.width || '100%', " - ").concat(containerScrollBarWidth, "px)");
+      }
+
+      originContainerStyle.current.overflow = originStyle.overflow;
+      container.style.overflow = 'hidden';
+    }
+  };
+
+  var resetContainerStyle = function resetContainerStyle() {
+    if (needResetContainerStyle.current && container) {
+      var originStyle = originContainerStyle.current;
+      Object.keys(originStyle).forEach(function (i) {
+        return container.style[i] = originStyle[i];
+      });
+    }
+
+    needResetContainerStyle.current = false;
+    originContainerStyle.current = {};
+  };
+
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+    if (!allowDisable) return;
+    hidden ? setContainerStyle() : resetContainerStyle();
+    return function () {
+      resetContainerStyle();
+    };
+  }, [container, hidden, allowDisable]);
+  return [resetContainerStyle, setContainerStyle];
+}
 function useResizeObserver(element, handler) {
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
     if (typeof element === 'function') {
       element = element();
     }
 
     if (!element) {
-      Object(_devwarning__WEBPACK_IMPORTED_MODULE_16__["default"])(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
+      Object(_devwarning__WEBPACK_IMPORTED_MODULE_19__["default"])(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
       return;
     }
 
@@ -886,7 +1601,7 @@ function useResizeObserver(element, handler) {
       handler && handler(rect);
     };
 
-    var resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_15__["default"](measure);
+    var resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_18__["default"](measure);
     resizeObserver && resizeObserver.observe(element);
     return function () {
       resizeObserver && resizeObserver.disconnect();
@@ -7915,7 +8630,8 @@ var compDefaultProps = {
     maskClosable: true,
     placement: 'right',
     width: 320,
-    zIndex: 1050
+    zIndex: 1050,
+    disableScroll: true
   },
   Empty: {},
   Filter: {
@@ -8864,22 +9580,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var date_fns_parse__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! date-fns/parse */ "./node_modules/date-fns/esm/parse/index.js");
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./context */ "./components/date-picker/context.tsx");
-/* harmony import */ var _date_panel__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./date-panel */ "./components/date-picker/date-panel.tsx");
-/* harmony import */ var _single_input_date__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./single/input-date */ "./components/date-picker/single/input-date.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./utils */ "./components/date-picker/utils/index.ts");
-/* harmony import */ var _hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./hooks/use-value-texts */ "./components/date-picker/hooks/use-value-texts.ts");
-/* harmony import */ var _hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./hooks/use-hover-value */ "./components/date-picker/hooks/use-hover-value.ts");
-/* harmony import */ var _utils_date_fns__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./utils/date-fns */ "./components/date-picker/utils/date-fns.ts");
-/* harmony import */ var _hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./hooks/use-text-value-mapping */ "./components/date-picker/hooks/use-text-value-mapping.ts");
-/* harmony import */ var _locale__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../locale */ "./components/locale/index.ts");
-/* harmony import */ var _utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./utils/get-extra-footer */ "./components/date-picker/utils/get-extra-footer.tsx");
-/* harmony import */ var _utils_get_ranges__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./utils/get-ranges */ "./components/date-picker/utils/get-ranges.tsx");
-/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./context */ "./components/date-picker/context.tsx");
+/* harmony import */ var _date_panel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./date-panel */ "./components/date-picker/date-panel.tsx");
+/* harmony import */ var _single_input_date__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./single/input-date */ "./components/date-picker/single/input-date.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./utils */ "./components/date-picker/utils/index.ts");
+/* harmony import */ var _hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./hooks/use-value-texts */ "./components/date-picker/hooks/use-value-texts.ts");
+/* harmony import */ var _hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./hooks/use-hover-value */ "./components/date-picker/hooks/use-hover-value.ts");
+/* harmony import */ var _utils_date_fns__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./utils/date-fns */ "./components/date-picker/utils/date-fns.ts");
+/* harmony import */ var _hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./hooks/use-text-value-mapping */ "./components/date-picker/hooks/use-text-value-mapping.ts");
+/* harmony import */ var _locale__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../locale */ "./components/locale/index.ts");
+/* harmony import */ var _utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./utils/get-extra-footer */ "./components/date-picker/utils/get-extra-footer.tsx");
+/* harmony import */ var _utils_get_ranges__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./utils/get-ranges */ "./components/date-picker/utils/get-ranges.tsx");
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
 
 
 
@@ -8912,19 +9627,18 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
-
 
 
 function DatePicker(props) {
   var customPrefixcls = props.prefixCls;
 
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__["default"]),
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
       getPrefixCls = _useContext.getPrefixCls,
       prefixCls = _useContext.prefixCls,
       userDefaultProps = _useContext.compDefaultProps,
       globalLocale = _useContext.locale;
 
-  var datePickerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_16__["getCompProps"])('DatePicker', userDefaultProps, props);
+  var datePickerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_15__["getCompProps"])('DatePicker', userDefaultProps, props);
   var datePickerPrefixCls = getPrefixCls(prefixCls, 'date-picker', customPrefixcls);
   var id = datePickerProps.id,
       style = datePickerProps.style,
@@ -8991,7 +9705,7 @@ function DatePicker(props) {
   // const seconds = generateUnits(0, 59, secondStep, disabledSeconds && disabledSeconds(originHour, minute))
 
   var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
-  var datePickerLang = locale ? Object(_locale__WEBPACK_IMPORTED_MODULE_25__["getCompLangMsg"])({
+  var datePickerLang = locale ? Object(_locale__WEBPACK_IMPORTED_MODULE_24__["getCompLangMsg"])({
     componentName: 'DatePicker'
   }, function (_componentName, label) {
     return locale[label];
@@ -9000,7 +9714,7 @@ function DatePicker(props) {
   }); // console.log(_format)
   // 原始数据
 
-  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])(null, {
+  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useMergedState"])(null, {
     value: value,
     defaultValue: defaultValue
   }),
@@ -9023,12 +9737,12 @@ function DatePicker(props) {
   var disabledTimePanel = false;
 
   if (picker === 'time' || picker === 'date' && showTime) {
-    originHour = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["getHours"])(selectedValue) : -1;
-    minute = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["getMinutes"])(selectedValue) : -1;
-    second = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["getSeconds"])(selectedValue) : -1;
-    hours = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["generateUnits"])(0, 23, hourStep, disabledHours && disabledHours());
-    minutes = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["generateUnits"])(0, 59, minuteStep, disabledMinutes && disabledMinutes(originHour));
-    seconds = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["generateUnits"])(0, 59, secondStep, disabledSeconds && disabledSeconds(originHour, minute));
+    originHour = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getHours"])(selectedValue) : -1;
+    minute = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getMinutes"])(selectedValue) : -1;
+    second = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getSeconds"])(selectedValue) : -1;
+    hours = Object(_utils__WEBPACK_IMPORTED_MODULE_19__["generateUnits"])(0, 23, hourStep, disabledHours && disabledHours());
+    minutes = Object(_utils__WEBPACK_IMPORTED_MODULE_19__["generateUnits"])(0, 59, minuteStep, disabledMinutes && disabledMinutes(originHour));
+    seconds = Object(_utils__WEBPACK_IMPORTED_MODULE_19__["generateUnits"])(0, 59, secondStep, disabledSeconds && disabledSeconds(originHour, minute));
 
     if (hours && !hours.find(function (n) {
       return !n.disabled;
@@ -9041,14 +9755,14 @@ function DatePicker(props) {
     }
   }
 
-  var _format = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getDefaultFormat"])(format, picker, showTime && !disabledTimePanel, use12Hours); // 面板展示日期
+  var _format = Object(_utils__WEBPACK_IMPORTED_MODULE_19__["getDefaultFormat"])(format, picker, showTime && !disabledTimePanel, use12Hours); // 面板展示日期
 
 
-  var _useMergedState3 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])(null, {
+  var _useMergedState3 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useMergedState"])(null, {
     // value: pickerValue,
     defaultValue: defaultPickerValue || dateValue,
     postState: function postState(date) {
-      return date || Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["newDate"])();
+      return date || Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["newDate"])();
     }
   }),
       _useMergedState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useMergedState3, 2),
@@ -9056,26 +9770,28 @@ function DatePicker(props) {
       setViewDate = _useMergedState4[1]; // text
 
 
-  var valueText = Object(_hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_21__["default"])(selectedValue, {
+  var valueText = Object(_hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_20__["default"])(selectedValue, {
     format: _format
   }); // input 展示
 
-  var _useTextValueMapping = Object(_hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_24__["default"])({
+  var _useTextValueMapping = Object(_hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_23__["default"])({
     valueText: valueText,
     onTextChange: function onTextChange(newText) {
-      // if (typeof _format !== 'function') {
-      var inputDate;
-
-      if (picker !== 'year') {
-        inputDate = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["parseDate"])(newText, _format);
-      } else {
-        var year = Object(date_fns_parse__WEBPACK_IMPORTED_MODULE_13__["default"])(newText, _format, Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["newDate"])());
-        inputDate = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isValid"])(year) ? year : null;
-      }
-
-      if (inputDate && (!disabledDate || !disabledDate(inputDate))) {
-        setSelectedValue(inputDate);
-        setViewDate(inputDate);
+      if (newText === '') {
+        setSelectedValue(null);
+        setDateValue(null);
+      } else if (newText && newText.length === _format.length) {
+        var inputTempDate = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["parseDate"])(newText, _format);
+
+        if (inputTempDate && (!disabledDate || !disabledDate(inputTempDate))) {
+          if (picker !== 'year') {
+            setSelectedValue(inputTempDate);
+            setDateValue(inputTempDate);
+          } else if (Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["isValid"])(inputTempDate)) {
+            setSelectedValue(inputTempDate);
+            setDateValue(inputTempDate);
+          }
+        }
       }
     }
   }),
@@ -9084,7 +9800,7 @@ function DatePicker(props) {
       triggerTextChange = _useTextValueMapping2[1],
       resetText = _useTextValueMapping2[2];
 
-  var _useHoverValue = Object(_hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_22__["default"])(text, {
+  var _useHoverValue = Object(_hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_21__["default"])(text, {
     format: _format
   }),
       _useHoverValue2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useHoverValue, 3),
@@ -9092,7 +9808,7 @@ function DatePicker(props) {
       onEnter = _useHoverValue2[1],
       onLeave = _useHoverValue2[2];
 
-  var _useMergedState5 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])(false, {
+  var _useMergedState5 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useMergedState"])(false, {
     value: open,
     defaultValue: defaultOpen,
     postState: function postState(postOpen) {
@@ -9112,12 +9828,12 @@ function DatePicker(props) {
       triggerInnerOpen = _useMergedState6[1]; // Save panel is changed from which panel
 
 
-  var _useMergedState7 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])(function () {
+  var _useMergedState7 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useMergedState"])(function () {
     if (picker === 'time') {
       return 'time';
     }
 
-    return Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getInternalNextMode"])('date', picker);
+    return Object(_utils__WEBPACK_IMPORTED_MODULE_19__["getInternalNextMode"])('date', picker);
   }, {
     value: mode
   }),
@@ -9149,8 +9865,8 @@ function DatePicker(props) {
   Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
     setSelectedValue(dateValue);
   }, [dateValue]);
-  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useOnClickOutside"])([popperRef, inputDivRef], function () {
-    setViewDate(selectedValue || Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["newDate"])());
+  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useOnClickOutside"])([popperRef, inputDivRef], function () {
+    setViewDate(selectedValue || Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["newDate"])());
     triggerOpen(false);
   });
 
@@ -9162,8 +9878,8 @@ function DatePicker(props) {
       onSelect(newValue);
     }
 
-    if (onChange && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isEqual"])(dateValue, newValue)) {
-      onChange(newValue, newValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["formatDate"])(newValue, _format) : '');
+    if (onChange && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["isEqual"])(dateValue, newValue)) {
+      onChange(newValue, newValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["formatDate"])(newValue, _format) : '');
     }
   };
 
@@ -9187,9 +9903,9 @@ function DatePicker(props) {
   };
 
   var onNow = function onNow() {
-    var now = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["newDate"])();
-    var lowerBoundTime = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["getLowerBoundTime"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["getHours"])(now), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["getMinutes"])(now), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["getSeconds"])(now), isHourStepValid ? hourStep : 1, isMinuteStepValid ? minuteStep : 1, isSecondStepValid ? secondStep : 1);
-    var adjustedNow = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["setTime"])(now, {
+    var now = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["newDate"])();
+    var lowerBoundTime = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getLowerBoundTime"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getHours"])(now), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getMinutes"])(now), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getSeconds"])(now), isHourStepValid ? hourStep : 1, isMinuteStepValid ? minuteStep : 1, isSecondStepValid ? secondStep : 1);
+    var adjustedNow = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["setTime"])(now, {
       hour: lowerBoundTime[0],
       minute: lowerBoundTime[1],
       second: lowerBoundTime[2]
@@ -9202,8 +9918,8 @@ function DatePicker(props) {
     onContextSelect(adjustedNow, 'submit');
   };
 
-  var extraFooter = Object(_utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_26__["default"])(datePickerPrefixCls, mergedMode, renderExtraFooter);
-  var rangesNode = Object(_utils_get_ranges__WEBPACK_IMPORTED_MODULE_27__["default"])({
+  var extraFooter = Object(_utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_25__["default"])(datePickerPrefixCls, mergedMode, renderExtraFooter);
+  var rangesNode = Object(_utils_get_ranges__WEBPACK_IMPORTED_MODULE_26__["default"])({
     prefixCls: datePickerPrefixCls,
     components: components,
     needConfirmButton: needConfirmButton,
@@ -9224,7 +9940,7 @@ function DatePicker(props) {
   var todayNode;
 
   if (showToday && mergedMode === 'date' && picker === 'date' && !showTime) {
-    var now = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["newDate"])();
+    var now = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["newDate"])();
     var todayCls = "".concat(datePickerPrefixCls, "-today-btn");
 
     var _disabled = disabledDate && disabledDate(now);
@@ -9247,13 +9963,13 @@ function DatePicker(props) {
 
 
   function renderPanel() {
-    var panelNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_date_panel__WEBPACK_IMPORTED_MODULE_18__["default"], panelProps);
+    var panelNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_date_panel__WEBPACK_IMPORTED_MODULE_17__["default"], panelProps);
 
     if (panelRender) {
       panelNode = panelRender(panelNode);
     }
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_17__["default"].Provider, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_16__["default"].Provider, {
       value: {
         hours: hours,
         minutes: minutes,
@@ -9302,7 +10018,7 @@ function DatePicker(props) {
     readOnly: inputReadOnly,
     prefixCls: datePickerPrefixCls,
     locale: datePickerLang,
-    dataOrAriaProps: Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getDataOrAriaProps"])(datePickerProps),
+    dataOrAriaProps: Object(_utils__WEBPACK_IMPORTED_MODULE_19__["getDataOrAriaProps"])(datePickerProps),
     disabledDate: disabledDate,
     onFocus: onFocus,
     onBlur: onBlur,
@@ -9318,7 +10034,7 @@ function DatePicker(props) {
     triggerChange: triggerChange,
     resetText: resetText
   };
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_28__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_single_input_date__WEBPACK_IMPORTED_MODULE_19__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_27__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_single_input_date__WEBPACK_IMPORTED_MODULE_18__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
     ref: inputDivRef
   }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
     ref: popperRef,
@@ -9425,10 +10141,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return usePickerInput; });
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);
-/* 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 core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_2__);
+/* 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 _utils_KeyCode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_utils/KeyCode */ "./components/_utils/KeyCode.ts");
+
+
+
 
- // import KeyCode from '../../_utils/KeyCode'
 
 function usePickerInput(_ref) {
   var preventBlurRef = _ref.preventBlurRef,
@@ -9442,58 +10165,61 @@ function usePickerInput(_ref) {
       _onFocus = _ref.onFocus,
       _onBlur = _ref.onBlur;
 
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(false),
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(false),
       _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
       typing = _useState2[0],
       setTyping = _useState2[1];
 
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(false),
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(false),
       _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),
       focused = _useState4[0],
       setFocused = _useState4[1];
 
-  var valueChangedRef = Object(react__WEBPACK_IMPORTED_MODULE_1__["useRef"])(false);
+  var valueChangedRef = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])(false);
   var inputProps = {
     onMouseDown: function onMouseDown() {
       setTyping(true);
       triggerOpen(true);
     },
-    // onKeyDown: (e) => {
-    //   switch (e.which) {
-    //     case KeyCode.ENTER: {
-    //       if (!open) {
-    //         triggerOpen(true)
-    //       } else if (onSubmit() !== false) {
-    //         setTyping(true)
-    //       }
-    //       e.preventDefault()
-    //       return
-    //     }
-    //     case KeyCode.TAB: {
-    //       if (typing && open && !e.shiftKey) {
-    //         setTyping(false)
-    //         e.preventDefault()
-    //       } else if (!typing && open) {
-    //         if (!forwardKeyDown(e) && e.shiftKey) {
-    //           setTyping(true)
-    //           e.preventDefault()
-    //         }
-    //       }
-    //       return
-    //     }
-    //     case KeyCode.ESC: {
-    //       setTyping(true)
-    //       onCancel()
-    //       return
-    //     }
-    //   }
-    //   if (!open && ![KeyCode.SHIFT].includes(e.which)) {
-    //     triggerOpen(true)
-    //   } else if (!typing) {
-    //     // Let popup panel handle keyboard
-    //     forwardKeyDown(e)
-    //   }
-    // },
+    onKeyDown: function onKeyDown(e) {
+      setTyping(true);
+      triggerOpen(true);
+
+      switch (e.which) {
+        case _utils_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].ENTER:
+          {
+            if (!open) {
+              triggerOpen(true);
+            } else if (onSubmit() !== false) {
+              setTyping(true);
+            }
+
+            e.preventDefault();
+            return;
+          }
+
+        case _utils_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].TAB:
+          {
+            if (typing && open && !e.shiftKey) {
+              setTyping(false);
+              e.preventDefault();
+            }
+
+            return;
+          }
+
+        case _utils_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].ESC:
+          {
+            setTyping(true);
+            onCancel();
+            return;
+          }
+      }
+
+      if (!open && ![_utils_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].SHIFT].includes(e.which)) {
+        triggerOpen(true);
+      }
+    },
     onFocus: function onFocus(e) {
       setTyping(true);
       setFocused(true);
@@ -9530,10 +10256,10 @@ function usePickerInput(_ref) {
     }
   }; // check if value changed
 
-  Object(react__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
     valueChangedRef.current = false;
   }, [open]);
-  Object(react__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
     valueChangedRef.current = true;
   }, [value]);
   return [inputProps, {
@@ -11435,26 +12161,25 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__);
 /* harmony import */ var date_fns_isSameWeek__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! date-fns/isSameWeek */ "./node_modules/date-fns/esm/isSameWeek/index.js");
-/* harmony import */ var date_fns_parse__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! date-fns/parse */ "./node_modules/date-fns/esm/parse/index.js");
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./context */ "./components/date-picker/context.tsx");
-/* harmony import */ var _date_panel__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./date-panel */ "./components/date-picker/date-panel.tsx");
-/* harmony import */ var _range_input_range__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./range/input-range */ "./components/date-picker/range/input-range.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils */ "./components/date-picker/utils/index.ts");
-/* harmony import */ var _hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./hooks/use-value-texts */ "./components/date-picker/hooks/use-value-texts.ts");
-/* harmony import */ var _hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./hooks/use-hover-value */ "./components/date-picker/hooks/use-hover-value.ts");
-/* harmony import */ var _utils_date_fns__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./utils/date-fns */ "./components/date-picker/utils/date-fns.ts");
-/* harmony import */ var _hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./hooks/use-text-value-mapping */ "./components/date-picker/hooks/use-text-value-mapping.ts");
-/* harmony import */ var _hooks_use_range_view_dates__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./hooks/use-range-view-dates */ "./components/date-picker/hooks/use-range-view-dates.ts");
-/* harmony import */ var _locale__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../locale */ "./components/locale/index.ts");
-/* harmony import */ var _hooks_use_range_disabled__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./hooks/use-range-disabled */ "./components/date-picker/hooks/use-range-disabled.ts");
-/* harmony import */ var _utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./utils/get-extra-footer */ "./components/date-picker/utils/get-extra-footer.tsx");
-/* harmony import */ var _utils_get_ranges__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./utils/get-ranges */ "./components/date-picker/utils/get-ranges.tsx");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_31___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_31__);
-/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./context */ "./components/date-picker/context.tsx");
+/* harmony import */ var _date_panel__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./date-panel */ "./components/date-picker/date-panel.tsx");
+/* harmony import */ var _range_input_range__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./range/input-range */ "./components/date-picker/range/input-range.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./utils */ "./components/date-picker/utils/index.ts");
+/* harmony import */ var _hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./hooks/use-value-texts */ "./components/date-picker/hooks/use-value-texts.ts");
+/* harmony import */ var _hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./hooks/use-hover-value */ "./components/date-picker/hooks/use-hover-value.ts");
+/* harmony import */ var _utils_date_fns__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./utils/date-fns */ "./components/date-picker/utils/date-fns.ts");
+/* harmony import */ var _hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./hooks/use-text-value-mapping */ "./components/date-picker/hooks/use-text-value-mapping.ts");
+/* harmony import */ var _hooks_use_range_view_dates__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./hooks/use-range-view-dates */ "./components/date-picker/hooks/use-range-view-dates.ts");
+/* harmony import */ var _locale__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../locale */ "./components/locale/index.ts");
+/* harmony import */ var _hooks_use_range_disabled__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./hooks/use-range-disabled */ "./components/date-picker/hooks/use-range-disabled.ts");
+/* harmony import */ var _utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./utils/get-extra-footer */ "./components/date-picker/utils/get-extra-footer.tsx");
+/* harmony import */ var _utils_get_ranges__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./utils/get-ranges */ "./components/date-picker/utils/get-ranges.tsx");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_30___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_30__);
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
 
 
 
@@ -11489,14 +12214,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
-
 
 
  // type RangePickerProps = RangeDateProps | RangeMonthProps | RangeWeekProps | RangeQuarterProps | RangeYearProps
 
 // 范围时间顺序错误时重新排序
 function reorderValues(values) {
-  if (values && values[0] && values[1] && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["isAfter"])(values[0], values[1])) {
+  if (values && values[0] && values[1] && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isAfter"])(values[0], values[1])) {
     return [values[1], values[0]];
   }
 
@@ -11505,7 +12229,7 @@ function reorderValues(values) {
 
 
 function isErrorValues(values) {
-  if (values && values[0] && values[1] && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["isAfter"])(values[0], values[1])) {
+  if (values && values[0] && values[1] && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isAfter"])(values[0], values[1])) {
     console.error('开始日期在结束日期之后');
     return true;
   }
@@ -11533,13 +12257,13 @@ function canValueTrigger(value, index, disabled, allowEmpty) {
 function DatePicker(props) {
   var customPrefixcls = props.prefixCls;
 
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_12__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_15__["default"]),
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_12__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__["default"]),
       getPrefixCls = _useContext.getPrefixCls,
       prefixCls = _useContext.prefixCls,
       userDefaultProps = _useContext.compDefaultProps,
       globalLocale = _useContext.locale;
 
-  var datePickerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_17__["getCompProps"])('RangePicker', userDefaultProps, props);
+  var datePickerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_16__["getCompProps"])('RangePicker', userDefaultProps, props);
   var datePickerPrefixCls = getPrefixCls(prefixCls, 'date-picker', customPrefixcls);
   var _ref = datePickerProps,
       allowClear = _ref.allowClear,
@@ -11587,7 +12311,7 @@ function DatePicker(props) {
       onBlur = _ref.onBlur,
       _onOk = _ref.onOk;
   var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
-  var datePickerLang = locale ? Object(_locale__WEBPACK_IMPORTED_MODULE_27__["getCompLangMsg"])({
+  var datePickerLang = locale ? Object(_locale__WEBPACK_IMPORTED_MODULE_26__["getCompLangMsg"])({
     componentName: 'DatePicker'
   }, function (_componentName, label) {
     return locale[label];
@@ -11612,17 +12336,17 @@ function DatePicker(props) {
     return [disabled || false, disabled || false];
   }, [disabled]);
 
-  var _format = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getDefaultFormat"])(format, picker, showTime, use12Hours); // Active picker
+  var _format = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getDefaultFormat"])(format, picker, showTime, use12Hours); // Active picker
 
 
-  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_16__["useMergedState"])(0, {// value: activePickerIndex,
+  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])(0, {// value: activePickerIndex,
   }),
       _useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useMergedState, 2),
       mergedActivePickerIndex = _useMergedState2[0],
       setMergedActivePickerIndex = _useMergedState2[1]; // 原始数据
 
 
-  var _useMergedState3 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_16__["useMergedState"])(null, {
+  var _useMergedState3 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])(null, {
     value: value,
     defaultValue: defaultValue,
     postState: function postState(values) {
@@ -11642,7 +12366,7 @@ function DatePicker(props) {
       setInnerValue = _useMergedState4[1]; // 选中的数据
 
 
-  var _useMergedState5 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_16__["useMergedState"])(null, {
+  var _useMergedState5 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])(null, {
     defaultValue: dateValue,
     postState: function postState(values) {
       var postValues = values;
@@ -11654,8 +12378,8 @@ function DatePicker(props) {
 
       // Fill disabled unit
       for (var i = 0; i < 2; i++) {
-        if (mergedDisabled[i] && !Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(postValues, i) && !Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(allowEmpty, i)) {
-          postValues = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["updateValues"])(postValues, Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["newDate"])(), i);
+        if (mergedDisabled[i] && !Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(postValues, i) && !Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(allowEmpty, i)) {
+          postValues = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["updateValues"])(postValues, Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["newDate"])(), i);
         }
       }
 
@@ -11680,14 +12404,14 @@ function DatePicker(props) {
     second = -1;
 
     if (selectedValue && selectedValue[mergedActivePickerIndex]) {
-      originHour = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["getHours"])(selectedValue[mergedActivePickerIndex]);
-      minute = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["getMinutes"])(selectedValue[mergedActivePickerIndex]) : -1;
-      second = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["getSeconds"])(selectedValue[mergedActivePickerIndex]) : -1;
+      originHour = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["getHours"])(selectedValue[mergedActivePickerIndex]);
+      minute = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["getMinutes"])(selectedValue[mergedActivePickerIndex]) : -1;
+      second = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["getSeconds"])(selectedValue[mergedActivePickerIndex]) : -1;
     }
 
-    hours = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["generateUnits"])(0, 23, hourStep, disabledHours && disabledHours());
-    minutes = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["generateUnits"])(0, 59, minuteStep, disabledMinutes && disabledMinutes(originHour));
-    seconds = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["generateUnits"])(0, 59, secondStep, disabledSeconds && disabledSeconds(originHour, minute));
+    hours = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["generateUnits"])(0, 23, hourStep, disabledHours && disabledHours());
+    minutes = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["generateUnits"])(0, 59, minuteStep, disabledMinutes && disabledMinutes(originHour));
+    seconds = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["generateUnits"])(0, 59, secondStep, disabledSeconds && disabledSeconds(originHour, minute));
 
     if (hours && !hours.find(function (n) {
       return !n.disabled;
@@ -11701,7 +12425,7 @@ function DatePicker(props) {
   } // 面板展示日期
 
 
-  var _useRangeViewDates = Object(_hooks_use_range_view_dates__WEBPACK_IMPORTED_MODULE_26__["default"])({
+  var _useRangeViewDates = Object(_hooks_use_range_view_dates__WEBPACK_IMPORTED_MODULE_25__["default"])({
     values: dateValue,
     picker: picker,
     defaultDates: defaultPickerValue
@@ -11711,33 +12435,45 @@ function DatePicker(props) {
       setViewDate = _useRangeViewDates2[1]; // text
 
 
-  var startValueTexts = Object(_hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_22__["default"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(selectedValue, 0), {
+  var startValueTexts = Object(_hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_21__["default"])(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(selectedValue, 0), {
     format: _format
   });
-  var endValueTexts = Object(_hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_22__["default"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(selectedValue, 1), {
+  var endValueTexts = Object(_hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_21__["default"])(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(selectedValue, 1), {
     format: _format
   });
 
   var _onTextChange = function onTextChange(newText, index) {
-    var inputDate;
+    var inputTempDate;
 
-    if (picker !== 'year') {
-      inputDate = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["parseDate"])(newText, _format);
-    } else {
-      var year = Object(date_fns_parse__WEBPACK_IMPORTED_MODULE_14__["default"])(newText, _format, Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["newDate"])());
-      inputDate = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["isValid"])(year) ? year : null;
-    }
+    if (newText === '') {
+      if (index === 0 && selectedValue && selectedValue.length === 2) {
+        inputTempDate = selectedValue[1];
+      } else if (index === 1 && selectedValue && selectedValue.length === 2) {
+        inputTempDate = selectedValue[0];
+      }
 
-    var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
+      if (inputTempDate) {
+        setSelectedValue(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["updateValues"])(selectedValue, inputTempDate, index));
+        setViewDate(inputTempDate, index);
+      }
+    } else if (newText && newText.length === _format.length) {
+      inputTempDate = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["parseDate"])(newText, _format);
+      var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
 
-    if (inputDate && (!disabledFunc || !disabledFunc(inputDate))) {
-      setSelectedValue(Object(_utils__WEBPACK_IMPORTED_MODULE_21__["updateValues"])(selectedValue, inputDate, index));
-      setViewDate(inputDate, index);
+      if (inputTempDate && (!disabledFunc || !disabledFunc(inputTempDate))) {
+        if (picker !== 'year') {
+          setSelectedValue(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["updateValues"])(selectedValue, inputTempDate, index));
+          setViewDate(inputTempDate, index);
+        } else if (Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isValid"])(inputTempDate)) {
+          setSelectedValue(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["updateValues"])(selectedValue, inputTempDate, index));
+          setViewDate(inputTempDate, index);
+        }
+      }
     }
   }; // input 展示
 
 
-  var _useTextValueMapping = Object(_hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_25__["default"])({
+  var _useTextValueMapping = Object(_hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_24__["default"])({
     valueText: startValueTexts,
     onTextChange: function onTextChange(newText) {
       return _onTextChange(newText, 0);
@@ -11748,7 +12484,7 @@ function DatePicker(props) {
       triggerStartTextChange = _useTextValueMapping2[1],
       resetStartText = _useTextValueMapping2[2];
 
-  var _useTextValueMapping3 = Object(_hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_25__["default"])({
+  var _useTextValueMapping3 = Object(_hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_24__["default"])({
     valueText: endValueTexts,
     onTextChange: function onTextChange(newText) {
       return _onTextChange(newText, 1);
@@ -11764,7 +12500,7 @@ function DatePicker(props) {
       hoverRangedValue = _React$useState2[0],
       setHoverRangedValue = _React$useState2[1];
 
-  var _useHoverValue = Object(_hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_23__["default"])(startText, {
+  var _useHoverValue = Object(_hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_22__["default"])(startText, {
     format: _format
   }),
       _useHoverValue2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useHoverValue, 3),
@@ -11772,7 +12508,7 @@ function DatePicker(props) {
       onStartEnter = _useHoverValue2[1],
       onStartLeave = _useHoverValue2[2];
 
-  var _useHoverValue3 = Object(_hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_23__["default"])(endText, {
+  var _useHoverValue3 = Object(_hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_22__["default"])(endText, {
     format: _format
   }),
       _useHoverValue4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useHoverValue3, 3),
@@ -11780,7 +12516,7 @@ function DatePicker(props) {
       onEndEnter = _useHoverValue4[1],
       onEndLeave = _useHoverValue4[2];
 
-  var _useMergedState7 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_16__["useMergedState"])(false, {
+  var _useMergedState7 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])(false, {
     value: open,
     defaultValue: defaultOpen,
     postState: function postState(postOpen) {
@@ -11799,7 +12535,7 @@ function DatePicker(props) {
   var startOpen = mergedOpen && mergedActivePickerIndex === 0;
   var endOpen = mergedOpen && mergedActivePickerIndex === 1;
 
-  var _useMergedState9 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_16__["useMergedState"])([picker, picker], {
+  var _useMergedState9 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])([picker, picker], {
     value: mode
   }),
       _useMergedState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useMergedState9, 2),
@@ -11816,7 +12552,7 @@ function DatePicker(props) {
   // }
   // ========================= Disable Date ==========================
 
-  var _useRangeDisabled = Object(_hooks_use_range_disabled__WEBPACK_IMPORTED_MODULE_28__["default"])({
+  var _useRangeDisabled = Object(_hooks_use_range_disabled__WEBPACK_IMPORTED_MODULE_27__["default"])({
     picker: picker,
     selectedValue: selectedValue,
     disabled: mergedDisabled,
@@ -11867,14 +12603,14 @@ function DatePicker(props) {
 
   var triggerChange = function triggerChange(newValue, sourceIndex) {
     var values = newValue;
-    var startValue = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(values, 0);
-    var endValue = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(values, 1); // >>>>> Format start & end values
+    var startValue = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(values, 0);
+    var endValue = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(values, 1); // >>>>> Format start & end values
 
-    if (startValue && endValue && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["isAfter"])(startValue, endValue)) {
+    if (startValue && endValue && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isAfter"])(startValue, endValue)) {
       if ( // WeekPicker only compare week
       picker === 'week' && !Object(date_fns_isSameWeek__WEBPACK_IMPORTED_MODULE_13__["default"])(startValue, endValue) || // QuotaPicker only compare week
-      picker === 'quarter' && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["isSameQuarter"])(startValue, endValue) || // Other non-TimePicker compare date
-      picker !== 'week' && picker !== 'quarter' && picker !== 'time' && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["isSameDay"])(startValue, endValue)) {
+      picker === 'quarter' && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isSameQuarter"])(startValue, endValue) || // Other non-TimePicker compare date
+      picker !== 'week' && picker !== 'quarter' && picker !== 'time' && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isSameDay"])(startValue, endValue)) {
         // Clean up end date when start date is after end date
         if (sourceIndex === 0) {
           values = [startValue, null];
@@ -11893,8 +12629,8 @@ function DatePicker(props) {
     }
 
     setSelectedValue(values);
-    var startStr = values && values[0] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["formatDate"])(values[0], _format) : '';
-    var endStr = values && values[1] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["formatDate"])(values[1], _format) : ''; // 外部回调
+    var startStr = values && values[0] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["formatDate"])(values[0], _format) : '';
+    var endStr = values && values[1] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["formatDate"])(values[1], _format) : ''; // 外部回调
 
     if (onCalendarChange) {
       var _info = {
@@ -11911,7 +12647,7 @@ function DatePicker(props) {
       // Trigger onChange only when value is validate
       setInnerValue(values);
 
-      if (onChange && (!Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["isEqual"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(selectedValue, 0), startValue) || !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["isEqual"])(Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(selectedValue, 1), endValue))) {
+      if (onChange && (!Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isEqual"])(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(selectedValue, 0), startValue) || !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isEqual"])(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(selectedValue, 1), endValue))) {
         onChange(values, [startStr, endStr]);
       }
     } // >>>>> Open picker when
@@ -11926,7 +12662,7 @@ function DatePicker(props) {
       nextOpenIndex = 0;
     }
 
-    if (nextOpenIndex !== null && nextOpenIndex !== mergedActivePickerIndex && (!openRecordsRef.current[nextOpenIndex] || !Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(values, nextOpenIndex)) && Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(values, sourceIndex)) {
+    if (nextOpenIndex !== null && nextOpenIndex !== mergedActivePickerIndex && (!openRecordsRef.current[nextOpenIndex] || !Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(values, nextOpenIndex)) && Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(values, sourceIndex)) {
       // Delay to focus to avoid input blur trigger expired selectedValues
       triggerOpenAndFocus(nextOpenIndex);
     } else {
@@ -11934,14 +12670,14 @@ function DatePicker(props) {
     }
   };
 
-  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_16__["useOnClickOutside"])([popperRef, inputDivRef], function () {
+  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useOnClickOutside"])([popperRef, inputDivRef], function () {
     setViewDate(null, 0);
     setViewDate(null, 1);
     setHoverRangedValue([null, null]);
   });
 
   var onSelect = function onSelect(date, type) {
-    var values = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["updateValues"])(selectedValue, date, mergedActivePickerIndex);
+    var values = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["updateValues"])(selectedValue, date, mergedActivePickerIndex);
 
     if (type === 'submit' || type !== 'key' && !needConfirmButton) {
       // triggerChange will also update selected values
@@ -11958,7 +12694,7 @@ function DatePicker(props) {
   };
 
   var onDateMouseEnter = function onDateMouseEnter(date) {
-    setHoverRangedValue(Object(_utils__WEBPACK_IMPORTED_MODULE_21__["updateValues"])(selectedValue, date, mergedActivePickerIndex));
+    setHoverRangedValue(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["updateValues"])(selectedValue, date, mergedActivePickerIndex));
 
     if (mergedActivePickerIndex === 0) {
       onStartEnter(date);
@@ -11977,8 +12713,8 @@ function DatePicker(props) {
     setHoverRangedValue([null, null]);
   };
 
-  var startStr = dateValue && dateValue[0] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["formatDate"])(dateValue[0], 'YYYYMMDDHHmmss') : '';
-  var endStr = dateValue && dateValue[1] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_24__["formatDate"])(dateValue[1], 'YYYYMMDDHHmmss') : '';
+  var startStr = dateValue && dateValue[0] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["formatDate"])(dateValue[0], 'YYYYMMDDHHmmss') : '';
+  var endStr = dateValue && dateValue[1] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["formatDate"])(dateValue[1], 'YYYYMMDDHHmmss') : '';
   Object(react__WEBPACK_IMPORTED_MODULE_12__["useEffect"])(function () {
     if (!mergedOpen) {
       setSelectedValue(dateValue);
@@ -12004,19 +12740,19 @@ function DatePicker(props) {
       disabledDate: mergedActivePickerIndex === 0 ? disabledStartDate : disabledEndDate
     });
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_date_panel__WEBPACK_IMPORTED_MODULE_19__["default"], panelProps);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_date_panel__WEBPACK_IMPORTED_MODULE_18__["default"], panelProps);
   };
 
-  var extraNode = Object(_utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_29__["default"])(datePickerPrefixCls, mergedModes[mergedActivePickerIndex], renderExtraFooter);
-  var rangesNode = Object(_utils_get_ranges__WEBPACK_IMPORTED_MODULE_30__["default"])({
+  var extraNode = Object(_utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_28__["default"])(datePickerPrefixCls, mergedModes[mergedActivePickerIndex], renderExtraFooter);
+  var rangesNode = Object(_utils_get_ranges__WEBPACK_IMPORTED_MODULE_29__["default"])({
     prefixCls: datePickerPrefixCls,
     components: components,
     needConfirmButton: needConfirmButton,
-    okDisabled: !Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(selectedValue, mergedActivePickerIndex) || !!(selectedValue && selectedValue[mergedActivePickerIndex] && disabledDate && disabledDate(selectedValue[mergedActivePickerIndex])),
+    okDisabled: !Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(selectedValue, mergedActivePickerIndex) || !!(selectedValue && selectedValue[mergedActivePickerIndex] && disabledDate && disabledDate(selectedValue[mergedActivePickerIndex])),
     locale: datePickerLang,
     // rangeList,
     onOk: function onOk() {
-      if (Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getValue"])(selectedValue, mergedActivePickerIndex)) {
+      if (Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(selectedValue, mergedActivePickerIndex)) {
         // triggerChangeOld(selectedValue);
         triggerChange(selectedValue, mergedActivePickerIndex);
 
@@ -12032,8 +12768,8 @@ function DatePicker(props) {
     var viewDate = getViewDate(mergedActivePickerIndex);
 
     if (picker !== 'time' && !showTime) {
-      var nextViewDate = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getClosingViewDate"])(viewDate, picker, 1, yearItemNumber);
-      var leftPanel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_18__["default"].Provider, {
+      var nextViewDate = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getClosingViewDate"])(viewDate, picker, 1, yearItemNumber);
+      var leftPanel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_17__["default"].Provider, {
         value: {
           hoverRangedValue: hoverRangedValue,
           panelPosition: 'left',
@@ -12048,7 +12784,7 @@ function DatePicker(props) {
           onDateMouseLeave: onDateMouseLeave
         }
       }, renderPanel());
-      var rightPanel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_18__["default"].Provider, {
+      var rightPanel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_17__["default"].Provider, {
         value: {
           hoverRangedValue: hoverRangedValue,
           panelPosition: 'right',
@@ -12064,10 +12800,10 @@ function DatePicker(props) {
         }
       }, renderPanel());
       panels = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_31___default()("".concat(datePickerPrefixCls, "-container-date"))
+        className: classnames__WEBPACK_IMPORTED_MODULE_30___default()("".concat(datePickerPrefixCls, "-container-date"))
       }, leftPanel, rightPanel);
     } else {
-      panels = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_18__["default"].Provider, {
+      panels = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_17__["default"].Provider, {
         value: {
           hours: hours,
           minutes: minutes,
@@ -12086,7 +12822,7 @@ function DatePicker(props) {
           onDateMouseEnter: onDateMouseEnter,
           onDateMouseLeave: onDateMouseLeave
         }
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_date_panel__WEBPACK_IMPORTED_MODULE_19__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({}, datePickerProps, {
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_date_panel__WEBPACK_IMPORTED_MODULE_18__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({}, datePickerProps, {
         disabledDate: mergedActivePickerIndex === 0 ? disabledStartDate : disabledEndDate
       })));
     }
@@ -12152,7 +12888,7 @@ function DatePicker(props) {
     readOnly: inputReadOnly,
     prefixCls: datePickerPrefixCls,
     locale: datePickerLang,
-    dataOrAriaProps: Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getDataOrAriaProps"])(datePickerProps),
+    dataOrAriaProps: Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getDataOrAriaProps"])(datePickerProps),
     resetStartText: resetStartText,
     resetEndText: resetEndText,
     triggerStartTextChange: triggerStartTextChange,
@@ -12187,12 +12923,12 @@ function DatePicker(props) {
 
       if (rangeArray.length) {
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
-          className: classnames__WEBPACK_IMPORTED_MODULE_31___default()("".concat(datePickerPrefixCls, "-ranges"))
+          className: classnames__WEBPACK_IMPORTED_MODULE_30___default()("".concat(datePickerPrefixCls, "-ranges"))
         }, rangeArray.map(function (_ref2) {
           var key = _ref2.key,
               newValue = _ref2.newValue;
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
-            className: classnames__WEBPACK_IMPORTED_MODULE_31___default()("".concat(datePickerPrefixCls, "-ranges-item")),
+            className: classnames__WEBPACK_IMPORTED_MODULE_30___default()("".concat(datePickerPrefixCls, "-ranges-item")),
             key: key,
             onClick: function onClick() {
               triggerChange(newValue, 1);
@@ -12211,14 +12947,14 @@ function DatePicker(props) {
     return null;
   };
 
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_32__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_range_input_range__WEBPACK_IMPORTED_MODULE_20__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_31__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_range_input_range__WEBPACK_IMPORTED_MODULE_19__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({
     ref: inputDivRef
   }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
     ref: popperRef,
     onMouseDown: function onMouseDown(e) {
       e.preventDefault();
     },
-    className: classnames__WEBPACK_IMPORTED_MODULE_31___default()("".concat(datePickerPrefixCls, "-container"))
+    className: classnames__WEBPACK_IMPORTED_MODULE_30___default()("".concat(datePickerPrefixCls, "-container"))
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", null, renderPanels(), extraNode || rangesNode ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
     className: "".concat(datePickerPrefixCls, "-footer")
   }, extraNode, rangesNode) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", null, renderConfig())), {
@@ -13889,7 +14625,7 @@ var documentBody = document.body; // function transformSize(size: string | numbe
 // }
 
 var InternalDrawer = function InternalDrawer(props, ref) {
-  var _classNames, _classNames2;
+  var _containerRef$current2, _classNames, _classNames2;
 
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_13__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_18__["default"]),
       getPrefixCls = _useContext.getPrefixCls,
@@ -13924,7 +14660,8 @@ var InternalDrawer = function InternalDrawer(props, ref) {
       getContainer = drawerProps.getContainer,
       forceRender = drawerProps.forceRender,
       destroyOnClose = drawerProps.destroyOnClose,
-      customPrefixcls = drawerProps.prefixCls;
+      customPrefixcls = drawerProps.prefixCls,
+      disableScroll = drawerProps.disableScroll;
   var drawerPrefixCls = getPrefixCls(prefixCls, 'drawer', customPrefixcls);
 
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(false),
@@ -13992,7 +14729,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
 
     return drawerContainer || ((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.parentNode);
   }, handleContainerResize);
-  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_21__["useHideDocumentScrollBar"])(!!visible, isBody, !!mask); // 为了单测
+  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_21__["useOverflowHidden"])(drawerContainer || ((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.parentNode), visible && mask, disableScroll); // 为了单测
 
   Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
     setCurrentWidth(width);
@@ -23771,10 +24508,11 @@ var Notification = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
   };
 
   var remove = function remove(key) {
-    var filter = notices.filter(function (notice) {
-      return notice.key !== key;
+    setNotices(function (preNotices) {
+      return preNotices.filter(function (notice) {
+        return notice.key !== key;
+      });
     });
-    setNotices(filter);
   };
 
   var _onClose = function onClose(notice) {