@douyinfe/semi-ui 2.7.1 → 2.8.0-beta.0

package/dist/umd/semi-ui.js

@@ -1869,6 +1869,86 @@ var parent = __webpack_require__("bLuP");
 module.exports = parent;
 
 
+/***/ }),
+
+/***/ "0J6L":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return append; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return prepend; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return convertDOMRectToObject; });
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_reduce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("r3cb");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_reduce__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_reduce__WEBPACK_IMPORTED_MODULE_0__);
+
+
+/**
+ *
+ * @param {HTMLElement} parentNode
+ * @param  {...HTMLElement} nodes
+ *
+ * @param {HTMLElement}
+ */
+
+function append(parentNode) {
+  for (var _len = arguments.length, nodes = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    nodes[_key - 1] = arguments[_key];
+  }
+
+  for (const node of nodes) {
+    parentNode.appendChild(node);
+  }
+
+  return parentNode;
+}
+/**
+ *
+ * @param {HTMLElement} parentNode
+ * @param  {...HTMLElement} nodes
+ *
+ * @param {HTMLElement}
+ */
+
+function prepend(parentNode) {
+  for (var _len2 = arguments.length, nodes = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    nodes[_key2 - 1] = arguments[_key2];
+  }
+
+  if (parentNode.children && parentNode.children.length) {
+    const firstNode = parentNode.children[0];
+
+    for (const node of nodes) {
+      parentNode.insertBefore(node, firstNode);
+    }
+  } else {
+    append(parentNode, ...nodes);
+  }
+
+  return parentNode;
+}
+/**
+ *
+ * @param {DOMRect} domRect
+ * @returns {object|undefined}
+ */
+
+function convertDOMRectToObject(domRect) {
+  if (domRect && typeof domRect === 'object') {
+    if (typeof domRect.toJSON === 'function') {
+      return domRect.toJSON();
+    } else {
+      const keys = ['left', 'top', 'right', 'bottom', 'width', 'height'];
+      return _babel_runtime_corejs3_core_js_stable_instance_reduce__WEBPACK_IMPORTED_MODULE_0___default()(keys).call(keys, (obj, key) => {
+        obj[key] = domRect[key];
+        return obj;
+      }, {});
+    }
+  }
+
+  return undefined;
+}
+
+
 /***/ }),
 
 /***/ "0Ocv":
@@ -4685,6 +4765,25 @@ function copySymbols(source, object) {
 module.exports = copySymbols;
 
 
+/***/ }),
+
+/***/ "Awix":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return isElement; });
+function isElement(obj) {
+  try {
+    // Using W3 DOM2 (works for FF, Opera and Chrome)
+    return obj instanceof HTMLElement;
+  } catch (e) {
+    // Browsers not supporting W3 DOM2 don't have HTMLElement and
+    // an exception is thrown and we end up here. Testing some
+    // properties that all elements have (works on IE7)
+    return typeof obj === 'object' && obj.nodeType === 1 && typeof obj.style === 'object' && typeof obj.ownerDocument === 'object';
+  }
+}
+
 /***/ }),
 
 /***/ "B3mq":
@@ -13626,12 +13725,14 @@ module.exports = {
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return stopPropagation; });
+/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return stopPropagation; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cloneDeep; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getHighLightTextHTML; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return registerMediaQuery; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return isSemiIcon; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getHighLightTextHTML; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return registerMediaQuery; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return isSemiIcon; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getActiveElement; });
+/* unused harmony export isNodeContainsFocus */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getFocusableElements; });
 /* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2srY");
 /* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var lodash_set__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("DL3M");
@@ -13648,10 +13749,14 @@ module.exports = {
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_object_assign__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_object_assign__WEBPACK_IMPORTED_MODULE_6__);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("bIJA");
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("cDcd");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _douyinfe_semi_foundation_utils_warning__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("MYbw");
-/* harmony import */ var _douyinfe_semi_foundation_utils_getHighlight__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("C5xO");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_array_from__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("Dc5z");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_array_from__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_array_from__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("cDcd");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _douyinfe_semi_foundation_utils_warning__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("MYbw");
+/* harmony import */ var _douyinfe_semi_foundation_utils_getHighlight__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("C5xO");
+/* harmony import */ var _douyinfe_semi_foundation_utils_dom__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("Awix");
+
 
 
 
