@douyinfe/semi-ui 2.20.2 → 2.20.3

package/dist/umd/semi-ui.js

@@ -7856,6 +7856,216 @@ var defineProperty = (function() {
 module.exports = defineProperty;
 
 
+/***/ }),
+
+/***/ "Q0Dl":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* 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__, "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");
+/* harmony import */ var lodash_set__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_set__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var lodash_cloneDeepWith__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("NdXQ");
+/* harmony import */ var lodash_cloneDeepWith__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_cloneDeepWith__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("cDcd");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _douyinfe_semi_foundation_utils_warning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("MYbw");
+/* harmony import */ var _douyinfe_semi_foundation_utils_getHighlight__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("C5xO");
+/* harmony import */ var _douyinfe_semi_foundation_utils_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("Awix");
+
+
+
+
+/* eslint-disable max-len */
+
+/* argus-disable unPkgSensitiveInfo */
+
+
+
+
+/**
+ * stop propagation
+ *
+ * @param {React.MouseEvent<HTMLElement>} e React mouse event object
+ * @param {boolean} noImmediate Skip stopping immediate propagation
+ */
+
+function stopPropagation(e, noImmediate) {
+  if (e && typeof e.stopPropagation === 'function') {
+    e.stopPropagation();
+  }
+
+  if (!noImmediate && e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
+    e.nativeEvent.stopImmediatePropagation();
+  }
+}
+/**
+ *
+ * @param {any} value
+ * @param {Function} customizer
+ * @returns {any}
+ * use in Table, Form, Navigation
+ */
+
+function cloneDeep(value, customizer) {
+  return lodash_cloneDeepWith__WEBPACK_IMPORTED_MODULE_2___default()(value, v => {
+    if (typeof customizer === 'function') {
+      return customizer(v);
+    }
+
+    if (typeof v === 'function' || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.isValidElement(v)) {
+      return v;
+    }
+
+    if (Object.prototype.toString.call(v) === '[object Error]') {
+      return v;
+    }
+
+    if (Array.isArray(v) && v.length === 0) {
+      const keys = Object.keys(v);
+
+      if (keys.length) {
+        const newArray = [];
+        keys.forEach(key => {
+          lodash_set__WEBPACK_IMPORTED_MODULE_1___default()(newArray, key, v[key]);
+        }); // internal-issues:887
+
+        try {
+          Object(_douyinfe_semi_foundation_utils_warning__WEBPACK_IMPORTED_MODULE_4__[/* 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");
+        } catch (e) {}
+
+        return newArray;
+      } else {
+        return undefined;
+      }
+    }
+
+    return undefined;
+  });
+}
+/**
+ * [getHighLightTextHTML description]
+ *
+ * @param   {string} sourceString [source content text]
+ * @param   {Array<string>} searchWords [keywords to be highlighted]
+ * @param   {object} option
+ * @param   {true}      option.highlightTag [The tag wrapped by the highlighted content, mark is used by default]
+ * @param   {true}      option.highlightClassName
+ * @param   {true}      option.highlightStyle
+ * @param   {boolean}   option.caseSensitive
+ *
+ * @return  {Array<object>}
+ */
+
+const getHighLightTextHTML = _ref => {
+  let {
+    sourceString = '',
+    searchWords = [],
+    option = {
+      autoEscape: true,
+      caseSensitive: false
+    }
+  } = _ref;
+  const chunks = Object(_douyinfe_semi_foundation_utils_getHighlight__WEBPACK_IMPORTED_MODULE_5__[/* findAll */ "a"])(Object.assign({
+    sourceString,
+    searchWords
+  }, option));
+  const markEle = option.highlightTag || 'mark';
+  const highlightClassName = option.highlightClassName || '';
+  const highlightStyle = option.highlightStyle || {};
+  return chunks.map((chunk, index) => {
+    const {
+      end,
+      start,
+      highlight
+    } = chunk;
+    const text = sourceString.substr(start, end - start);
+
+    if (highlight) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(markEle, {
+        style: highlightStyle,
+        className: highlightClassName,
+        key: text + index
+      }, text);
+    } else {
+      return text;
+    }
+  });
+};
+/**
+ * register matchFn and unMatchFn callback while media query
+ * @param {string} media media string
+ * @param {object} param param object
+ * @returns function
+ */
+
+const registerMediaQuery = (media, _ref2) => {
+  let {
+    match,
+    unmatch,
+    callInInit = true
+  } = _ref2;
+
+  if (typeof window !== 'undefined') {
+    const mediaQueryList = window.matchMedia(media);
+
+    function handlerMediaChange(e) {
+      if (e.matches) {
+        match && match(e);
+      } else {
+        unmatch && unmatch(e);
+      }
+    }
+
+    callInInit && handlerMediaChange(mediaQueryList);
+
+    if (Object.prototype.hasOwnProperty.call(mediaQueryList, 'addEventListener')) {
+      mediaQueryList.addEventListener('change', handlerMediaChange);
+      return () => mediaQueryList.removeEventListener('change', handlerMediaChange);
+    }
+
+    mediaQueryList.addListener(handlerMediaChange);
+    return () => mediaQueryList.removeListener(handlerMediaChange);
+  }
+
+  return () => undefined;
+};
+/**
+ * Determine whether the incoming element is a built-in icon
+ * @param icon 元素
+ * @returns boolean
+ */
+
+const isSemiIcon = icon => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___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_6__[/* 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 = Array.from(node.querySelectorAll(focusableSelectorsStr));
+  return focusableElements;
+}
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("F63i")))
+
 /***/ }),
 
 /***/ "Q4oW":
@@ -10053,216 +10263,6 @@ module.exports = isRegExp;
 
 
 
-/***/ }),
-
-/***/ "UU7A":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* 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__, "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");
-/* harmony import */ var lodash_set__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_set__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var lodash_cloneDeepWith__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("NdXQ");
-/* harmony import */ var lodash_cloneDeepWith__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_cloneDeepWith__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("cDcd");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _douyinfe_semi_foundation_utils_warning__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("MYbw");
-/* harmony import */ var _douyinfe_semi_foundation_utils_getHighlight__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("C5xO");
-/* harmony import */ var _douyinfe_semi_foundation_utils_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("Awix");
-
-
-
-
-/* eslint-disable max-len */
-
-/* argus-disable unPkgSensitiveInfo */
-
-
-
-
-/**
- * stop propagation
- *
- * @param {React.MouseEvent<HTMLElement>} e React mouse event object
- * @param {boolean} noImmediate Skip stopping immediate propagation
- */
-
-function stopPropagation(e, noImmediate) {
-  if (e && typeof e.stopPropagation === 'function') {
-    e.stopPropagation();
-  }
-
-  if (!noImmediate && e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
-    e.nativeEvent.stopImmediatePropagation();
-  }
-}
-/**
- *
- * @param {any} value
- * @param {Function} customizer
- * @returns {any}
- * use in Table, Form, Navigation
- */
-
-function cloneDeep(value, customizer) {
-  return lodash_cloneDeepWith__WEBPACK_IMPORTED_MODULE_2___default()(value, v => {
-    if (typeof customizer === 'function') {
-      return customizer(v);
-    }
-
-    if (typeof v === 'function' || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.isValidElement(v)) {
-      return v;
-    }
-
-    if (Object.prototype.toString.call(v) === '[object Error]') {
-      return v;
-    }
-
-    if (Array.isArray(v) && v.length === 0) {
-      const keys = Object.keys(v);
-
-      if (keys.length) {
-        const newArray = [];
-        keys.forEach(key => {
-          lodash_set__WEBPACK_IMPORTED_MODULE_1___default()(newArray, key, v[key]);
-        }); // internal-issues:887
-
-        try {
-          Object(_douyinfe_semi_foundation_utils_warning__WEBPACK_IMPORTED_MODULE_4__[/* 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");
-        } catch (e) {}
-
-        return newArray;
-      } else {
-        return undefined;
-      }
-    }
-
-    return undefined;
-  });
-}
-/**
- * [getHighLightTextHTML description]
- *
- * @param   {string} sourceString [source content text]
- * @param   {Array<string>} searchWords [keywords to be highlighted]
- * @param   {object} option
- * @param   {true}      option.highlightTag [The tag wrapped by the highlighted content, mark is used by default]
- * @param   {true}      option.highlightClassName
- * @param   {true}      option.highlightStyle
- * @param   {boolean}   option.caseSensitive
- *
- * @return  {Array<object>}
- */
-
-const getHighLightTextHTML = _ref => {
-  let {
-    sourceString = '',
-    searchWords = [],
-    option = {
-      autoEscape: true,
-      caseSensitive: false
-    }
-  } = _ref;
-  const chunks = Object(_douyinfe_semi_foundation_utils_getHighlight__WEBPACK_IMPORTED_MODULE_5__[/* findAll */ "a"])(Object.assign({
-    sourceString,
-    searchWords
-  }, option));
-  const markEle = option.highlightTag || 'mark';
-  const highlightClassName = option.highlightClassName || '';
-  const highlightStyle = option.highlightStyle || {};
-  return chunks.map((chunk, index) => {
-    const {
-      end,
-      start,
-      highlight
-    } = chunk;
-    const text = sourceString.substr(start, end - start);
-
-    if (highlight) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(markEle, {
-        style: highlightStyle,
-        className: highlightClassName,
-        key: text + index
-      }, text);
-    } else {
-      return text;
-    }
-  });
-};
-/**
- * register matchFn and unMatchFn callback while media query
- * @param {string} media media string
- * @param {object} param param object
- * @returns function
- */
-
-const registerMediaQuery = (media, _ref2) => {
-  let {
-    match,
-    unmatch,
-    callInInit = true
-  } = _ref2;
-
-  if (typeof window !== 'undefined') {
-    const mediaQueryList = window.matchMedia(media);
-
-    function handlerMediaChange(e) {
-      if (e.matches) {
-        match && match(e);
-      } else {
-        unmatch && unmatch(e);
-      }
-    }
-
-    callInInit && handlerMediaChange(mediaQueryList);
-
-    if (Object.prototype.hasOwnProperty.call(mediaQueryList, 'addEventListener')) {
-      mediaQueryList.addEventListener('change', handlerMediaChange);
-      return () => mediaQueryList.removeEventListener('change', handlerMediaChange);
-    }
-
-    mediaQueryList.addListener(handlerMediaChange);
-    return () => mediaQueryList.removeListener(handlerMediaChange);
-  }
-
-  return () => undefined;
-};
-/**
- * Determine whether the incoming element is a built-in icon
- * @param icon 元素
- * @returns boolean
- */
-
-const isSemiIcon = icon => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___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_6__[/* 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 = Array.from(node.querySelectorAll(focusableSelectorsStr));
-  return focusableElements;
-}
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("F63i")))
-
 /***/ }),
 
 /***/ "UdtX":
@@ -19301,8 +19301,8 @@ var tooltip = __webpack_require__("VQVM");
 // EXTERNAL MODULE: ../semi-foundation/utils/isElement.ts
 var isElement = __webpack_require__("Awix");
 
-// EXTERNAL MODULE: ./_utils/index.ts
-var _utils = __webpack_require__("UU7A");
+// EXTERNAL MODULE: ./_utils/index.tsx
+var _utils = __webpack_require__("Q0Dl");
 
 // CONCATENATED MODULE: ./configProvider/context.tsx
 
@@ -30713,6 +30713,7 @@ class item_BreadcrumbItem extends baseComponent_BaseComponent {
       const className = "".concat(item_clsPrefix, "-item-icon");
 
       if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(iconType)) {
+        //@ts-ignore
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(iconType, {
           className,
           size: iconSize
@@ -31204,7 +31205,7 @@ class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
     let lineCls = "".concat(buttonGroup_prefixCls, "-group-line");
 
     if (inner.length > 1) {
-      inner.slice(0, -1).forEach(item => {
+      inner.slice(0, -1).forEach((item, index) => {
         const isButtonType = get_default()(item, 'type.elementType') === 'Button';
 
         const buttonProps = get_default()(item, 'props');
@@ -31222,7 +31223,8 @@ class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
 
         if (isButtonType) {
           innerWithLine.push(item, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-            className: lineCls
+            className: lineCls,
+            key: "line-".concat(index)
           }));
         } else {
           innerWithLine.push(item);
@@ -31253,13 +31255,17 @@ class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
     const cls = classnames_default()("".concat(buttonGroup_prefixCls, "-group"), className);
 
     if (children) {
-      inner = (Array.isArray(children) ? children : [children]).map((itm, index) => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(itm) ? /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["cloneElement"])(itm, Object.assign(Object.assign(Object.assign({
-        disabled,
-        size,
-        type
-      }, itm.props), rest), {
-        key: index
-      })) : itm);
+      inner = (Array.isArray(children) ? children : [children]).map((itm, index) => {
+        var _a;
+
+        return /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(itm) ? /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["cloneElement"])(itm, Object.assign(Object.assign(Object.assign({
+          disabled,
+          size,
+          type
+        }, itm.props), rest), {
+          key: (_a = itm.key) !== null && _a !== void 0 ? _a : index
+        })) : itm;
+      });
       innerWithLine = this.getInnerWithLine(inner);
     }
 
@@ -59822,7 +59828,6 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         role: "dialog",
         ref: this.modalDialogRef,
-        tabIndex: -1,
         "aria-modal": "true",
         "aria-labelledby": "".concat(modal_constants_cssClasses.DIALOG, "-title"),
         "aria-describedby": "".concat(modal_constants_cssClasses.DIALOG, "-body"),
@@ -59922,8 +59927,16 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
   }
 
   componentDidMount() {
+    var _a;
+
     this.foundation.handleKeyDownEventListenerMount();
     this.foundation.modalDialogFocus();
+    const nodes = FocusHandle.getFocusableElements(this.modalDialogRef.current);
+
+    if (!this.modalDialogRef.current.contains(document.activeElement)) {
+      // focus on first focusable element
+      (_a = nodes[0]) === null || _a === void 0 ? void 0 : _a.focus();
+    }
   }
 
   componentWillUnmount() {
@@ -59952,7 +59965,6 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
       className: classList
     }, this.getMaskElement(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       role: "none",
-      tabIndex: -1,
       className: classnames_default()({
         ["".concat(modal_constants_cssClasses.DIALOG, "-wrap")]: true,
         ["".concat(modal_constants_cssClasses.DIALOG, "-wrap-center")]: this.props.centered
@@ -61313,6 +61325,7 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
       showArrow: false,
       returnFocusOnClose: true
     }, attr), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(children) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(children, {
+      //@ts-ignore
       className: classnames_default()(get_default()(children, 'props.className'), {
         ["".concat(prefixCls, "-showing")]: popVisible
       }),
@@ -64304,7 +64317,7 @@ class inputNumber_InputNumber extends baseComponent_BaseComponent {
         }
       }
 
-      if (isString_default()(newValue) && newValue !== String(this.props.value)) {
+      if (newValue && isString_default()(newValue) && newValue !== String(this.props.value)) {
         this.foundation.notifyChange(newValue, null);
       }
     }
@@ -65441,6 +65454,7 @@ function OpenIconTransition() {
 
     if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(children)) {
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(children, {
+        // @ts-ignore
         style: Object.assign(Object.assign({}, children.props && children.props.style), formatedStyle)
       });
     }
@@ -65584,11 +65598,15 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
       ["".concat(prefixCls, "-item-icon-info")]: !isToggleIcon
     });
     const isOpen = this.adapter.getIsOpen();
-    const iconElem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(icon) ? withTransition ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(navigation_OpenIconTransition, {
+    const iconElem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(icon) ? withTransition ?
+    /*#__PURE__*/
+    // @ts-ignore
+    external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(navigation_OpenIconTransition, {
       isOpen: isOpen
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
       size: iconSize
-    })) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
+    })) //@ts-ignore
+    : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
       size: iconSize
     }) : null;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("i", {
@@ -65922,13 +65940,13 @@ class Footer_NavFooter extends external_root_React_commonjs2_react_commonjs_reac
         locale,
         isCollapsed
       } = this.context;
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(CollapseButton, Object.assign({
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(CollapseButton, {
         prefixCls: prefixCls,
         isCollapsed: isCollapsed,
         locale: locale,
         onClick: onCollapseChange,
         collapseText: collapseText
-      }, collapseButton));
+      });
     };
   }
 
@@ -84635,7 +84653,7 @@ class Body_Body extends baseComponent_BaseComponent {
         overflowY: 'auto'
       };
       const wrapCls = classnames_default()("".concat(prefixCls, "-body"));
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(VariableSizeList, Object.assign({}, virtualized, {
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(VariableSizeList, Object.assign({}, typeof virtualized === 'object' ? virtualized : {}, {
         initialScrollOffset: this.state.cache.virtualizedScrollTop,
         onScroll: this.handleVirtualizedScroll,
         onItemsRendered: this.onItemsRendered,
@@ -88321,6 +88339,7 @@ class timeline_Timeline extends external_root_React_commonjs2_react_commonjs_rea
     this.addClassName = items => external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.map(items, (ele, idx) => {
       if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(ele)) {
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(ele, {
+          // @ts-ignore
           className: classnames_default()(ele.props.className, this.getPosCls(ele, idx))
         });
       }
@@ -100072,7 +100091,10 @@ function useStateWithGetter(initial) {
 
 
 
-const withField_prefix = form_constants_cssClasses.PREFIX;
+const withField_prefix = form_constants_cssClasses.PREFIX; // To avoid useLayoutEffect warning when ssr, refer: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
+// Fix issue 1140
+
+const useIsomorphicEffect = typeof window !== 'undefined' ? external_root_React_commonjs2_react_commonjs_react_amd_react_["useLayoutEffect"] : external_root_React_commonjs2_react_commonjs_react_amd_react_["useEffect"];
 /**
  * withFiled is used to inject components
  * 1. Takes over the value and onChange of the component and synchronizes them to Form Foundation
@@ -100412,12 +100434,12 @@ function withField(Component, opts) {
       status
     }; // avoid hooks capture value, fixed issue 346
 
-    Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useLayoutEffect"])(() => {
+    useIsomorphicEffect(() => {
       rulesRef.current = rules;
       validateRef.current = validate;
     }, [rules, validate]); // exec validate once when trigger inlcude 'mount'
 
-    Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useLayoutEffect"])(() => {
+    useIsomorphicEffect(() => {
       if (validateOnMount) {
         fieldValidate(value);
       } // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -100425,7 +100447,7 @@ function withField(Component, opts) {
     }, []); // register when mounted，unregister when unmounted
     // register again when field change
 
-    Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useLayoutEffect"])(() => {
+    useIsomorphicEffect(() => {
       // register
       if (typeof field === 'undefined') {
         // eslint-disable-next-line @typescript-eslint/no-empty-function