@@ -13667,6 +13772,7 @@ module.exports = {
 
 
 
+
 /**
  * stop propagation
  *
@@ -13697,7 +13803,7 @@ function cloneDeep(value, customizer) {
       return customizer(v);
     }
 
-    if (typeof v === 'function' || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.isValidElement(v)) {
+    if (typeof v === 'function' || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.isValidElement(v)) {
       return v;
     }
 
@@ -13716,7 +13822,7 @@ function cloneDeep(value, customizer) {
         }); // internal-issues:887
 
 
-        Object(_douyinfe_semi_foundation_utils_warning__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])(lodash_get__WEBPACK_IMPORTED_MODULE_0___default()(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
+        Object(_douyinfe_semi_foundation_utils_warning__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"])(lodash_get__WEBPACK_IMPORTED_MODULE_0___default()(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
         return newArray;
       } else {
         return undefined;
@@ -13749,7 +13855,7 @@ const getHighLightTextHTML = _ref => {
       caseSensitive: false
     }
   } = _ref;
-  const chunks = Object(_douyinfe_semi_foundation_utils_getHighlight__WEBPACK_IMPORTED_MODULE_10__[/* findAll */ "a"])(_babel_runtime_corejs3_core_js_stable_object_assign__WEBPACK_IMPORTED_MODULE_6___default()({
+  const chunks = Object(_douyinfe_semi_foundation_utils_getHighlight__WEBPACK_IMPORTED_MODULE_11__[/* findAll */ "a"])(_babel_runtime_corejs3_core_js_stable_object_assign__WEBPACK_IMPORTED_MODULE_6___default()({
     sourceString,
     searchWords
   }, option));
@@ -13765,7 +13871,7 @@ const getHighLightTextHTML = _ref => {
     const text = sourceString.substr(start, end - start);
 
     if (highlight) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(markEle, {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(markEle, {
         style: highlightStyle,
         className: highlightClassName,
         key: text + index
@@ -13819,10 +13925,26 @@ const registerMediaQuery = (media, _ref2) => {
  * @returns boolean
  */
 
-const isSemiIcon = icon => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.isValidElement(icon) && lodash_get__WEBPACK_IMPORTED_MODULE_0___default()(icon.type, 'elementType') === 'Icon';
+const isSemiIcon = icon => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.isValidElement(icon) && lodash_get__WEBPACK_IMPORTED_MODULE_0___default()(icon.type, 'elementType') === 'Icon';
 function getActiveElement() {
   return document ? document.activeElement : null;
 }
+function isNodeContainsFocus(node) {
+  const activeElement = getActiveElement();
+  return activeElement === node || node.contains(activeElement);
+}
+function getFocusableElements(node) {
+  if (!Object(_douyinfe_semi_foundation_utils_dom__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"])(node)) {
+    return [];
+  }
+
+  const focusableSelectorsList = ["input:not([disabled]):not([tabindex='-1'])", "textarea:not([disabled]):not([tabindex='-1'])", "button:not([disabled]):not([tabindex='-1'])", "a[href]:not([tabindex='-1'])", "select:not([disabled]):not([tabindex='-1'])", "area[href]:not([tabindex='-1'])", "iframe:not([tabindex='-1'])", "object:not([tabindex='-1'])", "*[tabindex]:not([tabindex='-1'])", "*[contenteditable]:not([tabindex='-1'])"];
+  const focusableSelectorsStr = focusableSelectorsList.join(','); // we are not filtered elements which are invisible
+
+  const focusableElements = _babel_runtime_corejs3_core_js_stable_array_from__WEBPACK_IMPORTED_MODULE_8___default()(node.querySelectorAll(focusableSelectorsStr));
+
+  return focusableElements;
+}
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("F63i")))
 
 /***/ }),
@@ -23542,6 +23664,10 @@ var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_
 var set_timeout = __webpack_require__("rPqN");
 var set_timeout_default = /*#__PURE__*/__webpack_require__.n(set_timeout);
 
+// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash/isFunction.js
+var isFunction = __webpack_require__("2q8g");
+var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction);
+
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash/isEmpty.js
 var lodash_isEmpty = __webpack_require__("MwrP");
 var isEmpty_default = /*#__PURE__*/__webpack_require__.n(lodash_isEmpty);
@@ -23647,78 +23773,8 @@ class Event_Event {
   }
 
 }
-// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/instance/reduce.js
-var reduce = __webpack_require__("r3cb");
-var reduce_default = /*#__PURE__*/__webpack_require__.n(reduce);
-
-// CONCATENATED MODULE: ../semi-foundation/utils/dom.ts
-
-
-/**
- *
- * @param {HTMLElement} parentNode
- * @param  {...HTMLElement} nodes
- *
- * @param {HTMLElement}
- */
-
-function append(parentNode) {
-  for (var _len = arguments.length, nodes = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    nodes[_key - 1] = arguments[_key];
-  }
-
-  for (const node of nodes) {
-    parentNode.appendChild(node);
-  }
-
-  return parentNode;
-}
-/**
- *
- * @param {HTMLElement} parentNode
- * @param  {...HTMLElement} nodes
- *
- * @param {HTMLElement}
- */
-
-function prepend(parentNode) {
-  for (var _len2 = arguments.length, nodes = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-    nodes[_key2 - 1] = arguments[_key2];
-  }
-
-  if (parentNode.children && parentNode.children.length) {
-    const firstNode = parentNode.children[0];
-
-    for (const node of nodes) {
-      parentNode.insertBefore(node, firstNode);
-    }
-  } else {
-    append(parentNode, ...nodes);
-  }
-
-  return parentNode;
-}
-/**
- *
- * @param {DOMRect} domRect
- * @returns {object|undefined}
- */
-
-function convertDOMRectToObject(domRect) {
-  if (domRect && typeof domRect === 'object') {
-    if (typeof domRect.toJSON === 'function') {
-      return domRect.toJSON();
-    } else {
-      const keys = ['left', 'top', 'right', 'bottom', 'width', 'height'];
-      return reduce_default()(keys).call(keys, (obj, key) => {
-        obj[key] = domRect[key];
-        return obj;
-      }, {});
-    }
-  }
-
-  return undefined;
-}
+// EXTERNAL MODULE: ../semi-foundation/utils/dom.ts
+var dom = __webpack_require__("0J6L");
 
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/object/define-property.js
 var define_property = __webpack_require__("K1iI");
@@ -23902,6 +23958,42 @@ class foundation_Tooltip extends foundation {
       }
     };
 
+    this.handleContainerKeydown = event => {
+      const {
+        guardFocus,
+        closeOnEsc
+      } = this.getProps();
+
+      switch (event && event.key) {
+        case "Escape":
+          closeOnEsc && this._handleEscKeyDown(event);
+          break;
+
+        case "Tab":
+          if (guardFocus) {
+            const container = this._adapter.getContainer();
+
+            const focusableElements = this._adapter.getFocusableElements(container);
+
+            const focusableNum = focusableElements.length;
+
+            if (focusableNum) {
+              // Shift + Tab will move focus backward
+              if (event.shiftKey) {
+                this._handleContainerShiftTabKeyDown(focusableElements, event);
+              } else {
+                this._handleContainerTabKeyDown(focusableElements, event);
+              }
+            }
+          }
+
+          break;
+
+        default:
+          break;
+      }
+    };
+
     this._timer = null;
   }
 
@@ -23999,7 +24091,12 @@ class foundation_Tooltip extends foundation {
   _generateEvent(types) {
     const eventNames = this._adapter.getEventName();
 
-    const triggerEventSet = {};
+    const triggerEventSet = {
+      // bind esc keydown on trigger for a11y
+      [eventNames.keydown]: event => {
+        this._handleTriggerKeydown(event);
+      }
+    };
     let portalEventSet = {};
 
     switch (types) {
@@ -24035,6 +24132,15 @@ class foundation_Tooltip extends foundation {
         triggerEventSet[eventNames.mouseLeave] = () => {
           // console.log(e);
           this.delayHide(); // this.hide('trigger');
+        }; // bind focus to hover trigger for a11y
+
+
+        triggerEventSet[eventNames.focus] = () => {
+          this.delayShow();
+        };
+
+        triggerEventSet[eventNames.blur] = () => {
+          this.delayHide();
         };
 
         portalEventSet = assign_default()({}, triggerEventSet);
@@ -24058,7 +24164,7 @@ class foundation_Tooltip extends foundation {
 
       case 'custom':
         // when trigger type is 'custom', no need to bind eventHandler
-        // show/hide completely depond on props.visible which change by user
+        // show/hide completely depend on props.visible which change by user
         break;
 
       default:
@@ -24084,7 +24190,13 @@ class foundation_Tooltip extends foundation {
     const nowVisible = this.getState('visible');
 
     if (nowVisible !== isVisible) {
-      this._adapter.togglePortalVisible(isVisible, () => this._adapter.notifyVisibleChange(isVisible));
+      this._adapter.togglePortalVisible(isVisible, () => {
+        if (isVisible) {
+          this._adapter.setInitialFocus();
+        }
+
+        this._adapter.notifyVisibleChange(isVisible);
+      });
     }
   }
 
@@ -24587,6 +24699,106 @@ class foundation_Tooltip extends foundation {
     this._adapter.updateContainerPosition();
   }
 
+  _handleTriggerKeydown(event) {
+    const {
+      closeOnEsc
+    } = this.getProps();
+
+    const container = this._adapter.getContainer();
+
+    const focusableElements = this._adapter.getFocusableElements(container);
+
+    const focusableNum = focusableElements.length;
+
+    switch (event && event.key) {
+      case "Escape":
+        closeOnEsc && this._handleEscKeyDown(event);
+        break;
+
+      case "ArrowUp":
+        focusableNum && this._handleTriggerArrowUpKeydown(focusableElements, event);
+        break;
+
+      case "ArrowDown":
+        focusableNum && this._handleTriggerArrowDownKeydown(focusableElements, event);
+        break;
+
+      default:
+        break;
+    }
+  }
+  /**
+   * focus trigger
+   *
+   * when trigger is 'focus' or 'hover', onFocus is bind to show popup
+   * if we focus trigger, popup will show again
+   *
+   * 如果 trigger 是 focus 或者 hover，则它绑定了 onFocus，这里我们如果重新 focus 的话，popup 会再次打开
+   * 因此 returnFocusOnClose 只支持 click trigger
+   */
+
+
+  _focusTrigger() {
+    const {
+      trigger,
+      returnFocusOnClose
+    } = this.getProps();
+
+    if (returnFocusOnClose && trigger === 'click') {
+      const triggerNode = this._adapter.getTriggerNode();
+
+      if (triggerNode && 'focus' in triggerNode) {
+        triggerNode.focus();
+      }
+    }
+  }
+
+  _handleEscKeyDown(event) {
+    const {
+      trigger
+    } = this.getProps();
+
+    if (trigger !== 'custom') {
+      this.hide();
+
+      this._focusTrigger();
+    }
+
+    this._adapter.notifyEscKeydown(event);
+  }
+
+  _handleContainerTabKeyDown(focusableElements, event) {
+    const activeElement = this._adapter.getActiveElement();
+
+    const isLastCurrentFocus = focusableElements[focusableElements.length - 1] === activeElement;
+
+    if (isLastCurrentFocus) {
+      focusableElements[0].focus();
+      event.preventDefault(); // prevent browser default tab move behavior
+    }
+  }
+
+  _handleContainerShiftTabKeyDown(focusableElements, event) {
+    const activeElement = this._adapter.getActiveElement();
+
+    const isFirstCurrentFocus = focusableElements[0] === activeElement;
+
+    if (isFirstCurrentFocus) {
+      focusableElements[focusableElements.length - 1].focus();
+      event.preventDefault(); // prevent browser default tab move behavior
+    }
+  }
+
+  _handleTriggerArrowDownKeydown(focusableElements, event) {
+    focusableElements[0].focus();
+    event.preventDefault(); // prevent browser default scroll behavior
+  }
+
+  _handleTriggerArrowUpKeydown(focusableElements, event) {
+    focusableElements[focusableElements.length - 1].focus();
+    event.preventDefault(); // prevent browser default scroll behavior
+  }
+
 }
 // CONCATENATED MODULE: ../semi-foundation/tooltip/constants.ts
 
@@ -24664,18 +24876,9 @@ function getUuidShort() {
 // EXTERNAL MODULE: ../semi-foundation/tooltip/tooltip.scss
 var tooltip = __webpack_require__("VQVM");
 
-// CONCATENATED MODULE: ../semi-foundation/utils/isElement.ts
-function isElement(obj) {
-  try {
-    // Using W3 DOM2 (works for FF, Opera and Chrome)
-    return obj instanceof HTMLElement;
-  } catch (e) {
-    // Browsers not supporting W3 DOM2 don't have HTMLElement and
-    // an exception is thrown and we end up here. Testing some
-    // properties that all elements have (works on IE7)
-    return typeof obj === 'object' && obj.nodeType === 1 && typeof obj.style === 'object' && typeof obj.ownerDocument === 'object';
-  }
-}
+// EXTERNAL MODULE: ../semi-foundation/utils/isElement.ts
+var isElement = __webpack_require__("Awix");
+
 // EXTERNAL MODULE: ./_utils/index.ts
 var _utils = __webpack_require__("UU7A");
 
@@ -24903,6 +25106,10 @@ const TriangleArrowVertical = props => {
 };
 
 /* harmony default export */ var tooltip_TriangleArrowVertical = (TriangleArrowVertical);
+// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/instance/reduce.js
+var reduce = __webpack_require__("r3cb");
+var reduce_default = /*#__PURE__*/__webpack_require__.n(reduce);
+
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/object/values.js
 var object_values = __webpack_require__("Mb5A");
 var values_default = /*#__PURE__*/__webpack_require__.n(object_values);
@@ -26720,6 +26927,7 @@ const TooltipTransition = function () {
 
 
 
+
 var tooltip_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -26771,7 +26979,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
     };
 
     this.isSpecial = elem => {
-      if (isElement(elem)) {
+      if (Object(isElement["a" /* default */])(elem)) {
         return Boolean(elem.disabled);
       } else if ( /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(elem)) {
         const disabled = get_default()(elem, 'props.disabled');
@@ -26844,10 +27052,21 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
       }
 
       if (this.props.stopPropagation) {
-        Object(_utils["f" /* stopPropagation */])(e);
+        Object(_utils["g" /* stopPropagation */])(e);
       }
     };
 
+    this.handlePortalInnerKeyDown = e => {
+      this.foundation.handleContainerKeydown(e);
+    };
+
+    this.renderContentNode = content => {
+      const contentProps = {
+        initialFocusRef: this.initialFocusRef
+      };
+      return !isFunction_default()(content) ? content : content(contentProps);
+    };
+
     this.renderPortal = () => {
       const {
         containerStyle = {},
@@ -26867,6 +27086,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         role,
         zIndex
       } = this.props;
+      const contentNode = this.renderContentNode(content);
       const {
         className: propClassName
       } = this.props;
@@ -26904,7 +27124,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
           role: role,
           "x-placement": placement,
           id: id
-        }), content, icon);
+        }), contentNode, icon);
       } : null) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
         className: className
       }, portalEventSet, {
@@ -26912,7 +27132,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         style: assign_default()({
           visibility: motion ? undefined : 'visible'
         }, style)
-      }), content, icon);
+      }), contentNode, icon);
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(_portal, {
         getPopupContainer: this.props.getPopupContainer,
         style: {
@@ -26922,7 +27142,8 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         className: "".concat(BASE_CLASS_PREFIX, "-portal-inner"),
         style: portalInnerStyle,
         ref: this.setContainerEl,
-        onClick: this.handlePortalInnerClick
+        onClick: this.handlePortalInnerClick,
+        onKeyDown: this.handlePortalInnerKeyDown
       }, inner));
     };
 
@@ -26990,6 +27211,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
     this.eventManager = new Event_Event();
     this.triggerEl = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.containerEl = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
+    this.initialFocusRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.clickOutsideHandler = null;
     this.resizeHandler = null;
     this.isWrapped = false; // Identifies whether a span element is wrapped
@@ -27041,7 +27263,8 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         mouseOver: 'onMouseOver',
         click: 'onClick',
         focus: 'onFocus',
-        blur: 'onBlur'
+        blur: 'onBlur',
+        keydown: 'onKeyDown'
       }),
       registerTriggerEvent: triggerEventSet => {
         this.setState({
@@ -27059,14 +27282,8 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         // eslint-disable-next-line
         // It may be a React component or an html element
         // There is no guarantee that triggerE l.current can get the real dom, so call findDOMNode to ensure that you can get the real dom
-        let triggerDOM = this.triggerEl.current;
-
-        if (!isElement(this.triggerEl.current)) {
-          const realDomNode = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.findDOMNode(this.triggerEl.current);
-          this.triggerEl.current = realDomNode;
-          triggerDOM = realDomNode;
-        }
-
+        const triggerDOM = this.adapter.getTriggerNode();
+        this.triggerEl.current = triggerDOM;
         return triggerDOM && triggerDOM.getBoundingClientRect();
       },
       // Gets the outer size of the specified container
@@ -27074,8 +27291,8 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         const container = this.getPopupContainer();
         let rect = null;
 
-        if (container && isElement(container)) {
-          const boundingRect = convertDOMRectToObject(container.getBoundingClientRect());
+        if (container && Object(isElement["a" /* default */])(container)) {
+          const boundingRect = Object(dom["b" /* convertDOMRectToObject */])(container.getBoundingClientRect());
           rect = assign_default()(assign_default()({}, boundingRect), {
             scrollLeft: container.scrollLeft,
             scrollTop: container.scrollTop
@@ -27203,12 +27420,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
             return false;
           }
 
-          let triggerDOM = this.triggerEl.current;
-
-          if (!isElement(this.triggerEl.current)) {
-            triggerDOM = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.findDOMNode(this.triggerEl.current);
-          }
-
+          const triggerDOM = this.adapter.getTriggerNode();
           const isRelativeScroll = e.target.contains(triggerDOM);
 
           if (isRelativeScroll) {
@@ -27232,14 +27444,40 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
       updateContainerPosition: () => {
         const container = this.getPopupContainer();
 
-        if (container && isElement(container)) {
+        if (container && Object(isElement["a" /* default */])(container)) {
           // getComputedStyle need first parameter is Element type
           const computedStyle = window.getComputedStyle(container);
           const position = computedStyle.getPropertyValue('position');
           this.containerPosition = position;
         }
       },
-      getContainerPosition: () => this.containerPosition
+      getContainerPosition: () => this.containerPosition,
+      getContainer: () => this.containerEl && this.containerEl.current,
+      getTriggerNode: () => {
+        let triggerDOM = this.triggerEl.current;
+
+        if (!Object(isElement["a" /* default */])(this.triggerEl.current)) {
+          triggerDOM = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.findDOMNode(this.triggerEl.current);
+        }
+
+        return triggerDOM;
+      },
+      getFocusableElements: node => {
+        return Object(_utils["c" /* getFocusableElements */])(node);
+      },
+      getActiveElement: () => {
+        return Object(_utils["b" /* getActiveElement */])();
+      },
+      setInitialFocus: () => {
+        const focusRefNode = get_default()(this, 'initialFocusRef.current');
+
+        if (focusRefNode && 'focus' in focusRefNode) {
+          focusRefNode.focus();
+        }
+      },
+      notifyEscKeydown: event => {
+        this.props.onEscKeyDown(event);
+      }
     });
   }
 
@@ -27281,7 +27519,8 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
     } = this.state;
     const {
       wrapWhenSpecial,
-      role
+      role,
+      trigger
     } = this.props;
     let {
       children
@@ -27341,7 +27580,8 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         } else if (ref && typeof ref === 'object') {
           ref.current = node;
         }
-      }
+      },
+      tabIndex: trigger === 'hover' ? 0 : undefined
     })); // If you do not add a layer of div, in order to bind the events and className in the tooltip, you need to cloneElement children, but this time it may overwrite the children's original ref reference
     // So if the user adds ref to the content, you need to use callback ref: https://github.com/facebook/react/issues/8873
 
@@ -27366,7 +27606,7 @@ tooltip_Tooltip.propTypes = {
   clickTriggerToHide: prop_types_default.a.bool,
   visible: prop_types_default.a.bool,
   style: prop_types_default.a.object,
-  content: prop_types_default.a.node,
+  content: prop_types_default.a.oneOfType([prop_types_default.a.node, prop_types_default.a.func]),
   prefixCls: prop_types_default.a.string,
   onVisibleChange: prop_types_default.a.func,
   onClickOutSide: prop_types_default.a.func,
@@ -27380,8 +27620,9 @@ tooltip_Tooltip.propTypes = {
   stopPropagation: prop_types_default.a.bool,
   // private
   role: prop_types_default.a.string,
-  wrapWhenSpecial: prop_types_default.a.bool // when trigger has special status such as "disabled" or "loading", wrap span
-
+  wrapWhenSpecial: prop_types_default.a.bool,
+  guardFocus: prop_types_default.a.bool,
+  returnFocusOnClose: prop_types_default.a.bool
 };
 tooltip_Tooltip.defaultProps = {
   arrowBounding: numbers.ARROW_BOUNDING,
@@ -27400,7 +27641,11 @@ tooltip_Tooltip.defaultProps = {
   spacing: numbers.SPACING,
   showArrow: true,
   wrapWhenSpecial: true,
-  zIndex: numbers.DEFAULT_Z_INDEX
+  zIndex: numbers.DEFAULT_Z_INDEX,
+  closeOnEsc: false,
+  guardFocus: false,
+  returnFocusOnClose: false,
+  onEscKeyDown: noop_default.a
 };
 
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/copy-text-to-clipboard/index.js
@@ -30280,6 +30525,7 @@ const keyCode_keyCode = {
 };
 const ENTER_KEY = 'Enter';
 const TAB_KEY = 'Tab';
+const ESC_KEY = 'Escape';
 /* harmony default export */ var utils_keyCode = (keyCode_keyCode);
 // CONCATENATED MODULE: ../semi-foundation/utils/isEnterPress.ts
 
@@ -30530,6 +30776,7 @@ var popover = __webpack_require__("f8hu");
 
 
 
+
 var popover_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -30554,23 +30801,45 @@ const popover_positionSet = popover_constants_strings.POSITION_SET;
 const popover_triggerSet = popover_constants_strings.TRIGGER_SET;
 
 class popover_Popover extends external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.PureComponent {
-  renderPopCard() {
-    const {
-      content,
-      contentClassName,
-      prefixCls
-    } = this.props;
-    const {
-      direction
-    } = this.context;
-    const popCardCls = classnames_default()(prefixCls, contentClassName, {
-      ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
-    });
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: popCardCls
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-content")
-    }, content));
+  constructor() {
+    super(...arguments);
+
+    this.renderPopCard = _ref => {
+      let {
+        initialFocusRef
+      } = _ref;
+      const {
+        content,
+        contentClassName,
+        prefixCls
+      } = this.props;
+      const {
+        direction
+      } = this.context;
+      const popCardCls = classnames_default()(prefixCls, contentClassName, {
+        ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
+      });
+      const contentNode = this.renderContentNode({
+        initialFocusRef,
+        content
+      });
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: popCardCls
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefixCls, "-content")
+      }, contentNode));
+    };
+
+    this.renderContentNode = props => {
+      const {
+        initialFocusRef,
+        content
+      } = props;
+      const contentProps = {
+        initialFocusRef
+      };
+      return !isFunction_default()(content) ? content : content(contentProps);
+    };
   }
 
   render() {
@@ -30590,7 +30859,6 @@ class popover_Popover extends external_root_React_commonjs2_react_commonjs_react
     let {
       spacing
     } = this.props;
-    const popContent = this.renderPopCard();
     const arrowProps = {
       position,
       className: '',
@@ -30604,11 +30872,13 @@ class popover_Popover extends external_root_React_commonjs2_react_commonjs_react
     }
 
     const role = trigger === 'click' || trigger === 'custom' ? 'dialog' : 'tooltip';
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tooltip_Tooltip, assign_default()({}, attr, {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tooltip_Tooltip, assign_default()({
+      guardFocus: true
+    }, attr, {
       trigger: trigger,
       position: position,
       style: style,
-      content: popContent,
+      content: this.renderPopCard,
       prefixCls: prefixCls,
       spacing: spacing,
       showArrow: arrow,
@@ -30622,7 +30892,7 @@ class popover_Popover extends external_root_React_commonjs2_react_commonjs_react
 popover_Popover.contextType = configProvider_context;
 popover_Popover.propTypes = {
   children: prop_types_default.a.node,
-  content: prop_types_default.a.node,
+  content: prop_types_default.a.oneOfType([prop_types_default.a.node, prop_types_default.a.func]),
   visible: prop_types_default.a.bool,
   autoAdjustOverflow: prop_types_default.a.bool,
   motion: prop_types_default.a.oneOfType([prop_types_default.a.bool, prop_types_default.a.object, prop_types_default.a.func]),
@@ -30645,7 +30915,8 @@ popover_Popover.propTypes = {
   }),
   arrowPointAtCenter: prop_types_default.a.bool,
   arrowBounding: prop_types_default.a.object,
-  prefixCls: prop_types_default.a.string
+  prefixCls: prop_types_default.a.string,
+  guardFocus: prop_types_default.a.bool
 };
 popover_Popover.defaultProps = {
   arrowBounding: constants_numbers.ARROW_BOUNDING,
@@ -30658,7 +30929,11 @@ popover_Popover.defaultProps = {
   okText: 'Yes',
   position: 'bottom',
   prefixCls: popover_constants_cssClasses.PREFIX,
-  onClickOutSide: noop_default.a
+  onClickOutSide: noop_default.a,
+  onEscKeyDown: noop_default.a,
+  closeOnEsc: true,
+  returnFocusOnClose: true,
+  guardFocus: true
 };
 /* harmony default export */ var popover_0 = (popover_Popover);
 // CONCATENATED MODULE: ./typography/util.tsx
@@ -31341,7 +31616,7 @@ class base_Base extends external_root_React_commonjs2_react_commonjs_react_amd_r
     const iconSize = size === 'small' ? 'small' : 'default';
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: "".concat(base_prefixCls, "-icon")
-    }, Object(_utils["d" /* isSemiIcon */])(icon) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
+    }, Object(_utils["e" /* isSemiIcon */])(icon) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
       size: iconSize
     }) : icon);
   }
@@ -32950,10 +33225,6 @@ spin_Spin.defaultProps = {
   delay: 0
 };
 /* harmony default export */ var spin_0 = (spin_Spin);
-// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash/isFunction.js
-var isFunction = __webpack_require__("2q8g");
-var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction);
-
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash/set.js
 var lodash_set = __webpack_require__("DL3M");
 var lodash_set_default = /*#__PURE__*/__webpack_require__.n(lodash_set);
@@ -33540,7 +33811,7 @@ class input_Input extends baseComponent_BaseComponent {
       const prefixWrapperCls = classnames_default()({
         ["".concat(input_prefixCls, "-prepend")]: true,
         ["".concat(input_prefixCls, "-prepend-text")]: addonBefore && isString_default()(addonBefore),
-        ["".concat(input_prefixCls, "-prepend-icon")]: Object(_utils["d" /* isSemiIcon */])(addonBefore)
+        ["".concat(input_prefixCls, "-prepend-icon")]: Object(_utils["e" /* isSemiIcon */])(addonBefore)
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: prefixWrapperCls
@@ -33559,7 +33830,7 @@ class input_Input extends baseComponent_BaseComponent {
       const prefixWrapperCls = classnames_default()({
         ["".concat(input_prefixCls, "-append")]: true,
         ["".concat(input_prefixCls, "-append-text")]: addonAfter && isString_default()(addonAfter),
-        ["".concat(input_prefixCls, "-append-icon")]: Object(_utils["d" /* isSemiIcon */])(addonAfter)
+        ["".concat(input_prefixCls, "-append-icon")]: Object(_utils["e" /* isSemiIcon */])(addonAfter)
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: prefixWrapperCls
@@ -33635,7 +33906,7 @@ class input_Input extends baseComponent_BaseComponent {
       ["".concat(input_prefixCls, "-prefix")]: true,
       ["".concat(input_prefixCls, "-inset-label")]: insetLabel,
       ["".concat(input_prefixCls, "-prefix-text")]: labelNode && isString_default()(labelNode),
-      ["".concat(input_prefixCls, "-prefix-icon")]: Object(_utils["d" /* isSemiIcon */])(labelNode)
+      ["".concat(input_prefixCls, "-prefix-icon")]: Object(_utils["e" /* isSemiIcon */])(labelNode)
     }); // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
@@ -33672,7 +33943,7 @@ class input_Input extends baseComponent_BaseComponent {
     const suffixWrapperCls = classnames_default()({
       ["".concat(input_prefixCls, "-suffix")]: true,
       ["".concat(input_prefixCls, "-suffix-text")]: suffix && isString_default()(suffix),
-      ["".concat(input_prefixCls, "-suffix-icon")]: Object(_utils["d" /* isSemiIcon */])(suffix),
+      ["".concat(input_prefixCls, "-suffix-icon")]: Object(_utils["e" /* isSemiIcon */])(suffix),
       ["".concat(input_prefixCls, "-suffix-hidden")]: suffixAllowClear && Boolean(hideSuffix)
     }); // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
 
@@ -33722,7 +33993,7 @@ class input_Input extends baseComponent_BaseComponent {
       minLength: stateMinLength
     } = this.state;
     const suffixAllowClear = this.showClearBtn();
-    const suffixIsIcon = Object(_utils["d" /* isSemiIcon */])(suffix);
+    const suffixIsIcon = Object(_utils["e" /* isSemiIcon */])(suffix);
     const ref = forwardRef || this.inputRef;
     const wrapperPrefix = "".concat(input_prefixCls, "-wrapper");
     const wrapperCls = classnames_default()(wrapperPrefix, className, {
@@ -34003,7 +34274,7 @@ class option_Option extends external_root_React_commonjs2_react_commonjs_react_a
     } = _ref;
 
     if (isString_default()(children) && inputValue) {
-      return Object(_utils["c" /* getHighLightTextHTML */])(config);
+      return Object(_utils["d" /* getHighLightTextHTML */])(config);
     }
 
     return children;
@@ -47261,7 +47532,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       const suffixWrapperCls = classnames_default()({
         ["".concat(cascader_prefixcls, "-suffix")]: true,
         ["".concat(cascader_prefixcls, "-suffix-text")]: suffix && isString_default()(suffix),
-        ["".concat(cascader_prefixcls, "-suffix-icon")]: Object(_utils["d" /* isSemiIcon */])(suffix)
+        ["".concat(cascader_prefixcls, "-suffix-icon")]: Object(_utils["e" /* isSemiIcon */])(suffix)
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: suffixWrapperCls
@@ -47280,7 +47551,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
         // to be doublechecked
         ["".concat(cascader_prefixcls, "-inset-label")]: insetLabel,
         ["".concat(cascader_prefixcls, "-prefix-text")]: labelNode && isString_default()(labelNode),
-        ["".concat(cascader_prefixcls, "-prefix-icon")]: Object(_utils["d" /* isSemiIcon */])(labelNode)
+        ["".concat(cascader_prefixcls, "-prefix-icon")]: Object(_utils["e" /* isSemiIcon */])(labelNode)
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: prefixWrapperCls,
@@ -55161,76 +55432,6 @@ dateInput_DateInput.defaultProps = {
   prefixCls: datePicker_constants_cssClasses.PREFIX,
   rangeSeparator: datePicker_constants_strings.DEFAULT_SEPARATOR_RANGE
 };
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/addMonths/index.js
-
-
-
-/**
- * @name addMonths
- * @category Month Helpers
- * @summary Add the specified number of months to the given date.
- *
- * @description
- * Add the specified number of months to the given date.
- *
- * ### v2.0.0 breaking changes:
- *
- * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
- *
- * @param {Date|Number} date - the date to be changed
- * @param {Number} amount - the amount of months to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
- * @returns {Date} the new date with the months added
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // Add 5 months to 1 September 2014:
- * const result = addMonths(new Date(2014, 8, 1), 5)
- * //=> Sun Feb 01 2015 00:00:00
- */
-
-function addMonths(dirtyDate, dirtyAmount) {
-  requiredArgs(2, arguments);
-  var date = toDate(dirtyDate);
-  var amount = toInteger(dirtyAmount);
-
-  if (isNaN(amount)) {
-    return new Date(NaN);
-  }
-
-  if (!amount) {
-    // If 0 months, no-op to avoid changing times in the hour before end of DST
-    return date;
-  }
-
-  var dayOfMonth = date.getDate(); // The JS Date object supports date math by accepting out-of-bounds values for
-  // month, day, etc. For example, new Date(2020, 0, 0) returns 31 Dec 2019 and
-  // new Date(2020, 13, 1) returns 1 Feb 2021.  This is *almost* the behavior we
-  // want except that dates will wrap around the end of a month, meaning that
-  // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So
-  // we'll default to the end of the desired month by adding 1 to the desired
-  // month and using a date of 0 to back up one day to the end of the desired
-  // month.
-
-  var endOfDesiredMonth = new Date(date.getTime());
-  endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);
-  var daysInMonth = endOfDesiredMonth.getDate();
-
-  if (dayOfMonth >= daysInMonth) {
-    // If we're already at the end of the month, then this is the correct date
-    // and we're done.
-    return endOfDesiredMonth;
-  } else {
-    // Otherwise, we now know that setting the original day-of-month value won't
-    // cause an overflow, so set the desired day-of-month. Note that we can't
-    // just set the date of `endOfDesiredMonth` because that object may have had
-    // its time changed in the unusual case where where a DST transition was on
-    // the last day of the month and its local time was in the hour skipped or
-    // repeated next to a DST transition.  So we use `date` instead which is
-    // guaranteed to still have the original time.
-    date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);
-    return date;
-  }
-}
 // CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/differenceInCalendarMonths/index.js
 
 
@@ -55303,6 +55504,76 @@ function differenceInCalendarYears(dirtyDateLeft, dirtyDateRight) {
   var dateRight = toDate(dirtyDateRight);
   return dateLeft.getFullYear() - dateRight.getFullYear();
 }
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/addMonths/index.js
+
+
+
+/**
+ * @name addMonths
+ * @category Month Helpers
+ * @summary Add the specified number of months to the given date.
+ *
+ * @description
+ * Add the specified number of months to the given date.
+ *
+ * ### v2.0.0 breaking changes:
+ *
+ * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+ *
+ * @param {Date|Number} date - the date to be changed
+ * @param {Number} amount - the amount of months to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+ * @returns {Date} the new date with the months added
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // Add 5 months to 1 September 2014:
+ * const result = addMonths(new Date(2014, 8, 1), 5)
+ * //=> Sun Feb 01 2015 00:00:00
+ */
+
+function addMonths(dirtyDate, dirtyAmount) {
+  requiredArgs(2, arguments);
+  var date = toDate(dirtyDate);
+  var amount = toInteger(dirtyAmount);
+
+  if (isNaN(amount)) {
+    return new Date(NaN);
+  }
+
+  if (!amount) {
+    // If 0 months, no-op to avoid changing times in the hour before end of DST
+    return date;
+  }
+
+  var dayOfMonth = date.getDate(); // The JS Date object supports date math by accepting out-of-bounds values for
+  // month, day, etc. For example, new Date(2020, 0, 0) returns 31 Dec 2019 and
+  // new Date(2020, 13, 1) returns 1 Feb 2021.  This is *almost* the behavior we
+  // want except that dates will wrap around the end of a month, meaning that
+  // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So
+  // we'll default to the end of the desired month by adding 1 to the desired
+  // month and using a date of 0 to back up one day to the end of the desired
+  // month.
+
+  var endOfDesiredMonth = new Date(date.getTime());
+  endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);
+  var daysInMonth = endOfDesiredMonth.getDate();
+
+  if (dayOfMonth >= daysInMonth) {
+    // If we're already at the end of the month, then this is the correct date
+    // and we're done.
+    return endOfDesiredMonth;
+  } else {
+    // Otherwise, we now know that setting the original day-of-month value won't
+    // cause an overflow, so set the desired day-of-month. Note that we can't
+    // just set the date of `endOfDesiredMonth` because that object may have had
+    // its time changed in the unusual case where where a DST transition was on
+    // the last day of the month and its local time was in the hour skipped or
+    // repeated next to a DST transition.  So we use `date` instead which is
+    // guaranteed to still have the original time.
+    date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);
+    return date;
+  }
+}
 // CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/subMonths/index.js
 
 
@@ -57702,7 +57973,7 @@ class itemFoundation_ItemFoundation extends foundation {
       list
     } = this.getProps();
 
-    if (index > -1 && is_array_default()(list) && list.length && isElement(listWrapper)) {
+    if (index > -1 && is_array_default()(list) && list.length && Object(isElement["a" /* default */])(listWrapper)) {
       const indexInData = index % list.length;
       const item = list[indexInData];
       const node = listWrapper.children[index];
@@ -57723,7 +57994,7 @@ class itemFoundation_ItemFoundation extends foundation {
       list: data
     } = this.getProps();
 
-    if (isElement(node) && isElement(listWrapper)) {
+    if (Object(isElement["a" /* default */])(node) && Object(isElement["a" /* default */])(listWrapper)) {
       const indexInList = findIndex_default()(listWrapper.children, ele => ele === node);
 
       const indexInData = indexInList % data.length;
@@ -57766,7 +58037,7 @@ class itemFoundation_ItemFoundation extends foundation {
     let ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
     const tag = 'li';
 
-    if (isElement(listWrapper) && isElement(scrollWrapper)) {
+    if (Object(isElement["a" /* default */])(listWrapper) && Object(isElement["a" /* default */])(scrollWrapper)) {
       const itemNodes = listWrapper.querySelectorAll(tag);
       const lastNode = itemNodes[itemNodes.length - 1];
       const {
@@ -57805,7 +58076,7 @@ class itemFoundation_ItemFoundation extends foundation {
     let ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
     const tag = 'li';
 
-    if (isElement(listWrapper) && isElement(scrollWrapper)) {
+    if (Object(isElement["a" /* default */])(listWrapper) && Object(isElement["a" /* default */])(scrollWrapper)) {
       const itemNodes = listWrapper.querySelectorAll(tag);
       const firstNode = itemNodes[0];
       const {
@@ -57843,7 +58114,7 @@ class itemFoundation_ItemFoundation extends foundation {
       list
     } = this.getProps();
 
-    if (isElement(wrapper) && isElement(listWrapper) && list && list.length) {
+    if (Object(isElement["a" /* default */])(wrapper) && Object(isElement["a" /* default */])(listWrapper) && list && list.length) {
       const allNodes = listWrapper.children;
 
       const baseNodes = lodash_slice_default()(allNodes, 0, list.length);
@@ -57872,7 +58143,7 @@ class itemFoundation_ItemFoundation extends foundation {
     } = this.getProps();
     const nodeTag = 'li';
 
-    if (isElement(wrapper) && isElement(listWrapper) && list && list.length) {
+    if (Object(isElement["a" /* default */])(wrapper) && Object(isElement["a" /* default */])(listWrapper) && list && list.length) {
       const allNodes = listWrapper.querySelectorAll(nodeTag);
       const total = allNodes.length;
       const ratio = 1;
@@ -57884,7 +58155,7 @@ class itemFoundation_ItemFoundation extends foundation {
         for (let i = 0; i < prependCount; i++) {
           const nodes = lodash_slice_default()(allNodes, total - list.length * (i + 1), total - list.length * i);
 
-          prepend(listWrapper, ...nodes);
+          Object(dom["c" /* prepend */])(listWrapper, ...nodes);
         }
       } // while (this.shouldAppend(listWrapper, wrapper, nearestNode)) {
 
@@ -57893,7 +58164,7 @@ class itemFoundation_ItemFoundation extends foundation {
         for (let i = 0; i < appendCount; i++) {
           const nodes = lodash_slice_default()(allNodes, i * list.length, (i + 1) * list.length);
 
-          append(listWrapper, ...nodes);
+          Object(dom["a" /* append */])(listWrapper, ...nodes);
         }
       }
     }
@@ -57907,7 +58178,7 @@ class itemFoundation_ItemFoundation extends foundation {
 
 
   getNearestNodeInfo(listWrapper, selector) {
-    if (isElement(listWrapper) && isElement(selector)) {
+    if (Object(isElement["a" /* default */])(listWrapper) && Object(isElement["a" /* default */])(selector)) {
       var _context;
 
       const selectorRect = selector.getBoundingClientRect();
@@ -57946,7 +58217,7 @@ class itemFoundation_ItemFoundation extends foundation {
 
 
   getTargetNode(e, listWrapper) {
-    if (e && isElement(listWrapper)) {
+    if (e && Object(isElement["a" /* default */])(listWrapper)) {
       const targetTagName = 'li';
       const currentTarget = e.target;
       const itemNodes = listWrapper.querySelectorAll(targetTagName);
@@ -58059,7 +58330,7 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
         list
       } = this;
 
-      if (isElement(node) && isElement(list)) {
+      if (Object(isElement["a" /* default */])(node) && Object(isElement["a" /* default */])(list)) {
         const chilren = list.children;
 
         const index = findIndex_default()(chilren, node);
@@ -58075,7 +58346,7 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
         list
       } = this;
 
-      if (isElement(node) && isElement(list)) {
+      if (Object(isElement["a" /* default */])(node) && Object(isElement["a" /* default */])(list)) {
         const {
           children
         } = list;
@@ -58117,7 +58388,7 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
     this.isDisabledNode = node => {
       const listWrapper = this.list;
 
-      if (isElement(node) && isElement(listWrapper)) {
+      if (Object(isElement["a" /* default */])(node) && Object(isElement["a" /* default */])(listWrapper)) {
         const index = findIndex_default()(listWrapper.children, child => child === node);
 
         return this.isDisabledIndex(index);
@@ -58137,7 +58408,7 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
       } = _this;
       selectedNode = selectedNode || _this.selectedNode;
 
-      if (isElement(selectedNode) && isElement(list)) {
+      if (Object(isElement["a" /* default */])(selectedNode) && Object(isElement["a" /* default */])(list)) {
         const {
           children
         } = list;
@@ -58252,7 +58523,7 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
       selectedNode = selectedNode || this.selectedNode;
       scrollWrapper = scrollWrapper || this.wrapper;
 
-      if (isElement(selectedNode) && isElement(scrollWrapper)) {
+      if (Object(isElement["a" /* default */])(selectedNode) && Object(isElement["a" /* default */])(scrollWrapper)) {
         const scrollRect = scrollWrapper.getBoundingClientRect();
         const selectedRect = selectedNode.getBoundingClientRect();
         const targetTop = scrollWrapper.scrollTop + (selectedRect.top - (scrollRect.top + scrollRect.height / 2 - selectedRect.height / 2));
@@ -58519,7 +58790,7 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
       list
     } = this.props;
 
-    if (isElement(refNode) && isElement(listWrapper) && typeof offset === 'number' && is_array_default()(list) && list.length) {
+    if (Object(isElement["a" /* default */])(refNode) && Object(isElement["a" /* default */])(listWrapper) && typeof offset === 'number' && is_array_default()(list) && list.length) {
       offset = offset % list.length;
       const refIndex = this.getIndexByNode(refNode);
       let targetIndex = refIndex + offset;
@@ -59456,8 +59727,65 @@ yearAndMonth_YearAndMonth.defaultProps = {
   onSelect: noop_default.a
 };
 /* harmony default export */ var yearAndMonth = (yearAndMonth_YearAndMonth);
-// CONCATENATED MODULE: ./datePicker/monthsGrid.tsx
+// CONCATENATED MODULE: ../semi-foundation/datePicker/_utils/getDefaultPickerDate.ts
+
+
+
+
+
+/**
+ * get left panel picker date and right panel picker date
+ */
+
+function getDefaultPickerDate(options) {
+  const {
+    defaultPickerValue,
+    format,
+    dateFnsLocale
+  } = options;
+  let nowDate = is_array_default()(defaultPickerValue) ? defaultPickerValue[0] : defaultPickerValue;
+  let nextDate = is_array_default()(defaultPickerValue) ? defaultPickerValue[1] : undefined;
+
+  switch (true) {
+    case isValidDate(nowDate):
+      break;
+
+    case isTimestamp(nowDate):
+      nowDate = new Date(nowDate);
+      break;
+
+    case typeof nowDate === 'string':
+      nowDate = compatiableParse(nowDate, format, undefined, dateFnsLocale);
+      break;
+
+    default:
+      nowDate = new Date();
+      break;
+  }
+
+  switch (true) {
+    case isValidDate(nextDate):
+      break;
+
+    case isTimestamp(nextDate):
+      nextDate = new Date(nextDate);
+      break;
+
+    case typeof nextDate === 'string':
+      nextDate = compatiableParse(nextDate, format, undefined, dateFnsLocale);
+      break;
+
+    default:
+      nextDate = addMonths(nowDate, 1);
+      break;
+  }
 
+  return {
+    nowDate: nowDate,
+    nextDate: nextDate
+  };
+}
+// CONCATENATED MODULE: ./datePicker/monthsGrid.tsx
 
 
 
@@ -59489,6 +59817,7 @@ yearAndMonth_YearAndMonth.defaultProps = {
 
 
 
+
 const monthsGrid_prefixCls = datePicker_constants_cssClasses.PREFIX;
 class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
   constructor(props) {
@@ -59591,23 +59920,15 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
       return this.foundation.getYAMOpenType();
     };
 
-    let nowDate = is_array_default()(props.defaultPickerValue) ? props.defaultPickerValue[0] : props.defaultPickerValue;
     const validFormat = props.format || getDefaultFormatTokenByType(props.type);
-
-    if (!nowDate) {
-      nowDate = new Date();
-    } else {
-      nowDate = compatiableParse(nowDate, validFormat, undefined, props.dateFnsLocale);
-    }
-
-    let nextDate = is_array_default()(props.defaultPickerValue) ? props.defaultPickerValue[1] : undefined;
-
-    if (!nextDate) {
-      nextDate = addMonths(nowDate, 1);
-    } else {
-      nextDate = compatiableParse(nextDate, validFormat, undefined, props.dateFnsLocale);
-    }
-
+    const {
+      nowDate,
+      nextDate
+    } = getDefaultPickerDate({
+      defaultPickerValue: props.defaultPickerValue,
+      format: validFormat,
+      dateFnsLocale: props.dateFnsLocale
+    });
     const dateState = {
       // Direct use of full date string storage, mainly considering the month rendering comparison to save a conversion
       // The selected value for single or multiple selection, full date string, eg. {'2019-10-01', '2019-10-02'}
@@ -60106,7 +60427,7 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
       className: monthGridCls,
       "x-type": type,
       "x-panel-yearandmonth-open-type": yearOpenType,
-      "x-insetInput": insetInput ? "true" : "false",
+      "x-insetinput": insetInput ? "true" : "false",
       ref: current => this.cacheRefCurrent('monthGrid', current)
     }, content);
   }
@@ -62000,7 +62321,7 @@ const ConfirmModal = props => {
     ["".concat(confirmCls, "-rtl")]: direction === 'rtl'
   });
   const typeCls = classnames_default()(concat_default()(_context = "".concat(modal_constants_cssClasses.DIALOG, "-")).call(_context, type));
-  const iconNode = Object(_utils["d" /* isSemiIcon */])(icon) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
+  const iconNode = Object(_utils["e" /* isSemiIcon */])(icon) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
     className: concat_default()(_context2 = "".concat(confirmCls, "-icon ")).call(_context2, typeCls, "-icon"),
     size: 'extra-large'
   }) : icon;
@@ -63252,7 +63573,7 @@ class row_Row extends external_root_React_commonjs2_react_commonjs_react_amd_rea
   componentDidMount() {
     var _context;
 
-    this.unRegisters = map_default()(_context = keys_default()(responsiveMap)).call(_context, screen => Object(_utils["e" /* registerMediaQuery */])(responsiveMap[screen], {
+    this.unRegisters = map_default()(_context = keys_default()(responsiveMap)).call(_context, screen => Object(_utils["f" /* registerMediaQuery */])(responsiveMap[screen], {
       match: () => {
         if (typeof this.props.gutter !== 'object') {
           return;
@@ -63602,7 +63923,7 @@ class Sider_Sider extends external_root_React_commonjs2_react_commonjs_react_amd
 
     const matchBpt = filter_default()(_context2 = keys_default()(Sider_responsiveMap)).call(_context2, item => breakpoint && index_of_default()(breakpoint).call(breakpoint, item) !== -1);
 
-    const unRegisters = map_default()(matchBpt).call(matchBpt, screen => Object(_utils["e" /* registerMediaQuery */])(Sider_responsiveMap[screen], {
+    const unRegisters = map_default()(matchBpt).call(matchBpt, screen => Object(_utils["f" /* registerMediaQuery */])(Sider_responsiveMap[screen], {
       match: () => {
         this.responsiveHandler(screen, true);
       },
@@ -65642,7 +65963,7 @@ class foundation_InputNumberFoundation extends foundation {
   _adjustPrec(num) {
     const precision = this.getProp('precision');
 
-    if (typeof precision === 'number') {
+    if (typeof precision === 'number' && num !== '') {
       num = Number(num).toFixed(precision);
     }
 
@@ -67150,7 +67471,7 @@ class Item_NavItem extends baseComponent_BaseComponent {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("i", {
       className: className,
       key: key
-    }, Object(_utils["d" /* isSemiIcon */])(icon) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
+    }, Object(_utils["e" /* isSemiIcon */])(icon) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
       size: icon.props.size || iconSize
     }) : icon);
   }
@@ -68688,7 +69009,7 @@ class notice_Notice extends baseComponent_BaseComponent {
     if (iconType) {
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: iconCls
-      }, Object(_utils["d" /* isSemiIcon */])(iconType) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(iconType, {
+      }, Object(_utils["e" /* isSemiIcon */])(iconType) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(iconType, {
         size: iconType.props.size || 'large'
       }) : iconType);
     }
@@ -69000,9 +69321,10 @@ function useNotification_usePatchElement() {
 function useNotification() {
   const [elements, patchElement] = useNotification_usePatchElement();
   const noticeRef = new core_js_stable_map_default.a();
-  const id = getUuid('semi_notice_');
 
   const addNotice = config => {
+    const id = getUuid('semi_notice_');
+
     const mergeConfig = assign_default()(assign_default()({}, config), {
       id
     }); // eslint-disable-next-line prefer-const
@@ -74776,7 +75098,7 @@ class select_Select extends baseComponent_BaseComponent {
     const suffixWrapperCls = classnames_default()({
       ["".concat(select_prefixcls, "-suffix")]: true,
       ["".concat(select_prefixcls, "-suffix-text")]: suffix && isString_default()(suffix),
-      ["".concat(select_prefixcls, "-suffix-icon")]: Object(_utils["d" /* isSemiIcon */])(suffix)
+      ["".concat(select_prefixcls, "-suffix-icon")]: Object(_utils["e" /* isSemiIcon */])(suffix)
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: suffixWrapperCls
@@ -74794,7 +75116,7 @@ class select_Select extends baseComponent_BaseComponent {
       ["".concat(select_prefixcls, "-prefix")]: true,
       ["".concat(select_prefixcls, "-inset-label")]: insetLabel,
       ["".concat(select_prefixcls, "-prefix-text")]: labelNode && isString_default()(labelNode),
-      ["".concat(select_prefixcls, "-prefix-icon")]: Object(_utils["d" /* isSemiIcon */])(labelNode)
+      ["".concat(select_prefixcls, "-prefix-icon")]: Object(_utils["e" /* isSemiIcon */])(labelNode)
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: prefixWrapperCls,
@@ -90954,7 +91276,7 @@ class toast_Toast extends baseComponent_BaseComponent {
     const iconCls = classnames_default()("".concat(toast_prefixCls, "-icon"), concat_default()(_context = "".concat(toast_prefixCls, "-icon-")).call(_context, type));
 
     if (icon) {
-      return Object(_utils["d" /* isSemiIcon */])(icon) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
+      return Object(_utils["e" /* isSemiIcon */])(icon) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
         size: iconSize,
         className: "".concat(toast_prefixCls, "-icon")
       }) : icon;
@@ -94861,7 +95183,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       const suffixWrapperCls = classnames_default()({
         ["".concat(treeSelect_prefixcls, "-suffix")]: true,
         ["".concat(treeSelect_prefixcls, "-suffix-text")]: suffix && isString_default()(suffix),
-        ["".concat(treeSelect_prefixcls, "-suffix-icon")]: Object(_utils["d" /* isSemiIcon */])(suffix)
+        ["".concat(treeSelect_prefixcls, "-suffix-icon")]: Object(_utils["e" /* isSemiIcon */])(suffix)
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: suffixWrapperCls
@@ -94880,7 +95202,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         // to be doublechecked
         ["".concat(treeSelect_prefixcls, "-inset-label")]: insetLabel,
         ["".concat(treeSelect_prefixcls, "-prefix-text")]: labelNode && isString_default()(labelNode),
-        ["".concat(treeSelect_prefixcls, "-prefix-icon")]: Object(_utils["d" /* isSemiIcon */])(labelNode)
+        ["".concat(treeSelect_prefixcls, "-prefix-icon")]: Object(_utils["e" /* isSemiIcon */])(labelNode)
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: prefixWrapperCls,