@douyinfe/semi-ui 2.9.1 → 2.10.0

package/dist/umd/semi-ui.js

@@ -1604,6 +1604,97 @@ function times(n, iteratee) {
 module.exports = times;
 
 
+/***/ }),
+
+/***/ "16Al":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+
+var ReactPropTypesSecret = __webpack_require__("WbBG");
+
+function emptyFunction() {}
+function emptyFunctionWithReset() {}
+emptyFunctionWithReset.resetWarningCache = emptyFunction;
+
+module.exports = function() {
+  function shim(props, propName, componentName, location, propFullName, secret) {
+    if (secret === ReactPropTypesSecret) {
+      // It is still safe when called from React.
+      return;
+    }
+    var err = new Error(
+      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+      'Use PropTypes.checkPropTypes() to call them. ' +
+      'Read more at http://fb.me/use-check-prop-types'
+    );
+    err.name = 'Invariant Violation';
+    throw err;
+  };
+  shim.isRequired = shim;
+  function getShim() {
+    return shim;
+  };
+  // Important!
+  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+  var ReactPropTypes = {
+    array: shim,
+    bool: shim,
+    func: shim,
+    number: shim,
+    object: shim,
+    string: shim,
+    symbol: shim,
+
+    any: shim,
+    arrayOf: getShim,
+    element: shim,
+    elementType: shim,
+    instanceOf: getShim,
+    node: shim,
+    objectOf: getShim,
+    oneOf: getShim,
+    oneOfType: getShim,
+    shape: getShim,
+    exact: getShim,
+
+    checkPropTypes: emptyFunctionWithReset,
+    resetWarningCache: emptyFunction
+  };
+
+  ReactPropTypes.PropTypes = ReactPropTypes;
+
+  return ReactPropTypes;
+};
+
+
+/***/ }),
+
+/***/ "17x9":
+/***/ (function(module, exports, __webpack_require__) {
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+if (false) { var throwOnDirectAccess, ReactIs; } else {
+  // By explicitly using `prop-types` you are opting into new production behavior.
+  // http://fb.me/prop-types-in-prod
+  module.exports = __webpack_require__("16Al")();
+}
+
+
 /***/ }),
 
 /***/ "1EDM":
@@ -4319,6 +4410,13 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "BKEV":
+/***/ (function(module, exports) {
+
+
+
 /***/ }),
 
 /***/ "BMex":
@@ -7400,6 +7498,13 @@ Stack.prototype.set = stackSet;
 module.exports = Stack;
 
 
+/***/ }),
+
+/***/ "HzcD":
+/***/ (function(module, exports) {
+
+
+
 /***/ }),
 
 /***/ "I1fX":
@@ -7434,29 +7539,29 @@ module.exports = baseTrim;
 "use strict";
 
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.matchesSelector = matchesSelector;
-exports.matchesSelectorAndParentsTo = matchesSelectorAndParentsTo;
+exports.addClassName = addClassName;
 exports.addEvent = addEvent;
-exports.removeEvent = removeEvent;
-exports.outerHeight = outerHeight;
-exports.outerWidth = outerWidth;
-exports.innerHeight = innerHeight;
-exports.innerWidth = innerWidth;
-exports.offsetXYFromParent = offsetXYFromParent;
+exports.addUserSelectStyles = addUserSelectStyles;
 exports.createCSSTransform = createCSSTransform;
 exports.createSVGTransform = createSVGTransform;
-exports.getTranslation = getTranslation;
 exports.getTouch = getTouch;
 exports.getTouchIdentifier = getTouchIdentifier;
-exports.addUserSelectStyles = addUserSelectStyles;
-exports.removeUserSelectStyles = removeUserSelectStyles;
-exports.addClassName = addClassName;
+exports.getTranslation = getTranslation;
+exports.innerHeight = innerHeight;
+exports.innerWidth = innerWidth;
+exports.matchesSelector = matchesSelector;
+exports.matchesSelectorAndParentsTo = matchesSelectorAndParentsTo;
+exports.offsetXYFromParent = offsetXYFromParent;
+exports.outerHeight = outerHeight;
+exports.outerWidth = outerWidth;
 exports.removeClassName = removeClassName;
+exports.removeEvent = removeEvent;
+exports.removeUserSelectStyles = removeUserSelectStyles;
 
 var _shims = __webpack_require__("cCoX");
 
@@ -7466,9 +7571,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -9998,11 +10103,17 @@ $({ target: 'Array', proto: true, forced: !STRICT_METHOD }, {
 
 var $ = __webpack_require__("n9AK");
 var $includes = __webpack_require__("A551").includes;
+var fails = __webpack_require__("XU0c");
 var addToUnscopables = __webpack_require__("Uh/D");
 
+// FF99+ bug
+var BROKEN_ON_SPARSE = fails(function () {
+  return !Array(1).includes();
+});
+
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
-$({ target: 'Array', proto: true }, {
+$({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -10332,13 +10443,13 @@ module.exports = toPath;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getBoundPosition = getBoundPosition;
-exports.snapToGrid = snapToGrid;
 exports.canDragX = canDragX;
 exports.canDragY = canDragY;
-exports.getControlPosition = getControlPosition;
 exports.createCoreData = createCoreData;
 exports.createDraggableData = createDraggableData;
+exports.getBoundPosition = getBoundPosition;
+exports.getControlPosition = getControlPosition;
+exports.snapToGrid = snapToGrid;
 
 var _shims = __webpack_require__("cCoX");
 
@@ -11281,10 +11392,10 @@ var store = __webpack_require__("yULr");
 (module.exports = function (key, value) {
   return store[key] || (store[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.22.1',
+  version: '3.22.3',
   mode: IS_PURE ? 'pure' : 'global',
   copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.22.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.22.3/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -13367,7 +13478,7 @@ module.exports = overArg;
 "use strict";
 
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13410,9 +13521,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
@@ -13640,7 +13751,21 @@ var DraggableCore = /*#__PURE__*/function (_React$Component) {
       var position = (0, _positionFns.getControlPosition)(e, _this.state.touchIdentifier, _assertThisInitialized(_this));
       if (position == null) return;
       var x = position.x,
-          y = position.y;
+          y = position.y; // Snap to grid if prop has been provided
+
+      if (Array.isArray(_this.props.grid)) {
+        var deltaX = x - _this.state.lastX || 0;
+        var deltaY = y - _this.state.lastY || 0;
+
+        var _snapToGrid3 = (0, _positionFns.snapToGrid)(_this.props.grid, deltaX, deltaY);
+
+        var _snapToGrid4 = _slicedToArray(_snapToGrid3, 2);
+
+        deltaX = _snapToGrid4[0];
+        deltaY = _snapToGrid4[1];
+        x = _this.state.lastX + deltaX, y = _this.state.lastY + deltaY;
+      }
+
       var coreEvent = (0, _positionFns.createCoreData)(_assertThisInitialized(_this), x, y); // Call event handler
 
       var shouldContinue = _this.props.onStop(e, coreEvent);
@@ -13737,9 +13862,9 @@ var DraggableCore = /*#__PURE__*/function (_React$Component) {
     value: function findDOMNode()
     /*: ?HTMLElement*/
     {
-      var _this$props$nodeRef$c, _this$props, _this$props$nodeRef;
+      var _this$props, _this$props2, _this$props2$nodeRef;
 
-      return (_this$props$nodeRef$c = (_this$props = this.props) === null || _this$props === void 0 ? void 0 : (_this$props$nodeRef = _this$props.nodeRef) === null || _this$props$nodeRef === void 0 ? void 0 : _this$props$nodeRef.current) !== null && _this$props$nodeRef$c !== void 0 ? _this$props$nodeRef$c : _reactDom.default.findDOMNode(this);
+      return (_this$props = this.props) !== null && _this$props !== void 0 && _this$props.nodeRef ? (_this$props2 = this.props) === null || _this$props2 === void 0 ? void 0 : (_this$props2$nodeRef = _this$props2.nodeRef) === null || _this$props2$nodeRef === void 0 ? void 0 : _this$props2$nodeRef.current : _reactDom.default.findDOMNode(this);
     }
   }, {
     key: "render",
@@ -14730,6 +14855,26 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "WbBG":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+
+var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+module.exports = ReactPropTypesSecret;
+
+
 /***/ }),
 
 /***/ "WbkG":
@@ -14778,13 +14923,6 @@ function buildMatchPatternFn(args) {
 
 module.exports = exports.default;
 
-/***/ }),
-
-/***/ "WvjI":
-/***/ (function(module, exports) {
-
-
-
 /***/ }),
 
 /***/ "X+IB":
@@ -18266,11 +18404,11 @@ exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDes
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.dontSetMe = dontSetMe;
 exports.findInArray = findInArray;
+exports.int = int;
 exports.isFunction = isFunction;
 exports.isNum = isNum;
-exports.int = int;
-exports.dontSetMe = dontSetMe;
 
 // @credits https://gist.github.com/rogozhnikoff/a43cfed27c41e4e68cdc
 function findInArray(array
@@ -18739,7 +18877,7 @@ module.exports = mapCacheDelete;
 "use strict";
 
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -18784,9 +18922,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -18804,9 +18942,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
@@ -24816,6 +24954,7 @@ __webpack_require__.d(__webpack_exports__, "ButtonGroup", function() { return /*
 __webpack_require__.d(__webpack_exports__, "Calendar", function() { return /* reexport */ calendar_0; });
 __webpack_require__.d(__webpack_exports__, "Card", function() { return /* reexport */ card_0; });
 __webpack_require__.d(__webpack_exports__, "CardGroup", function() { return /* reexport */ cardGroup; });
+__webpack_require__.d(__webpack_exports__, "Carousel", function() { return /* reexport */ carousel_0; });
 __webpack_require__.d(__webpack_exports__, "Cascader", function() { return /* reexport */ cascader_0; });
 __webpack_require__.d(__webpack_exports__, "Checkbox", function() { return /* reexport */ checkbox_0; });
 __webpack_require__.d(__webpack_exports__, "CheckboxGroup", function() { return /* reexport */ checkboxGroup; });
@@ -24957,8 +25096,8 @@ var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__
 var classnames = __webpack_require__("O94r");
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 
-// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/prop-types/index.js
-var prop_types = __webpack_require__("aWzz");
+// EXTERNAL MODULE: ./node_modules/prop-types/index.js
+var prop_types = __webpack_require__("17x9");
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 
 // CONCATENATED MODULE: ../semi-foundation/base/env.ts
@@ -25689,7 +25828,7 @@ var find_index_default = /*#__PURE__*/__webpack_require__.n(find_index);
 
 // CONCATENATED MODULE: ../semi-foundation/utils/isNullOrUndefined.ts
 /**
- * Whether null or undenfined
+ * Whether null or undefined
  * @param {*} value
  * @returns  {boolean}
  */
@@ -30519,12 +30658,12 @@ localeConsumer_LocaleConsumer.defaultProps = {
 var is_safe_integer = __webpack_require__("lpbv");
 var is_safe_integer_default = /*#__PURE__*/__webpack_require__.n(is_safe_integer);
 
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/env.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/env.js
 const env_BASE_CLASS_PREFIX = 'semi';
-// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/styles/icons.css
-var icons = __webpack_require__("WvjI");
+// EXTERNAL MODULE: ../semi-icons/lib/es/styles/icons.css
+var icons = __webpack_require__("BKEV");
 
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/components/Icon.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/components/Icon.js
 
 
 
@@ -30604,7 +30743,7 @@ const convertIcon = (Svg, iconType) => {
 
 
 /* harmony default export */ var components_Icon = (Icon);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconAlertCircle.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconAlertCircle.js
 
 
 
@@ -30628,7 +30767,7 @@ function SvgComponent(props) {
 
 const IconComponent = convertIcon(SvgComponent, 'alert_circle');
 /* harmony default export */ var IconAlertCircle = (IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconAlertTriangle.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconAlertTriangle.js
 
 
 
@@ -30652,7 +30791,7 @@ function IconAlertTriangle_SvgComponent(props) {
 
 const IconAlertTriangle_IconComponent = convertIcon(IconAlertTriangle_SvgComponent, 'alert_triangle');
 /* harmony default export */ var IconAlertTriangle = (IconAlertTriangle_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconCalendar.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCalendar.js
 
 
 
@@ -30676,7 +30815,7 @@ function IconCalendar_SvgComponent(props) {
 
 const IconCalendar_IconComponent = convertIcon(IconCalendar_SvgComponent, 'calendar');
 /* harmony default export */ var IconCalendar = (IconCalendar_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconCalendarClock.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCalendarClock.js
 
 
 
@@ -30715,7 +30854,7 @@ function IconCalendarClock_SvgComponent(props) {
 
 const IconCalendarClock_IconComponent = convertIcon(IconCalendarClock_SvgComponent, 'calendar_clock');
 /* harmony default export */ var IconCalendarClock = (IconCalendarClock_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconCaretdown.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCaretdown.js
 
 
 
@@ -30737,7 +30876,7 @@ function IconCaretdown_SvgComponent(props) {
 
 const IconCaretdown_IconComponent = convertIcon(IconCaretdown_SvgComponent, 'caretdown');
 /* harmony default export */ var IconCaretdown = (IconCaretdown_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconCaretup.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCaretup.js
 
 
 
@@ -30759,7 +30898,7 @@ function IconCaretup_SvgComponent(props) {
 
 const IconCaretup_IconComponent = convertIcon(IconCaretup_SvgComponent, 'caretup');
 /* harmony default export */ var IconCaretup = (IconCaretup_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconCheckboxIndeterminate.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCheckboxIndeterminate.js
 
 
 
@@ -30781,7 +30920,7 @@ function IconCheckboxIndeterminate_SvgComponent(props) {
 
 const IconCheckboxIndeterminate_IconComponent = convertIcon(IconCheckboxIndeterminate_SvgComponent, 'checkbox_indeterminate');
 /* harmony default export */ var IconCheckboxIndeterminate = (IconCheckboxIndeterminate_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconCheckboxTick.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCheckboxTick.js
 
 
 
@@ -30805,7 +30944,7 @@ function IconCheckboxTick_SvgComponent(props) {
 
 const IconCheckboxTick_IconComponent = convertIcon(IconCheckboxTick_SvgComponent, 'checkbox_tick');
 /* harmony default export */ var IconCheckboxTick = (IconCheckboxTick_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconChevronDown.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronDown.js
 
 
 
@@ -30829,7 +30968,7 @@ function IconChevronDown_SvgComponent(props) {
 
 const IconChevronDown_IconComponent = convertIcon(IconChevronDown_SvgComponent, 'chevron_down');
 /* harmony default export */ var IconChevronDown = (IconChevronDown_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconChevronLeft.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronLeft.js
 
 
 
@@ -30853,7 +30992,7 @@ function IconChevronLeft_SvgComponent(props) {
 
 const IconChevronLeft_IconComponent = convertIcon(IconChevronLeft_SvgComponent, 'chevron_left');
 /* harmony default export */ var IconChevronLeft = (IconChevronLeft_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconChevronRight.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronRight.js
 
 
 
@@ -30877,7 +31016,7 @@ function IconChevronRight_SvgComponent(props) {
 
 const IconChevronRight_IconComponent = convertIcon(IconChevronRight_SvgComponent, 'chevron_right');
 /* harmony default export */ var IconChevronRight = (IconChevronRight_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconChevronUp.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronUp.js
 
 
 
@@ -30901,7 +31040,7 @@ function IconChevronUp_SvgComponent(props) {
 
 const IconChevronUp_IconComponent = convertIcon(IconChevronUp_SvgComponent, 'chevron_up');
 /* harmony default export */ var IconChevronUp = (IconChevronUp_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconClear.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconClear.js
 
 
 
@@ -30925,7 +31064,7 @@ function IconClear_SvgComponent(props) {
 
 const IconClear_IconComponent = convertIcon(IconClear_SvgComponent, 'clear');
 /* harmony default export */ var IconClear = (IconClear_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconClock.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconClock.js
 
 
 
@@ -30949,7 +31088,7 @@ function IconClock_SvgComponent(props) {
 
 const IconClock_IconComponent = convertIcon(IconClock_SvgComponent, 'clock');
 /* harmony default export */ var IconClock = (IconClock_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconClose.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconClose.js
 
 
 
@@ -30971,7 +31110,7 @@ function IconClose_SvgComponent(props) {
 
 const IconClose_IconComponent = convertIcon(IconClose_SvgComponent, 'close');
 /* harmony default export */ var IconClose = (IconClose_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconCopy.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCopy.js
 
 
 
@@ -30996,7 +31135,7 @@ function IconCopy_SvgComponent(props) {
 
 const IconCopy_IconComponent = convertIcon(IconCopy_SvgComponent, 'copy');
 /* harmony default export */ var IconCopy = (IconCopy_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconDoubleChevronLeft.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconDoubleChevronLeft.js
 
 
 
@@ -31025,7 +31164,7 @@ function IconDoubleChevronLeft_SvgComponent(props) {
 
 const IconDoubleChevronLeft_IconComponent = convertIcon(IconDoubleChevronLeft_SvgComponent, 'double_chevron_left');
 /* harmony default export */ var IconDoubleChevronLeft = (IconDoubleChevronLeft_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconDoubleChevronRight.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconDoubleChevronRight.js
 
 
 
@@ -31054,7 +31193,7 @@ function IconDoubleChevronRight_SvgComponent(props) {
 
 const IconDoubleChevronRight_IconComponent = convertIcon(IconDoubleChevronRight_SvgComponent, 'double_chevron_right');
 /* harmony default export */ var IconDoubleChevronRight = (IconDoubleChevronRight_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconEyeClosedSolid.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconEyeClosedSolid.js
 
 
 
@@ -31081,7 +31220,7 @@ function IconEyeClosedSolid_SvgComponent(props) {
 
 const IconEyeClosedSolid_IconComponent = convertIcon(IconEyeClosedSolid_SvgComponent, 'eye_closed_solid');
 /* harmony default export */ var IconEyeClosedSolid = (IconEyeClosedSolid_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconEyeOpened.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconEyeOpened.js
 
 
 
@@ -31105,7 +31244,7 @@ function IconEyeOpened_SvgComponent(props) {
 
 const IconEyeOpened_IconComponent = convertIcon(IconEyeOpened_SvgComponent, 'eye_opened');
 /* harmony default export */ var IconEyeOpened = (IconEyeOpened_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconFile.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFile.js
 
 
 
@@ -31129,7 +31268,7 @@ function IconFile_SvgComponent(props) {
 
 const IconFile_IconComponent = convertIcon(IconFile_SvgComponent, 'file');
 /* harmony default export */ var IconFile = (IconFile_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconFilter.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFilter.js
 
 
 
@@ -31153,7 +31292,7 @@ function IconFilter_SvgComponent(props) {
 
 const IconFilter_IconComponent = convertIcon(IconFilter_SvgComponent, 'filter');
 /* harmony default export */ var IconFilter = (IconFilter_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconFolder.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFolder.js
 
 
 
@@ -31178,7 +31317,7 @@ function IconFolder_SvgComponent(props) {
 
 const IconFolder_IconComponent = convertIcon(IconFolder_SvgComponent, 'folder');
 /* harmony default export */ var IconFolder = (IconFolder_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconFolderOpen.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFolderOpen.js
 
 
 
@@ -31202,7 +31341,7 @@ function IconFolderOpen_SvgComponent(props) {
 
 const IconFolderOpen_IconComponent = convertIcon(IconFolderOpen_SvgComponent, 'folder_open');
 /* harmony default export */ var IconFolderOpen = (IconFolderOpen_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconHandle.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconHandle.js
 
 
 
@@ -31239,7 +31378,7 @@ function IconHandle_SvgComponent(props) {
 
 const IconHandle_IconComponent = convertIcon(IconHandle_SvgComponent, 'handle');
 /* harmony default export */ var IconHandle = (IconHandle_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconHelpCircle.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconHelpCircle.js
 
 
 
@@ -31263,7 +31402,7 @@ function IconHelpCircle_SvgComponent(props) {
 
 const IconHelpCircle_IconComponent = convertIcon(IconHelpCircle_SvgComponent, 'help_circle');
 /* harmony default export */ var IconHelpCircle = (IconHelpCircle_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconInfoCircle.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconInfoCircle.js
 
 
 
@@ -31287,7 +31426,7 @@ function IconInfoCircle_SvgComponent(props) {
 
 const IconInfoCircle_IconComponent = convertIcon(IconInfoCircle_SvgComponent, 'info_circle');
 /* harmony default export */ var IconInfoCircle = (IconInfoCircle_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconMore.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconMore.js
 
 
 
@@ -31315,7 +31454,7 @@ function IconMore_SvgComponent(props) {
 
 const IconMore_IconComponent = convertIcon(IconMore_SvgComponent, 'more');
 /* harmony default export */ var IconMore = (IconMore_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconRadio.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconRadio.js
 
 
 
@@ -31339,7 +31478,7 @@ function IconRadio_SvgComponent(props) {
 
 const IconRadio_IconComponent = convertIcon(IconRadio_SvgComponent, 'radio');
 /* harmony default export */ var IconRadio = (IconRadio_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconRefresh.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconRefresh.js
 
 
 
@@ -31363,7 +31502,7 @@ function IconRefresh_SvgComponent(props) {
 
 const IconRefresh_IconComponent = convertIcon(IconRefresh_SvgComponent, 'refresh');
 /* harmony default export */ var IconRefresh = (IconRefresh_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconSearch.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconSearch.js
 
 
 
@@ -31387,7 +31526,7 @@ function IconSearch_SvgComponent(props) {
 
 const IconSearch_IconComponent = convertIcon(IconSearch_SvgComponent, 'search');
 /* harmony default export */ var IconSearch = (IconSearch_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconSidebar.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconSidebar.js
 
 
 
@@ -31411,7 +31550,7 @@ function IconSidebar_SvgComponent(props) {
 
 const IconSidebar_IconComponent = convertIcon(IconSidebar_SvgComponent, 'sidebar');
 /* harmony default export */ var IconSidebar = (IconSidebar_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconStar.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconStar.js
 
 
 
@@ -31433,7 +31572,7 @@ function IconStar_SvgComponent(props) {
 
 const IconStar_IconComponent = convertIcon(IconStar_SvgComponent, 'star');
 /* harmony default export */ var IconStar = (IconStar_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconTick.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTick.js
 
 
 
@@ -31457,7 +31596,7 @@ function IconTick_SvgComponent(props) {
 
 const IconTick_IconComponent = convertIcon(IconTick_SvgComponent, 'tick');
 /* harmony default export */ var IconTick = (IconTick_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconTickCircle.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTickCircle.js
 
 
 
@@ -31481,7 +31620,7 @@ function IconTickCircle_SvgComponent(props) {
 
 const IconTickCircle_IconComponent = convertIcon(IconTickCircle_SvgComponent, 'tick_circle');
 /* harmony default export */ var IconTickCircle = (IconTickCircle_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconTreeTriangleDown.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTreeTriangleDown.js
 
 
 
@@ -31503,7 +31642,7 @@ function IconTreeTriangleDown_SvgComponent(props) {
 
 const IconTreeTriangleDown_IconComponent = convertIcon(IconTreeTriangleDown_SvgComponent, 'tree_triangle_down');
 /* harmony default export */ var IconTreeTriangleDown = (IconTreeTriangleDown_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconTreeTriangleRight.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTreeTriangleRight.js
 
 
 
@@ -31525,7 +31664,7 @@ function IconTreeTriangleRight_SvgComponent(props) {
 
 const IconTreeTriangleRight_IconComponent = convertIcon(IconTreeTriangleRight_SvgComponent, 'tree_triangle_right');
 /* harmony default export */ var IconTreeTriangleRight = (IconTreeTriangleRight_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/IconUpload.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconUpload.js
 
 
 
@@ -31549,7 +31688,7 @@ function IconUpload_SvgComponent(props) {
 
 const IconUpload_IconComponent = convertIcon(IconUpload_SvgComponent, 'upload');
 /* harmony default export */ var IconUpload = (IconUpload_IconComponent);
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/icons/index.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/index.js
 
 
 
@@ -31987,7 +32126,7 @@ const IconUpload_IconComponent = convertIcon(IconUpload_SvgComponent, 'upload');
 
 
 
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@douyinfe/semi-icons/lib/es/index.js
+// CONCATENATED MODULE: ../semi-icons/lib/es/index.js
 
 
 
@@ -37943,7 +38082,9 @@ class banner_Banner extends baseComponent_BaseComponent {
     const closer = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
       className: "".concat(banner_prefixCls, "-close"),
       onClick: this.remove,
-      icon: closeIcon || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null),
+      icon: closeIcon || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
+        "aria-hidden": true
+      }),
       theme: "borderless",
       size: "small",
       type: "tertiary",
@@ -37959,16 +38100,20 @@ class banner_Banner extends baseComponent_BaseComponent {
     } = this.props;
     const iconMap = {
       warning: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconAlertTriangle, {
-        size: "large"
+        size: "large",
+        "aria-label": 'warning'
       }),
       success: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconTickCircle, {
-        size: "large"
+        size: "large",
+        "aria-label": 'success'
       }),
       info: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconInfoCircle, {
-        size: "large"
+        size: "large",
+        "aria-label": 'info'
       }),
       danger: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconAlertCircle, {
-        size: "large"
+        size: "large",
+        "aria-label": 'danger'
       })
     };
     let iconType = iconMap[type];
@@ -45291,6 +45436,762 @@ cardGroup_CardGroup.defaultProps = {
   spacing: 16
 };
 /* harmony default export */ var cardGroup = (cardGroup_CardGroup);
+// CONCATENATED MODULE: ../semi-foundation/carousel/constants.ts
+
+const carousel_constants_cssClasses = {
+  CAROUSEL: "".concat(BASE_CLASS_PREFIX, "-carousel"),
+  CAROUSEL_INDICATOR: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator"),
+  CAROUSEL_INDICATOR_LINE: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator-line"),
+  CAROUSEL_INDICATOR_DOT: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator-dot"),
+  CAROUSEL_INDICATOR_COLUMNAR: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator-columnar"),
+  CAROUSEL_INDICATOR_INACTIVE: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator-inactive"),
+  CAROUSEL_INDICATOR_ACTIVE: "".concat(BASE_CLASS_PREFIX, "-carousel-indicator-active"),
+  CAROUSEL_CONTENT: "".concat(BASE_CLASS_PREFIX, "-carousel-content"),
+  CAROUSEL_ARROW: "".concat(BASE_CLASS_PREFIX, "-carousel-arrow")
+};
+const carousel_constants_numbers = {
+  DEFAULT_ACTIVE_INDEX: 0,
+  DEFAULT_INTERVAL: 2000,
+  DEFAULT_SPEED: 300
+};
+const carousel_constants_strings = {
+  ANIMATION_MAP: ['slide', 'fade'],
+  DIRECTION: ['left', 'right'],
+  TYPE_MAP: ['columnar', 'line', 'dot'],
+  THEME_MAP: ['dark', 'primary', 'light'],
+  POSITION_MAP: ['left', 'center', 'right'],
+  ARROW_MAP: ['always', 'hover'],
+  SIZE: ['small', 'medium'],
+  TRIGGER: ['click', 'hover']
+};
+
+// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/set-interval.js
+var set_interval = __webpack_require__("1l5A");
+var set_interval_default = /*#__PURE__*/__webpack_require__.n(set_interval);
+
+// CONCATENATED MODULE: ../semi-foundation/carousel/foundation.ts
+
+
+
+
+
+
+
+class foundation_CarouselFoundation extends foundation {
+  constructor(adapter) {
+    super(assign_default()({}, adapter));
+    this._interval = null;
+  }
+
+  play(interval) {
+    if (this._interval) {
+      clearInterval(this._interval);
+    }
+
+    this._interval = set_interval_default()(() => {
+      this.next();
+    }, interval);
+  }
+
+  stop() {
+    if (this._interval) {
+      clearInterval(this._interval);
+    }
+  }
+
+  goTo(activeIndex) {
+    const {
+      activeIndex: stateActiveIndex
+    } = this.getStates();
+    const targetIndex = this.getValidIndex(activeIndex);
+
+    this._adapter.setIsReverse(stateActiveIndex > targetIndex);
+
+    if (this.getIsControledComponent()) {
+      this._notifyChange(targetIndex);
+    } else {
+      this._notifyChange(targetIndex);
+
+      this.handleNewActiveIndex(targetIndex);
+    }
+  }
+
+  next() {
+    const {
+      activeIndex: stateActiveIndex
+    } = this.getStates();
+    const targetIndex = this.getValidIndex(stateActiveIndex + 1);
+
+    this._adapter.setIsReverse(false);
+
+    if (this.getIsControledComponent()) {
+      this._notifyChange(targetIndex);
+    } else {
+      this._notifyChange(targetIndex);
+
+      this.handleNewActiveIndex(targetIndex);
+    }
+  }
+
+  prev() {
+    const {
+      activeIndex: stateActiveIndex
+    } = this.getStates();
+    const targetIndex = this.getValidIndex(stateActiveIndex - 1);
+
+    this._adapter.setIsReverse(true);
+
+    if (this.getIsControledComponent()) {
+      this._notifyChange(targetIndex);
+    } else {
+      this._notifyChange(targetIndex);
+
+      this.handleNewActiveIndex(targetIndex);
+    }
+  }
+
+  destroy() {
+    this._unregisterInterval();
+  }
+
+  _unregisterInterval() {
+    if (this._interval) {
+      clearInterval(this._interval);
+      this._interval = null;
+    }
+  }
+
+  _notifyChange(activeIndex) {
+    const {
+      activeIndex: stateActiveIndex,
+      isInit
+    } = this.getStates();
+
+    if (isInit) {
+      this._adapter.setIsInit(false);
+    }
+
+    if (stateActiveIndex !== activeIndex) {
+      this._adapter.setPreActiveIndex(stateActiveIndex);
+
+      this._adapter.notifyChange(activeIndex, stateActiveIndex);
+    }
+  }
+
+  getValidIndex(index) {
+    const {
+      children
+    } = this.getStates();
+    return (index + children.length) % children.length;
+  }
+
+  getSwitchingTime() {
+    const {
+      autoPlay,
+      speed
+    } = this.getProps();
+    const autoPlayType = typeof autoPlay;
+
+    if (autoPlayType === 'boolean' && autoPlay) {
+      return carousel_constants_numbers.DEFAULT_INTERVAL + speed;
+    }
+
+    if (isObject_default()(autoPlay)) {
+      return get_default()(autoPlay, 'interval', carousel_constants_numbers.DEFAULT_INTERVAL) + speed;
+    }
+
+    return speed;
+  }
+
+  getIsControledComponent() {
+    return this._isInProps('activeIndex');
+  }
+
+  handleAutoPlay() {
+    const {
+      autoPlay
+    } = this.getProps();
+    const autoPlayType = typeof autoPlay;
+
+    if (autoPlayType === 'boolean' && autoPlay || isObject_default()(autoPlay)) {
+      this.play(this.getSwitchingTime());
+    }
+  }
+
+  handleKeyDown(event) {
+    if (event.key === 'ArrowLeft') {
+      this.prev();
+    }
+
+    if (event.key === 'ArrowRight') {
+      this.next();
+    }
+  }
+
+  onIndicatorChange(activeIndex) {
+    const {
+      activeIndex: stateActiveIndex
+    } = this.getStates();
+
+    this._adapter.setIsReverse(stateActiveIndex > activeIndex);
+
+    this._notifyChange(activeIndex);
+
+    if (!this.getIsControledComponent()) {
+      this.handleNewActiveIndex(activeIndex);
+    }
+  }
+
+  handleNewActiveIndex(activeIndex) {
+    const {
+      activeIndex: stateActiveIndex
+    } = this.getStates();
+
+    if (stateActiveIndex !== activeIndex) {
+      this._adapter.setNewActiveIndex(activeIndex);
+    }
+  }
+
+  getDefaultActiveIndex() {
+    let activeIndex;
+    const props = this.getProps();
+
+    if ('activeIndex' in props) {
+      activeIndex = props.activeIndex;
+    } else if ('defaultActiveIndex' in props) {
+      activeIndex = props.defaultActiveIndex;
+    }
+
+    return activeIndex;
+  }
+
+}
+
+/* harmony default export */ var carousel_foundation = (foundation_CarouselFoundation);
+// CONCATENATED MODULE: ../semi-foundation/utils/getDataAttr.ts
+
+
+function getDataAttr(props) {
+  var _context;
+
+  return reduce_default()(_context = keys_default()(props)).call(_context, (prev, key) => {
+    if (key.substr(0, 5) === 'aria-' || key.substr(0, 5) === 'data-' || key === 'role') {
+      prev[key] = props[key];
+    }
+
+    return prev;
+  }, {});
+}
+// CONCATENATED MODULE: ./carousel/CarouselIndicator.tsx
+
+
+
+
+
+var CarouselIndicator_rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && index_of_default()(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof get_own_property_symbols_default.a === "function") for (var i = 0, p = get_own_property_symbols_default()(s); i < p.length; i++) {
+    if (index_of_default()(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+
+
+
+
+
+
+
+
+class CarouselIndicator_CarouselIndicator extends external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.PureComponent {
+  constructor() {
+    super(...arguments);
+
+    this.onIndicatorChange = activeIndex => {
+      this.props.onIndicatorChange(activeIndex);
+    };
+
+    this.handleIndicatorClick = activeIndex => {
+      const {
+        trigger
+      } = this.props;
+
+      if (trigger === 'click') {
+        this.onIndicatorChange(activeIndex);
+      }
+    };
+
+    this.handleIndicatorHover = activeIndex => {
+      const {
+        trigger
+      } = this.props;
+
+      if (trigger === 'hover') {
+        this.onIndicatorChange(activeIndex);
+      }
+    };
+  }
+
+  renderIndicatorContent() {
+    const {
+      total,
+      theme,
+      size,
+      activeIndex
+    } = this.props;
+    const indicatorContent = [];
+
+    for (let i = 0; i < total; i++) {
+      var _context, _context2;
+
+      indicatorContent.push( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+        // role='none' 
+        key: i,
+        "data-index": i,
+        className: classnames_default()(["".concat(carousel_constants_cssClasses.CAROUSEL_INDICATOR, "-item")], {
+          ["".concat(carousel_constants_cssClasses.CAROUSEL_INDICATOR, "-item-active")]: i === activeIndex,
+          [concat_default()(_context = "".concat(carousel_constants_cssClasses.CAROUSEL_INDICATOR, "-item-")).call(_context, theme)]: theme,
+          [concat_default()(_context2 = "".concat(carousel_constants_cssClasses.CAROUSEL_INDICATOR, "-item-")).call(_context2, size)]: size
+        }),
+        onClick: () => this.handleIndicatorClick(i),
+        onMouseEnter: () => this.handleIndicatorHover(i)
+      }));
+    }
+
+    return indicatorContent;
+  }
+
+  render() {
+    var _context3, _context4;
+
+    const _a = this.props,
+          {
+      type,
+      size,
+      theme,
+      style,
+      className,
+      position
+    } = _a,
+          restProps = CarouselIndicator_rest(_a, ["type", "size", "theme", "style", "className", "position"]);
+
+    const classNames = classnames_default()(className, {
+      [carousel_constants_cssClasses.CAROUSEL_INDICATOR]: true,
+      [concat_default()(_context3 = "".concat(carousel_constants_cssClasses.CAROUSEL_INDICATOR, "-")).call(_context3, type)]: type,
+      [concat_default()(_context4 = "".concat(carousel_constants_cssClasses.CAROUSEL_INDICATOR, "-")).call(_context4, position)]: position
+    });
+    const indicatorContent = this.renderIndicatorContent();
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
+      className: classNames,
+      style: style
+    }, getDataAttr(restProps)), indicatorContent);
+  }
+
+}
+
+CarouselIndicator_CarouselIndicator.propTypes = {
+  activeKey: prop_types_default.a.number,
+  className: prop_types_default.a.string,
+  position: prop_types_default.a.oneOf(carousel_constants_strings.POSITION_MAP),
+  size: prop_types_default.a.oneOf(carousel_constants_strings.SIZE),
+  style: prop_types_default.a.object,
+  theme: prop_types_default.a.oneOf(carousel_constants_strings.THEME_MAP),
+  total: prop_types_default.a.number,
+  onIndicatorChange: prop_types_default.a.func,
+  type: prop_types_default.a.oneOf(carousel_constants_strings.TYPE_MAP),
+  trigger: prop_types_default.a.oneOf(carousel_constants_strings.TRIGGER)
+};
+/* harmony default export */ var carousel_CarouselIndicator = (CarouselIndicator_CarouselIndicator);
+// CONCATENATED MODULE: ./carousel/CarouselArrow.tsx
+
+
+
+
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+
+
+
+
+
+class CarouselArrow_CarouselArrow extends external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.PureComponent {
+  constructor() {
+    super(...arguments);
+
+    this.renderLeftIcon = () => {
+      return get_default()(this.props, 'arrowProps.leftArrow.children', /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronLeft, {
+        "aria-label": "Previous index",
+        size: "inherit"
+      }));
+    };
+
+    this.renderRightIcon = () => {
+      return get_default()(this.props, 'arrowProps.rightArrow.children', /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronRight, {
+        "aria-label": "Next index",
+        size: "inherit"
+      }));
+    };
+  }
+
+  render() {
+    var _context, _context2, _context3;
+
+    const {
+      type,
+      theme,
+      prev,
+      next
+    } = this.props;
+    const classNames = classnames_default()({
+      [carousel_constants_cssClasses.CAROUSEL_ARROW]: true,
+      [concat_default()(_context = "".concat(carousel_constants_cssClasses.CAROUSEL_ARROW, "-")).call(_context, theme)]: theme,
+      ["".concat(carousel_constants_cssClasses.CAROUSEL_ARROW, "-hover")]: type === 'hover'
+    });
+    const leftClassNames = classnames_default()({
+      ["".concat(carousel_constants_cssClasses.CAROUSEL_ARROW, "-prev")]: true,
+      [concat_default()(_context2 = "".concat(carousel_constants_cssClasses.CAROUSEL_ARROW, "-")).call(_context2, theme)]: theme
+    });
+    const rightClassNames = classnames_default()({
+      ["".concat(carousel_constants_cssClasses.CAROUSEL_ARROW, "-next")]: true,
+      [concat_default()(_context3 = "".concat(carousel_constants_cssClasses.CAROUSEL_ARROW, "-")).call(_context3, theme)]: theme
+    });
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      className: classNames
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
+      // role='button'
+      className: leftClassNames,
+      onClick: prev
+    }, get_default()(this.props, 'arrowProps.leftArrow.props')), this.renderLeftIcon()), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
+      // role='button'
+      // tabIndex={0} 
+      className: rightClassNames,
+      onClick: next
+    }, get_default()(this.props, 'arrowProps.rightArrow.props')), this.renderRightIcon()));
+  }
+
+}
+
+/* harmony default export */ var carousel_CarouselArrow = (CarouselArrow_CarouselArrow);
+// EXTERNAL MODULE: ../semi-foundation/carousel/carousel.scss
+var carousel = __webpack_require__("HzcD");
+
+// CONCATENATED MODULE: ./carousel/index.tsx
+
+
+
+
+
+
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+
+
+
+
+
+
+
+
+
+
+
+class carousel_Carousel extends baseComponent_BaseComponent {
+  constructor(props) {
+    super(props);
+
+    this.play = () => {
+      return this.foundation.handleAutoPlay();
+    };
+
+    this.stop = () => {
+      return this.foundation.stop();
+    };
+
+    this.goTo = targetIndex => {
+      return this.foundation.goTo(targetIndex);
+    };
+
+    this.prev = () => {
+      return this.foundation.prev();
+    };
+
+    this.next = () => {
+      return this.foundation.next();
+    };
+
+    this.handleAutoPlay = () => {
+      if (!this.foundation.getIsControledComponent()) {
+        this.foundation.handleAutoPlay();
+      }
+    };
+
+    this.handleMouseEnter = () => {
+      const {
+        autoPlay
+      } = this.props;
+
+      if (typeof autoPlay !== 'object' || autoPlay.hoverToPause) {
+        this.foundation.stop();
+      }
+    };
+
+    this.handleMouseLeave = () => {
+      const {
+        autoPlay
+      } = this.props;
+
+      if ((typeof autoPlay !== 'object' || autoPlay.hoverToPause) && !this.foundation.getIsControledComponent()) {
+        this.foundation.handleAutoPlay();
+      }
+    };
+
+    this.onIndicatorChange = activeIndex => {
+      return this.foundation.onIndicatorChange(activeIndex);
+    };
+
+    this.getChildren = () => {
+      var _context;
+
+      const {
+        children: originChildren
+      } = this.props;
+      return filter_default()(_context = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].toArray(originChildren)).call(_context, child => {
+        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(child);
+      });
+    };
+
+    this.getValidIndex = activeIndex => {
+      return this.foundation.getValidIndex(activeIndex);
+    };
+
+    this.renderChildren = () => {
+      const {
+        speed,
+        animation
+      } = this.props;
+      const {
+        activeIndex,
+        children,
+        preIndex,
+        isInit
+      } = this.state;
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, map_default()(children).call(children, (child, index) => {
+        const isCurrent = index === activeIndex;
+        const isPrev = index === this.getValidIndex(activeIndex - 1);
+        const isNext = index === this.getValidIndex(activeIndex + 1);
+        const animateStyle = {
+          transitionTimingFunction: 'ease',
+          transitionDuration: "".concat(speed, "ms"),
+          animationTimingFunction: 'ease',
+          animationDuration: "".concat(speed, "ms")
+        };
+        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(child, {
+          style: assign_default()(assign_default()({}, child.props.style), animateStyle),
+          className: classnames_default()(child.props.className, {
+            ["".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT, "-item-prev")]: isPrev,
+            ["".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT, "-item-next")]: isNext,
+            ["".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT, "-item-current")]: isCurrent,
+            ["".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT, "-item")]: true,
+            ["".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT, "-item-active")]: isCurrent,
+            ["".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT, "-item-slide-in")]: animation === 'slide' && !isInit && isCurrent,
+            ["".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT, "-item-slide-out")]: animation === 'slide' && !isInit && index === preIndex
+          })
+        });
+      }));
+    };
+
+    this.renderIndicator = () => {
+      const {
+        children,
+        activeIndex
+      } = this.state;
+      const {
+        showIndicator,
+        indicatorType,
+        theme,
+        indicatorPosition,
+        indicatorSize,
+        trigger
+      } = this.props;
+      const carouselIndicatorCls = classnames_default()({
+        [carousel_constants_cssClasses.CAROUSEL_INDICATOR]: true
+      });
+
+      if (showIndicator && children.length > 1) {
+        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+          className: carouselIndicatorCls
+        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(carousel_CarouselIndicator, {
+          type: indicatorType,
+          total: children.length,
+          activeIndex: activeIndex,
+          position: indicatorPosition,
+          trigger: trigger,
+          size: indicatorSize,
+          theme: theme,
+          onIndicatorChange: this.onIndicatorChange
+        }));
+      }
+
+      return null;
+    };
+
+    this.renderArrow = () => {
+      const {
+        children
+      } = this.state;
+      const {
+        showArrow,
+        arrowType,
+        theme,
+        arrowProps
+      } = this.props;
+
+      if (showArrow && children.length > 1) {
+        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(carousel_CarouselArrow, {
+          type: arrowType,
+          theme: theme,
+          prev: this.prev,
+          next: this.next,
+          arrowProps: arrowProps
+        });
+      }
+
+      return null;
+    };
+
+    this.foundation = new carousel_foundation(this.adapter);
+    const defaultActiveIndex = this.foundation.getDefaultActiveIndex();
+    this.state = {
+      activeIndex: defaultActiveIndex,
+      children: this.getChildren(),
+      preIndex: defaultActiveIndex,
+      isReverse: false,
+      isInit: true
+    };
+  }
+
+  get adapter() {
+    return assign_default()(assign_default()({}, super.adapter), {
+      notifyChange: (activeIndex, preIndex) => {
+        this.props.onChange(activeIndex, preIndex);
+      },
+      setNewActiveIndex: activeIndex => {
+        this.setState({
+          activeIndex
+        });
+      },
+      setPreActiveIndex: preIndex => {
+        this.setState({
+          preIndex
+        });
+      },
+      setIsReverse: isReverse => {
+        this.setState({
+          isReverse
+        });
+      },
+      setIsInit: isInit => {
+        this.setState({
+          isInit
+        });
+      }
+    });
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    const states = {};
+
+    if (!isNullOrUndefined(props.activeIndex) && props.activeIndex !== state.activeIndex) {
+      states.activeIndex = props.activeIndex;
+    }
+
+    return states;
+  }
+
+  componentDidMount() {
+    this.handleAutoPlay();
+  }
+
+  componentWillUnmount() {
+    this.foundation.destroy();
+  }
+
+  render() {
+    var _context2;
+
+    const {
+      animation,
+      className,
+      style,
+      slideDirection
+    } = this.props;
+    const {
+      isReverse
+    } = this.state;
+    const carouselWrapperCls = classnames_default()(className, {
+      [carousel_constants_cssClasses.CAROUSEL]: true
+    });
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      // role='listbox'
+      // tabIndex={0}
+      className: carouselWrapperCls,
+      style: style,
+      onMouseEnter: debounce_default()(this.handleMouseEnter, 400),
+      onMouseLeave: debounce_default()(this.handleMouseLeave, 400)
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      className: classnames_default()([concat_default()(_context2 = "".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT, "-")).call(_context2, animation)], {
+        ["".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT)]: true,
+        ["".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT, "-reverse")]: slideDirection === 'left' ? isReverse : !isReverse
+      })
+    }, this.renderChildren()), this.renderIndicator(), this.renderArrow());
+  }
+
+}
+
+carousel_Carousel.propTypes = {
+  activeIndex: prop_types_default.a.number,
+  animation: prop_types_default.a.oneOf(carousel_constants_strings.ANIMATION_MAP),
+  arrowProps: prop_types_default.a.object,
+  autoPlay: prop_types_default.a.oneOfType([prop_types_default.a.bool, prop_types_default.a.object]),
+  className: prop_types_default.a.string,
+  defaultActiveIndex: prop_types_default.a.number,
+  indicatorPosition: prop_types_default.a.oneOf(carousel_constants_strings.POSITION_MAP),
+  indicatorSize: prop_types_default.a.oneOf(carousel_constants_strings.SIZE),
+  indicatorType: prop_types_default.a.oneOf(carousel_constants_strings.TYPE_MAP),
+  theme: prop_types_default.a.oneOf(carousel_constants_strings.THEME_MAP),
+  onChange: prop_types_default.a.func,
+  arrowType: prop_types_default.a.oneOf(carousel_constants_strings.ARROW_MAP),
+  showArrow: prop_types_default.a.bool,
+  showIndicator: prop_types_default.a.bool,
+  slideDirection: prop_types_default.a.oneOf(carousel_constants_strings.DIRECTION),
+  speed: prop_types_default.a.number,
+  style: prop_types_default.a.object,
+  trigger: prop_types_default.a.oneOf(carousel_constants_strings.TRIGGER)
+};
+carousel_Carousel.defaultProps = {
+  children: [],
+  animation: 'slide',
+  autoPlay: true,
+  arrowType: 'always',
+  defaultActiveIndex: carousel_constants_numbers.DEFAULT_ACTIVE_INDEX,
+  indicatorPosition: 'center',
+  indicatorSize: 'small',
+  indicatorType: 'dot',
+  theme: 'light',
+  onChange: () => undefined,
+  showArrow: true,
+  showIndicator: true,
+  slideDirection: 'left',
+  speed: carousel_constants_numbers.DEFAULT_SPEED,
+  trigger: 'click'
+};
+/* harmony default export */ var carousel_0 = (carousel_Carousel);
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash/flatten.js
 var lodash_flatten = __webpack_require__("1xil");
 var flatten_default = /*#__PURE__*/__webpack_require__.n(lodash_flatten);
@@ -45440,13 +46341,13 @@ function convertJsonToData(treeJson) {
     if (isObject_default()(children)) {
       var _context2;
 
-      const childres = [];
+      const newChildren = [];
 
       for_each_default()(_context2 = object_entries_default()(children)).call(_context2, c => {
-        traverseNode(c[0], c[1], currPath, childres);
+        traverseNode(c[0], c[1], currPath, newChildren);
       });
 
-      newNode.children = childres;
+      newNode.children = newChildren;
     }
 
     res.push(newNode);
@@ -45722,8 +46623,8 @@ function calcCheckedKeys(values, keyEntities) {
     const allChecked = every_default()(siblingKeys).call(siblingKeys, siblingKey => checkedKeys.has(siblingKey));
 
     if (!allChecked) {
-      const ancesterKeys = findAncestorKeys([key], keyEntities, false);
-      halfCheckedKeys = new set_default.a([...halfCheckedKeys, ...ancesterKeys]);
+      const ancestorKeys = findAncestorKeys([key], keyEntities, false);
+      halfCheckedKeys = new set_default.a([...halfCheckedKeys, ...ancestorKeys]);
     } else {
       checkedKeys.add(parent.key); // IMPORTANT! parent level may not exist in original level map; if add to the end directly may destroy the hierarchical order
 
@@ -45763,8 +46664,8 @@ function calcExpandedKeys() {
   }
 
   if (autoExpandParent) {
-    const ancesterKeys = findAncestorKeys(keyList, keyEntities, true);
-    return new set_default.a(ancesterKeys);
+    const ancestorKeys = findAncestorKeys(keyList, keyEntities, true);
+    return new set_default.a(ancestorKeys);
   }
 
   return new set_default.a(keyList);
@@ -45909,8 +46810,8 @@ function calcCheckedKeysForChecked(key, keyEntities, checkedKeys, halfCheckedKey
     const allChecked = every_default()(siblingKeys).call(siblingKeys, key => checkedKeys.has(key));
 
     if (!allChecked) {
-      const ancesterKeys = findAncestorKeys([key], keyEntities, false);
-      halfCheckedKeys = new set_default.a([...halfCheckedKeys, ...ancesterKeys]);
+      const ancestorKeys = findAncestorKeys([key], keyEntities, false);
+      halfCheckedKeys = new set_default.a([...halfCheckedKeys, ...ancestorKeys]);
     } else {
       const par = node.parent;
       checkedKeys.add(par.key);
@@ -45960,10 +46861,10 @@ function calcCheckedKeysForUnchecked(key, keyEntities, checkedKeys, halfCheckedK
 
     const anyChecked = some_default()(siblingKeys).call(siblingKeys, key => checkedKeys.has(key) || halfCheckedKeys.has(key));
 
-    const ancesterKeys = findAncestorKeys([key], keyEntities, false); // If there is checked or halfChecked in the sibling node, you need to change the parent node to halfChecked
+    const ancestorKeys = findAncestorKeys([key], keyEntities, false); // If there is checked or halfChecked in the sibling node, you need to change the parent node to halfChecked
 
     if (anyChecked) {
-      for_each_default()(ancesterKeys).call(ancesterKeys, itemKey => {
+      for_each_default()(ancestorKeys).call(ancestorKeys, itemKey => {
         if (checkedKeys.has(itemKey)) {
           checkedKeys.delete(itemKey);
           halfCheckedKeys.add(itemKey);
@@ -46510,7 +47411,7 @@ class foundation_CascaderFoundation extends foundation {
       activeKeys,
       loadingKeys,
       loading,
-      keyEntities: keyEntitieState,
+      keyEntities: keyEntityState,
       selectedKeys: selectedKeysState
     } = this.getStates();
 
@@ -46581,7 +47482,7 @@ class foundation_CascaderFoundation extends foundation {
     } else if (loading) {
       // Use assign to avoid overwriting the'not-exist- * 'property of keyEntities after asynchronous loading
       // Overwriting'not-exist- * 'will cause selectionContent to be emptied unexpectedly when clicking on a dropDown item
-      updateStates.keyEntities = lodash_assign_default()(keyEntitieState, keyEntities);
+      updateStates.keyEntities = lodash_assign_default()(keyEntityState, keyEntities);
 
       this._adapter.updateStates(updateStates);
 
@@ -46935,12 +47836,12 @@ class foundation_CascaderFoundation extends foundation {
 
     const prevCheckedStatus = checkedKeys.has(key); // next checked status
 
-    const curCheckedStatus = disableStrictly ? this.calcChekcedStatus(!prevCheckedStatus, key) : !prevCheckedStatus; // calculate all key of nodes that are checked or half checked
+    const curCheckedStatus = disableStrictly ? this.calcCheckedStatus(!prevCheckedStatus, key) : !prevCheckedStatus; // calculate all key of nodes that are checked or half checked
 
     const {
       checkedKeys: curCheckedKeys,
       halfCheckedKeys: curHalfCheckedKeys
-    } = disableStrictly ? this.calcNonDisabedCheckedKeys(key, curCheckedStatus) : this.calcCheckedKeys(key, curCheckedStatus);
+    } = disableStrictly ? this.calcNonDisabledCheckedKeys(key, curCheckedStatus) : this.calcCheckedKeys(key, curCheckedStatus);
     const mergeType = calcMergeType(autoMergeValue, leafOnly);
     const isLeafOnlyMerge = mergeType === cascader_constants_strings.LEAF_ONLY_MERGE_TYPE;
     const isNoneMerge = mergeType === cascader_constants_strings.NONE_MERGE_TYPE;
@@ -46998,7 +47899,7 @@ class foundation_CascaderFoundation extends foundation {
     });
   }
 
-  calcNonDisabedCheckedKeys(eventKey, targetStatus) {
+  calcNonDisabledCheckedKeys(eventKey, targetStatus) {
     const {
       keyEntities,
       disabledKeys
@@ -47020,7 +47921,7 @@ class foundation_CascaderFoundation extends foundation {
     return calcCheckedKeys(newCheckedKeys, keyEntities);
   }
 
-  calcChekcedStatus(targetStatus, eventKey) {
+  calcCheckedStatus(targetStatus, eventKey) {
     if (!targetStatus) {
       return targetStatus;
     }
@@ -47747,12 +48648,12 @@ checkbox_Checkbox.defaultProps = {
 
 
 class checkboxGroupFoundation_CheckboxGroupFoundation extends foundation {
-  static get checkboxGroupdefaultAdapter() {
+  static get checkboxGroupDefaultAdapter() {
     return {};
   }
 
   constructor(adapter) {
-    super(assign_default()(assign_default()({}, checkboxGroupFoundation_CheckboxGroupFoundation.checkboxGroupdefaultAdapter), adapter));
+    super(assign_default()(assign_default()({}, checkboxGroupFoundation_CheckboxGroupFoundation.checkboxGroupDefaultAdapter), adapter));
   }
 
   init() {
@@ -49362,7 +50263,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
               e.preventDefault();
               this.handleTagRemove(e, keyEntities[nodeKey].valuePath);
             }
-          }, displayProp === 'label' && keyEntities[nodeKey].data.label, displayProp === 'value' && keyEntities[nodeKey].data.value);
+          }, keyEntities[nodeKey].data[displayProp]);
         }
       }
 
@@ -50929,8 +51830,8 @@ function isEmptyObject(target) {
    *  }
    *  the result of JSON.stringify(a/b/d) are same: '{}'
    *  We can use the above features to remove keys with empty values in Form
-   *  But we cannot use JSON.stringify() directly, because if the input parameter of JSON.stringify includes fiberNode, it will cause an TypeError: 'Convering circular structure to JSON'
-   *  So we have to mock it's behavihor, also, the form value cannot have Symbol or function type, it can be ignored
+   *  But we cannot use JSON.stringify() directly, because if the input parameter of JSON.stringify includes fiberNode, it will cause an TypeError: 'Converting circular structure to JSON'
+   *  So we have to mock it's behavior, also, the form value cannot have Symbol or function type, it can be ignored
    */
   if (!isObject_default()(target)) {
     return false;
@@ -51538,7 +52439,7 @@ var validIANATimezoneCache = {}
 function isValidTimezoneIANAString(timeZoneString) {
   if (validIANATimezoneCache[timeZoneString]) return true
   try {
-    Intl.DateTimeFormat(undefined, { timeZone: timeZoneString })
+    new Intl.DateTimeFormat(undefined, { timeZone: timeZoneString })
     validIANATimezoneCache[timeZoneString] = true
     return true
   } catch (error) {
@@ -55202,7 +56103,7 @@ function parseISO_validateTimezone(_hours, minutes) {
  * Parsing value to Date object
  */
 
-function compatiableParse(value, formatToken, baseDate, locale) {
+function compatibleParse(value, formatToken, baseDate, locale) {
   let result = null;
 
   if (value) {
@@ -55552,7 +56453,7 @@ class foundation_DatePickerFoundation extends foundation {
     if (isValidDate(value)) {
       dateObj = value;
     } else if (isString_default()(value)) {
-      dateObj = compatiableParse(value, this.getProp('format'), undefined, dateFnsLocale);
+      dateObj = compatibleParse(value, this.getProp('format'), undefined, dateFnsLocale);
     } else if (isTimestamp(value)) {
       dateObj = new Date(value);
     } else {
@@ -55930,7 +56831,7 @@ class foundation_DatePickerFoundation extends foundation {
         case 'date':
         case 'dateTime':
         case 'month':
-          parsedResult = input ? compatiableParse(input, formatToken, nowDate, dateFnsLocale) : '';
+          parsedResult = input ? compatibleParse(input, formatToken, nowDate, dateFnsLocale) : '';
           formatedInput = parsedResult && isValid(parsedResult) && this.localeFormat(parsedResult, formatToken);
 
           if (parsedResult && formatedInput === input) {
@@ -55944,7 +56845,7 @@ class foundation_DatePickerFoundation extends foundation {
           const separator = rangeSeparator;
           const values = input.split(separator);
           parsedResult = values && reduce_default()(values).call(values, (arr, cur) => {
-            const parsedVal = cur && compatiableParse(cur, formatToken, nowDate, dateFnsLocale);
+            const parsedVal = cur && compatibleParse(cur, formatToken, nowDate, dateFnsLocale);
             parsedVal && arr.push(parsedVal);
             return arr;
           }, []);
@@ -58121,7 +59022,7 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
   }
 
   initDefaultPickerValue() {
-    const defaultPickerValue = compatiableParse(this.getProp('defaultPickerValue'));
+    const defaultPickerValue = compatibleParse(this.getProp('defaultPickerValue'));
 
     if (defaultPickerValue && isValidDate(defaultPickerValue)) {
       this._updatePanelDetail(datePicker_constants_strings.PANEL_TYPE_LEFT, {
@@ -58736,7 +59637,7 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
 
     const dateFormat = this.getValidDateFormat(); // When passed to the upper layer, it is converted into a Date object to ensure that the input parameter format of initFormDefaultValue is consistent
 
-    const newSelectedDates = map_default()(_context4 = [...newSelected]).call(_context4, _dateStr => compatiableParse(_dateStr, dateFormat, undefined, dateFnsLocale));
+    const newSelectedDates = map_default()(_context4 = [...newSelected]).call(_context4, _dateStr => compatibleParse(_dateStr, dateFormat, undefined, dateFnsLocale));
 
     this.handleShowDateAndTime(panelType, time);
 
@@ -58771,10 +59672,10 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
 
     const dateFnsLocale = this._adapter.getProp('dateFnsLocale');
 
-    const dateStr = format_format(isValidDate(date) ? date : compatiableParse(date, datePicker_constants_strings.FORMAT_FULL_DATE, undefined, dateFnsLocale), datePicker_constants_strings.FORMAT_FULL_DATE);
-    const timeStr = format_format(isValidDate(time) ? time : compatiableParse(time, datePicker_constants_strings.FORMAT_TIME_PICKER, undefined, dateFnsLocale), datePicker_constants_strings.FORMAT_TIME_PICKER);
+    const dateStr = format_format(isValidDate(date) ? date : compatibleParse(date, datePicker_constants_strings.FORMAT_FULL_DATE, undefined, dateFnsLocale), datePicker_constants_strings.FORMAT_FULL_DATE);
+    const timeStr = format_format(isValidDate(time) ? time : compatibleParse(time, datePicker_constants_strings.FORMAT_TIME_PICKER, undefined, dateFnsLocale), datePicker_constants_strings.FORMAT_TIME_PICKER);
     const timeFormat = this.getValidTimeFormat();
-    return compatiableParse(concat_default()(_context5 = "".concat(dateStr, " ")).call(_context5, timeStr), timeFormat, undefined, dateFnsLocale);
+    return compatibleParse(concat_default()(_context5 = "".concat(dateStr, " ")).call(_context5, timeStr), timeFormat, undefined, dateFnsLocale);
   }
 
   handleRangeSelected(day) {
@@ -58857,7 +59758,7 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
     const dateFormat = this.getValidDateFormat(); // only notify when choose completed
 
     if (rangeStart || rangeEnd) {
-      const [startDate, endDate] = [compatiableParse(rangeStart, dateFormat, undefined, dateFnsLocale), compatiableParse(rangeEnd, dateFormat, undefined, dateFnsLocale)];
+      const [startDate, endDate] = [compatibleParse(rangeStart, dateFormat, undefined, dateFnsLocale), compatibleParse(rangeEnd, dateFormat, undefined, dateFnsLocale)];
       let date = [startDate, endDate]; // If the type is dateRangeTime, add the value of time
 
       if (type === 'dateTimeRange') {
@@ -58994,7 +59895,7 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
     // } else
 
     if (type === 'dateTimeRange' && destRange) {
-      const rangeDate = compatiableParse(destRange, dateFormat, undefined, dateFnsLocale);
+      const rangeDate = compatibleParse(destRange, dateFormat, undefined, dateFnsLocale);
       year = rangeDate.getFullYear();
       monthNo = rangeDate.getMonth();
       date = rangeDate.getDate();
@@ -59043,8 +59944,8 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
     const dateFormat = this.getValidDateFormat(); // TODO: Modify a time individually
 
     if (rangeStart && rangeEnd) {
-      let startDate = compatiableParse(rangeStart, dateFormat, undefined, dateFnsLocale);
-      let endDate = compatiableParse(rangeEnd, dateFormat, undefined, dateFnsLocale); // console.log('_updateTimeInDateRange()', rangeStart, rangeEnd, startDate, endDate);
+      let startDate = compatibleParse(rangeStart, dateFormat, undefined, dateFnsLocale);
+      let endDate = compatibleParse(rangeEnd, dateFormat, undefined, dateFnsLocale); // console.log('_updateTimeInDateRange()', rangeStart, rangeEnd, startDate, endDate);
 
       if (panelType === datePicker_constants_strings.PANEL_TYPE_RIGHT) {
         endDate = this._mergeDateAndTime(timeDate, timeDate);
@@ -60026,7 +60927,7 @@ const timePicker_constants_strings = {
   DEFAULT_MULTIPLE_SEPARATOR,
   SIZE: input_constants_strings.SIZE,
   DEFAULT_FORMAT: 'HH:mm:ss',
-  DEFAULT_FROMAT_A: 'a h:mm:ss',
+  DEFAULT_FORMAT_A: 'a h:mm:ss',
   STATUS: VALIDATE_STATUS,
   DEFAULT_POSITION: {
     [TYPE_TIME_PICKER]: 'bottomLeft',
@@ -61119,7 +62020,7 @@ class ComboxFoundation_ComboboxFoundation extends foundation {
     if (this._isInProps('format')) {
       return this.getProp('format');
     } else if (this.getProp('use12Hours')) {
-      return timePicker_constants_strings.DEFAULT_FROMAT_A;
+      return timePicker_constants_strings.DEFAULT_FORMAT_A;
     } else {
       return timePicker_constants_strings.DEFAULT_FORMAT;
     }
@@ -61510,7 +62411,7 @@ var fill_default = /*#__PURE__*/__webpack_require__.n(fill);
 // CONCATENATED MODULE: ../semi-foundation/datePicker/yearAndMonthFoundation.ts
 
 
-class yearAndMonthFoundation_YearAndMonthFoundataion extends foundation {
+class yearAndMonthFoundation_YearAndMonthFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()({}, adapter));
   } // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -61672,7 +62573,7 @@ class yearAndMonth_YearAndMonth extends baseComponent_BaseComponent {
     };
     this.yearRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.monthRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
-    this.foundation = new yearAndMonthFoundation_YearAndMonthFoundataion(this.adapter);
+    this.foundation = new yearAndMonthFoundation_YearAndMonthFoundation(this.adapter);
   }
 
   get adapter() {
@@ -61878,7 +62779,7 @@ function getDefaultPickerDate(options) {
       break;
 
     case typeof nowDate === 'string':
-      nowDate = compatiableParse(nowDate, format, undefined, dateFnsLocale);
+      nowDate = compatibleParse(nowDate, format, undefined, dateFnsLocale);
       break;
 
     default:
@@ -61895,7 +62796,7 @@ function getDefaultPickerDate(options) {
       break;
 
     case typeof nextDate === 'string':
-      nextDate = compatiableParse(nextDate, format, undefined, dateFnsLocale);
+      nextDate = compatibleParse(nextDate, format, undefined, dateFnsLocale);
       break;
 
     default:
@@ -62385,7 +63286,7 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
     const dateFormat = this.foundation.getValidDateFormat();
     let startDate, endDate;
 
-    if (type === 'dateTimeRange' && rangeStart && rangeEnd && isSameDay(startDate = compatiableParse(rangeStart, dateFormat, undefined, dateFnsLocale), endDate = compatiableParse(rangeEnd, dateFormat, undefined, dateFnsLocale))) {
+    if (type === 'dateTimeRange' && rangeStart && rangeEnd && isSameDay(startDate = compatibleParse(rangeStart, dateFormat, undefined, dateFnsLocale), endDate = compatibleParse(rangeEnd, dateFormat, undefined, dateFnsLocale))) {
       if (panelType === datePicker_constants_strings.PANEL_TYPE_RIGHT) {
         rangeStart && (restProps.startDate = startDate);
       } else {
@@ -62471,10 +63372,10 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
 
     if (panelType === datePicker_constants_strings.PANEL_TYPE_LEFT) {
       panelDetail = monthLeft;
-      dateText = rangeStart ? format_format(compatiableParse(rangeStart, dateFormat, undefined, dateFnsLocale), FORMAT_SWITCH_DATE) : '';
+      dateText = rangeStart ? format_format(compatibleParse(rangeStart, dateFormat, undefined, dateFnsLocale), FORMAT_SWITCH_DATE) : '';
     } else {
       panelDetail = monthRight;
-      dateText = rangeEnd ? format_format(compatiableParse(rangeEnd, dateFormat, undefined, dateFnsLocale), FORMAT_SWITCH_DATE) : '';
+      dateText = rangeEnd ? format_format(compatibleParse(rangeEnd, dateFormat, undefined, dateFnsLocale), FORMAT_SWITCH_DATE) : '';
     }
 
     const {
@@ -62484,7 +63385,7 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
     const monthText = showDate ? format_format(showDate, FORMAT_SWITCH_DATE) : '';
     const timeText = showDate ? format_format(showDate, formatTimePicker) : '';
 
-    const showSwithIcon = includes_default()(_context3 = ['default']).call(_context3, density);
+    const showSwitchIcon = includes_default()(_context3 = ['default']).call(_context3, density);
 
     const switchCls = classnames_default()("".concat(monthsGrid_prefixCls, "-switch"));
     const dateCls = classnames_default()({
@@ -62505,7 +63406,7 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
       "aria-label": "Switch to date panel",
       className: dateCls,
       onClick: e => this.foundation.showDatePanel(panelType)
-    }, showSwithIcon && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCalendar, {
+    }, showSwitchIcon && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCalendar, {
       "aria-hidden": true
     }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: textCls
@@ -62514,7 +63415,7 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
       "aria-label": "Switch to time panel",
       className: timeCls,
       onClick: e => this.foundation.showTimePicker(panelType, true)
-    }, showSwithIcon && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClock, {
+    }, showSwitchIcon && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClock, {
       "aria-hidden": true
     }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: textCls
@@ -66051,20 +66952,6 @@ const LayoutContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_
   }
 });
 /* harmony default export */ var layout_context = (LayoutContext);
-// CONCATENATED MODULE: ../semi-foundation/utils/getDataAttr.ts
-
-
-function getDataAttr(props) {
-  var _context;
-
-  return reduce_default()(_context = keys_default()(props)).call(_context, (prev, key) => {
-    if (key.substr(0, 5) === 'aria-' || key.substr(0, 5) === 'data-' || key === 'role') {
-      prev[key] = props[key];
-    }
-
-    return prev;
-  }, {});
-}
 // CONCATENATED MODULE: ./layout/Sider.tsx
 
 
@@ -67667,9 +68554,9 @@ var toString_default = /*#__PURE__*/__webpack_require__.n(lodash_toString);
 var toNumber = __webpack_require__("nvU9");
 var toNumber_default = /*#__PURE__*/__webpack_require__.n(toNumber);
 
-// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/set-interval.js
-var set_interval = __webpack_require__("1l5A");
-var set_interval_default = /*#__PURE__*/__webpack_require__.n(set_interval);
+// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/number/is-nan.js
+var is_nan = __webpack_require__("gobS");
+var is_nan_default = /*#__PURE__*/__webpack_require__.n(is_nan);
 
 // CONCATENATED MODULE: ../semi-foundation/inputNumber/constants.ts
 
@@ -67717,6 +68604,8 @@ function minus(num1, num2) {
 
 
 
+
+
 /* eslint-disable max-len */
 
 /* eslint-disable no-param-reassign */
@@ -67917,9 +68806,9 @@ class foundation_InputNumberFoundation extends foundation {
 
       this._adapter.recordCursorPosition();
 
-      const formatedVal = code === utils_keyCode.UP ? this.add() : this.minus();
+      const formattedVal = code === utils_keyCode.UP ? this.add() : this.minus();
 
-      this._doInput(formatedVal, event, () => {
+      this._doInput(formattedVal, event, () => {
         this._adapter.restoreCursor();
       });
 
@@ -68093,18 +68982,22 @@ class foundation_InputNumberFoundation extends foundation {
       value
     } = this.getProps();
     const propsValue = this._isControlledComponent('value') ? value : defaultValue;
-    const tmpNumer = this.doParse(toString_default()(propsValue), false, true, true);
+    const tmpNumber = this.doParse(toString_default()(propsValue), false, true, true);
     let number = null;
 
-    if (typeof tmpNumer === 'number' && !isNaN(tmpNumer)) {
-      number = tmpNumer;
+    if (typeof tmpNumber === 'number' && !isNaN(tmpNumber)) {
+      number = tmpNumber;
     }
 
-    const formatedValue = typeof number === 'number' ? this.doFormat(number, true) : '';
+    const formattedValue = typeof number === 'number' ? this.doFormat(number, true) : '';
 
     this._adapter.setNumber(number);
 
-    this._adapter.setValue(formatedValue);
+    this._adapter.setValue(formattedValue);
+
+    if (isString_default()(formattedValue) && formattedValue !== String(propsValue)) {
+      this.notifyChange(formattedValue, null);
+    }
   }
 
   add(step, event) {
@@ -68175,7 +69068,7 @@ class foundation_InputNumberFoundation extends foundation {
   _adjustPrec(num) {
     const precision = this.getProp('precision');
 
-    if (typeof precision === 'number' && num !== '') {
+    if (typeof precision === 'number' && num !== '' && num !== null && !is_nan_default()(Number(num))) {
       num = Number(num).toFixed(precision);
     }
 
@@ -68393,6 +69286,10 @@ class foundation_InputNumberFoundation extends foundation {
     }
   }
 
+  updateStates(states, callback) {
+    this._adapter.updateStates(states, callback);
+  }
+
 }
 
 /* harmony default export */ var inputNumber_foundation = (foundation_InputNumberFoundation);
@@ -68409,6 +69306,7 @@ var inputNumber = __webpack_require__("KwJG");
 
 
 
+
 var inputNumber_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -68673,6 +69571,9 @@ class inputNumber_InputNumber extends baseComponent_BaseComponent {
       },
       setClickUpOrDown: value => {
         this.clickUpOrDown = value;
+      },
+      updateStates: (states, callback) => {
+        this.setState(states, callback);
       }
     });
   }
@@ -68684,6 +69585,7 @@ class inputNumber_InputNumber extends baseComponent_BaseComponent {
     const {
       focusing
     } = this.state;
+    let newValue;
     /**
      * To determine whether the front and back are equal
      * NaN need to check whether both are NaN
@@ -68691,8 +69593,9 @@ class inputNumber_InputNumber extends baseComponent_BaseComponent {
 
     if (value !== prevProps.value && !utils_isBothNaN(value, prevProps.value)) {
       if (isNullOrUndefined(value) || value === '') {
-        this.setState({
-          value: '',
+        newValue = '';
+        this.foundation.updateStates({
+          value: newValue,
           number: null
         });
       } else {
@@ -68748,33 +69651,42 @@ class inputNumber_InputNumber extends baseComponent_BaseComponent {
 
             if (this.clickUpOrDown) {
               obj.value = this.foundation.doFormat(valueStr, true);
+              newValue = obj.value;
             }
 
-            this.setState(obj, () => this.adapter.restoreCursor());
+            this.foundation.updateStates(obj, () => this.adapter.restoreCursor());
           } else if (!isNaN_default()(toNum)) {
             // Update input content when controlled input is illegal and not NaN
-            this.setState({
-              value: this.foundation.doFormat(toNum, false)
+            newValue = this.foundation.doFormat(toNum, false);
+            this.foundation.updateStates({
+              value: newValue
             });
           } else {
             // Update input content when controlled input NaN
-            this.setState({
-              value: this.foundation.doFormat(valueStr, false)
+            newValue = this.foundation.doFormat(valueStr, false);
+            this.foundation.updateStates({
+              value: newValue
             });
           }
         } else if (this.foundation.isValidNumber(parsedNum)) {
-          this.setState({
+          newValue = this.foundation.doFormat(parsedNum);
+          this.foundation.updateStates({
             number: parsedNum,
-            value: this.foundation.doFormat(parsedNum)
+            value: newValue
           });
         } else {
           // Invalid digital analog blurring effect instead of controlled failure
-          this.setState({
+          newValue = '';
+          this.foundation.updateStates({
             number: null,
-            value: ''
+            value: newValue
           });
         }
       }
+
+      if (isString_default()(newValue) && newValue !== String(this.props.value)) {
+        this.foundation.notifyChange(newValue, null);
+      }
     }
 
     if (!this.clickUpOrDown) {
@@ -69107,7 +70019,7 @@ class foundation_NavigationFoundation extends foundation {
     const {
       itemKeysMap,
       willOpenKeys,
-      formatedItems
+      formattedItems
     } = this.getCalcState();
     const parentSelectKeys = this.selectLevelZeroParentKeys(itemKeysMap, willSelectedKeys);
     willSelectedKeys = concat_default()(willSelectedKeys).call(willSelectedKeys, parentSelectKeys);
@@ -69117,7 +70029,7 @@ class foundation_NavigationFoundation extends foundation {
         selectedKeys: willSelectedKeys,
         itemKeysMap,
         openKeys: willOpenKeys,
-        items: formatedItems
+        items: formattedItems
       };
     } else {
       this._adapter.updateSelectedKeys(willSelectedKeys);
@@ -69126,7 +70038,7 @@ class foundation_NavigationFoundation extends foundation {
 
       this._adapter.updateOpenKeys(willOpenKeys);
 
-      this._adapter.updateItems(formatedItems);
+      this._adapter.updateItems(formattedItems);
 
       this._adapter.setItemsChanged(true);
     }
@@ -69141,13 +70053,13 @@ class foundation_NavigationFoundation extends foundation {
   getCalcState() {
     const {
       itemKeysMap,
-      formatedItems
-    } = this.getFormatedItems();
+      formattedItems
+    } = this.getFormattedItems();
     const willOpenKeys = this.getWillOpenKeys(itemKeysMap);
     return {
       itemKeysMap,
       willOpenKeys,
-      formatedItems
+      formattedItems
     };
   }
   /**
@@ -69155,17 +70067,17 @@ class foundation_NavigationFoundation extends foundation {
    */
 
 
-  getFormatedItems() {
+  getFormattedItems() {
     const {
       items,
       children
     } = this.getProps();
-    const formatedItems = this.formatItems(items);
-    const willHandleItems = is_array_default()(items) && items.length ? formatedItems : children;
+    const formattedItems = this.formatItems(items);
+    const willHandleItems = is_array_default()(items) && items.length ? formattedItems : children;
     const itemKeysMap = foundation_NavigationFoundation.buildItemKeysMap(willHandleItems);
     return {
       itemKeysMap,
-      formatedItems
+      formattedItems
     };
   }
   /**
@@ -69256,13 +70168,13 @@ class foundation_NavigationFoundation extends foundation {
 
   formatItems() {
     let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    const formatedItems = [];
+    const formattedItems = [];
 
     for (const item of items) {
-      formatedItems.push(new NavItem_NavItem(item));
+      formattedItems.push(new NavItem_NavItem(item));
     }
 
-    return formatedItems;
+    return formattedItems;
   }
 
   handleSelect(data) {
@@ -74550,10 +75462,6 @@ function shouldComponentUpdate(nextProps, nextState) {
 
 //# sourceMappingURL=index.esm.js.map
 
-// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/number/is-nan.js
-var is_nan = __webpack_require__("gobS");
-var is_nan_default = /*#__PURE__*/__webpack_require__.n(is_nan);
-
 // CONCATENATED MODULE: ../semi-foundation/pagination/constants.ts
 
 const pagination_constants_cssClasses = {
@@ -83007,6 +83915,24 @@ steps_Steps.defaultProps = {
 class foundation_SwitchFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()({}, adapter));
+
+    this.handleFocusVisible = event => {
+      const {
+        target
+      } = event;
+
+      try {
+        if (target.matches(':focus-visible')) {
+          this._adapter.setFocusVisible(true);
+        }
+      } catch (error) {
+        console.warn('The current browser does not support the focus-visible');
+      }
+    };
+
+    this.handleBlur = () => {
+      this._adapter.setFocusVisible(false);
+    };
   }
 
   init() {
@@ -83048,6 +83974,7 @@ class foundation_SwitchFoundation extends foundation {
 
 const switch_constants_cssClasses = {
   PREFIX: "".concat(BASE_CLASS_PREFIX, "-switch"),
+  FOCUS: "".concat(BASE_CLASS_PREFIX, "-switch-focus"),
   LARGE: "".concat(BASE_CLASS_PREFIX, "-switch-large"),
   SMALL: "".concat(BASE_CLASS_PREFIX, "-switch-small"),
   CHECKED: "".concat(BASE_CLASS_PREFIX, "-switch-checked"),
@@ -83071,7 +83998,7 @@ var switch_switch = __webpack_require__("DE4K");
 
 
 
-/* eslint-disable max-len, jsx-a11y/role-supports-aria-props */
+/* eslint-disable max-len */
 
 
 
@@ -83084,9 +84011,19 @@ var switch_switch = __webpack_require__("DE4K");
 class switch_Switch extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);
+
+    this.handleFocusVisible = event => {
+      this.foundation.handleFocusVisible(event);
+    };
+
+    this.handleBlur = event => {
+      this.foundation.handleBlur();
+    };
+
     this.state = {
       nativeControlChecked: false,
-      nativeControlDisabled: false
+      nativeControlDisabled: false,
+      focusVisible: false
     };
     this.switchRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.foundation = new foundation_SwitchFoundation(this.adapter);
@@ -83122,6 +84059,11 @@ class switch_Switch extends baseComponent_BaseComponent {
           nativeControlDisabled
         });
       },
+      setFocusVisible: focusVisible => {
+        this.setState({
+          focusVisible
+        });
+      },
       notifyChange: (checked, e) => {
         this.props.onChange(checked, e);
       }
@@ -83131,7 +84073,8 @@ class switch_Switch extends baseComponent_BaseComponent {
   render() {
     const {
       nativeControlChecked,
-      nativeControlDisabled
+      nativeControlDisabled,
+      focusVisible
     } = this.state;
     const {
       className,
@@ -83150,11 +84093,11 @@ class switch_Switch extends baseComponent_BaseComponent {
       [switch_constants_cssClasses.DISABLED]: nativeControlDisabled,
       [switch_constants_cssClasses.LARGE]: size === 'large',
       [switch_constants_cssClasses.SMALL]: size === 'small',
-      [switch_constants_cssClasses.LOADING]: loading
+      [switch_constants_cssClasses.LOADING]: loading,
+      [switch_constants_cssClasses.FOCUS]: focusVisible
     });
     const switchProps = {
       type: 'checkbox',
-      role: 'switch',
       className: switch_constants_cssClasses.NATIVE_CONTROL,
       disabled: nativeControlDisabled || loading,
       checked: nativeControlChecked || false
@@ -83179,13 +84122,17 @@ class switch_Switch extends baseComponent_BaseComponent {
     }, uncheckedText) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("input", assign_default()({}, switchProps, {
       ref: this.switchRef,
       id: id,
+      role: 'switch',
       "aria-checked": nativeControlChecked,
       "aria-invalid": this.props['aria-invalid'],
       "aria-errormessage": this.props['aria-errormessage'],
       "aria-label": this.props['aria-label'],
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props["aria-describedby"],
-      onChange: e => this.foundation.handleChange(e.target.checked, e)
+      "aria-disabled": this.props['disabled'],
+      onChange: e => this.foundation.handleChange(e.target.checked, e),
+      onFocus: e => this.handleFocusVisible(e),
+      onBlur: e => this.handleBlur(e)
     })));
   }
 
@@ -90728,9 +91675,9 @@ class foundation_TabsFoundation extends foundation {
   }
 
   handleTabClick(activeKey, event) {
-    const isControledComponent = this._isInProps('activeKey');
+    const isControlledComponent = this._isInProps('activeKey');
 
-    if (isControledComponent) {
+    if (isControlledComponent) {
       this._notifyChange(activeKey);
     } else {
       this._notifyChange(activeKey);
@@ -92145,7 +93092,7 @@ class foundation_TimePickerFoundation extends foundation {
     if (this._isInProps('format')) {
       return this.getProp('format');
     } else if (this.getProp('use12Hours')) {
-      return timePicker_constants_strings.DEFAULT_FROMAT_A;
+      return timePicker_constants_strings.DEFAULT_FORMAT_A;
     } else {
       return timePicker_constants_strings.DEFAULT_FORMAT;
     }
@@ -94398,7 +95345,7 @@ class foundation_TreeFoundation extends foundation {
   */
 
 
-  calcChekcedStatus(targetStatus, eventKey) {
+  calcCheckedStatus(targetStatus, eventKey) {
     // From checked to unchecked, you can change it directly
     if (!targetStatus) {
       return targetStatus;
@@ -94431,7 +95378,7 @@ class foundation_TreeFoundation extends foundation {
   */
 
 
-  calcNonDisabedCheckedKeys(eventKey, targetStatus) {
+  calcNonDisabledCheckedKeys(eventKey, targetStatus) {
     const {
       keyEntities,
       disabledKeys
@@ -94475,11 +95422,11 @@ class foundation_TreeFoundation extends foundation {
 
     if (checkRelation === 'related') {
       // Find the checked state of the current node
-      const targetStatus = disableStrictly ? this.calcChekcedStatus(!checked, eventKey) : !checked;
+      const targetStatus = disableStrictly ? this.calcCheckedStatus(!checked, eventKey) : !checked;
       const {
         checkedKeys,
         halfCheckedKeys
-      } = disableStrictly ? this.calcNonDisabedCheckedKeys(eventKey, targetStatus) : this.calcCheckedKeys(eventKey, targetStatus);
+      } = disableStrictly ? this.calcNonDisabledCheckedKeys(eventKey, targetStatus) : this.calcCheckedKeys(eventKey, targetStatus);
 
       this._adapter.notifySelect(eventKey, targetStatus, data);
 
@@ -96508,7 +97455,7 @@ tree_Tree.TreeNode = treeNode_TreeNode;
 
 const treeSelect_constants_cssClasses = {
   PREFIX: "".concat(BASE_CLASS_PREFIX, "-tree-select"),
-  PREFIXTREE: "".concat(BASE_CLASS_PREFIX, "-tree"),
+  PREFIX_TREE: "".concat(BASE_CLASS_PREFIX, "-tree"),
   PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-tree-select-option")
 };
 const treeSelect_constants_strings = {
@@ -97132,11 +98079,11 @@ class foundation_TreeSelectFoundation extends foundation {
     } = treeNode;
 
     if (checkRelation === 'related') {
-      const targetStatus = disableStrictly ? this.calcChekcedStatus(!checked, eventKey) : !checked;
+      const targetStatus = disableStrictly ? this.calcCheckedStatus(!checked, eventKey) : !checked;
       const {
         checkedKeys,
         halfCheckedKeys
-      } = disableStrictly ? this.calcNonDisabedCheckedKeys(eventKey, targetStatus) : this.calcCheckedKeys(eventKey, targetStatus);
+      } = disableStrictly ? this.calcNonDisabledCheckedKeys(eventKey, targetStatus) : this.calcCheckedKeys(eventKey, targetStatus);
 
       this._adapter.notifySelect(eventKey, targetStatus, data);
 
@@ -97182,7 +98129,7 @@ class foundation_TreeSelectFoundation extends foundation {
     }
   }
 
-  calcNonDisabedCheckedKeys(eventKey, targetStatus) {
+  calcNonDisabledCheckedKeys(eventKey, targetStatus) {
     const {
       keyEntities,
       disabledKeys
@@ -97204,7 +98151,7 @@ class foundation_TreeSelectFoundation extends foundation {
     return calcCheckedKeys(newCheckedKeys, keyEntities);
   }
 
-  calcChekcedStatus(targetStatus, eventKey) {
+  calcCheckedStatus(targetStatus, eventKey) {
     if (!targetStatus) {
       return targetStatus;
     }
@@ -97433,7 +98380,7 @@ var treeSelect = __webpack_require__("uw59");
 
 
 const treeSelect_prefixcls = treeSelect_constants_cssClasses.PREFIX;
-const prefixTree = treeSelect_constants_cssClasses.PREFIXTREE;
+const prefixTree = treeSelect_constants_cssClasses.PREFIX_TREE;
 const treeSelect_key = 0;
 
 class treeSelect_TreeSelect extends baseComponent_BaseComponent {
@@ -98912,7 +99859,7 @@ function mapFileTree(items) {
       const result = yield promise_default.a.all(promises);
       return result;
     } catch (error) {
-      console.warn('Catched error while loop directory.');
+      console.warn('Captured error while loop directory.');
       console.error(error);
       return [];
     }
@@ -99037,13 +99984,13 @@ class foundation_UploadFoundation extends foundation {
       maxSize,
       minSize
     } = this.getProps();
-    let isIlligal = false;
+    let isIllegal = false;
 
     if (size > maxSize * byteKB || size < minSize * byteKB) {
-      isIlligal = true;
+      isIllegal = true;
     }
 
-    return isIlligal;
+    return isIllegal;
   }
   /**
    * 1. 选择文件
@@ -99451,7 +100398,7 @@ class foundation_UploadFoundation extends foundation {
       });
 
       switch (true) {
-        // sync valiate - boolean
+        // sync validate - boolean
         case buResult === true:
           {
             this.post(file);
@@ -99471,17 +100418,17 @@ class foundation_UploadFoundation extends foundation {
 
         case buResult && isPromise(buResult):
           {
-            promise_default.a.resolve(buResult).then(resloveData => {
+            promise_default.a.resolve(buResult).then(resolveData => {
               var _context5;
 
               let newResult = {
                 shouldUpload: true
               };
 
-              const typeOfResloveData = slice_default()(_context5 = Object.prototype.toString.call(resloveData)).call(_context5, 8, -1);
+              const typeOfResolveData = slice_default()(_context5 = Object.prototype.toString.call(resolveData)).call(_context5, 8, -1);
 
-              if (typeOfResloveData === 'Object') {
-                newResult = assign_default()(assign_default()({}, newResult), resloveData);
+              if (typeOfResolveData === 'Object') {
+                newResult = assign_default()(assign_default()({}, newResult), resolveData);
               }
 
               this.handleBeforeUploadResultInObject(newResult, file);
@@ -101390,6 +102337,10 @@ function _nonIterableSpread() {
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
+// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/prop-types/index.js
+var semi_design_node_modules_prop_types = __webpack_require__("aWzz");
+var semi_design_node_modules_prop_types_default = /*#__PURE__*/__webpack_require__.n(semi_design_node_modules_prop_types);
+
 // CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/react-sortable-hoc/dist/react-sortable-hoc.esm.js
 
 
@@ -101907,37 +102858,37 @@ function defaultShouldCancelStart(event) {
 }
 
 var propTypes = {
-  axis: prop_types_default.a.oneOf(['x', 'y', 'xy']),
-  contentWindow: prop_types_default.a.any,
-  disableAutoscroll: prop_types_default.a.bool,
-  distance: prop_types_default.a.number,
-  getContainer: prop_types_default.a.func,
-  getHelperDimensions: prop_types_default.a.func,
-  helperClass: prop_types_default.a.string,
-  helperContainer: prop_types_default.a.oneOfType([prop_types_default.a.func, typeof HTMLElement === 'undefined' ? prop_types_default.a.any : prop_types_default.a.instanceOf(HTMLElement)]),
-  hideSortableGhost: prop_types_default.a.bool,
-  keyboardSortingTransitionDuration: prop_types_default.a.number,
-  lockAxis: prop_types_default.a.string,
-  lockOffset: prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.string, prop_types_default.a.arrayOf(prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.string]))]),
-  lockToContainerEdges: prop_types_default.a.bool,
-  onSortEnd: prop_types_default.a.func,
-  onSortMove: prop_types_default.a.func,
-  onSortOver: prop_types_default.a.func,
-  onSortStart: prop_types_default.a.func,
-  pressDelay: prop_types_default.a.number,
-  pressThreshold: prop_types_default.a.number,
-  keyCodes: prop_types_default.a.shape({
-    lift: prop_types_default.a.arrayOf(prop_types_default.a.number),
-    drop: prop_types_default.a.arrayOf(prop_types_default.a.number),
-    cancel: prop_types_default.a.arrayOf(prop_types_default.a.number),
-    up: prop_types_default.a.arrayOf(prop_types_default.a.number),
-    down: prop_types_default.a.arrayOf(prop_types_default.a.number)
+  axis: semi_design_node_modules_prop_types_default.a.oneOf(['x', 'y', 'xy']),
+  contentWindow: semi_design_node_modules_prop_types_default.a.any,
+  disableAutoscroll: semi_design_node_modules_prop_types_default.a.bool,
+  distance: semi_design_node_modules_prop_types_default.a.number,
+  getContainer: semi_design_node_modules_prop_types_default.a.func,
+  getHelperDimensions: semi_design_node_modules_prop_types_default.a.func,
+  helperClass: semi_design_node_modules_prop_types_default.a.string,
+  helperContainer: semi_design_node_modules_prop_types_default.a.oneOfType([semi_design_node_modules_prop_types_default.a.func, typeof HTMLElement === 'undefined' ? semi_design_node_modules_prop_types_default.a.any : semi_design_node_modules_prop_types_default.a.instanceOf(HTMLElement)]),
+  hideSortableGhost: semi_design_node_modules_prop_types_default.a.bool,
+  keyboardSortingTransitionDuration: semi_design_node_modules_prop_types_default.a.number,
+  lockAxis: semi_design_node_modules_prop_types_default.a.string,
+  lockOffset: semi_design_node_modules_prop_types_default.a.oneOfType([semi_design_node_modules_prop_types_default.a.number, semi_design_node_modules_prop_types_default.a.string, semi_design_node_modules_prop_types_default.a.arrayOf(semi_design_node_modules_prop_types_default.a.oneOfType([semi_design_node_modules_prop_types_default.a.number, semi_design_node_modules_prop_types_default.a.string]))]),
+  lockToContainerEdges: semi_design_node_modules_prop_types_default.a.bool,
+  onSortEnd: semi_design_node_modules_prop_types_default.a.func,
+  onSortMove: semi_design_node_modules_prop_types_default.a.func,
+  onSortOver: semi_design_node_modules_prop_types_default.a.func,
+  onSortStart: semi_design_node_modules_prop_types_default.a.func,
+  pressDelay: semi_design_node_modules_prop_types_default.a.number,
+  pressThreshold: semi_design_node_modules_prop_types_default.a.number,
+  keyCodes: semi_design_node_modules_prop_types_default.a.shape({
+    lift: semi_design_node_modules_prop_types_default.a.arrayOf(semi_design_node_modules_prop_types_default.a.number),
+    drop: semi_design_node_modules_prop_types_default.a.arrayOf(semi_design_node_modules_prop_types_default.a.number),
+    cancel: semi_design_node_modules_prop_types_default.a.arrayOf(semi_design_node_modules_prop_types_default.a.number),
+    up: semi_design_node_modules_prop_types_default.a.arrayOf(semi_design_node_modules_prop_types_default.a.number),
+    down: semi_design_node_modules_prop_types_default.a.arrayOf(semi_design_node_modules_prop_types_default.a.number)
   }),
-  shouldCancelStart: prop_types_default.a.func,
-  transitionDuration: prop_types_default.a.number,
-  updateBeforeSortStart: prop_types_default.a.func,
-  useDragHandle: prop_types_default.a.bool,
-  useWindowAsScrollContainer: prop_types_default.a.bool
+  shouldCancelStart: semi_design_node_modules_prop_types_default.a.func,
+  transitionDuration: semi_design_node_modules_prop_types_default.a.number,
+  updateBeforeSortStart: semi_design_node_modules_prop_types_default.a.func,
+  useDragHandle: semi_design_node_modules_prop_types_default.a.bool,
+  useWindowAsScrollContainer: semi_design_node_modules_prop_types_default.a.bool
 };
 var defaultKeyCodes = {
   lift: [KEYCODE.SPACE],
@@ -102884,9 +103835,9 @@ function sortableContainer(WrappedComponent) {
 }
 
 var propTypes$1 = {
-  index: prop_types_default.a.number.isRequired,
-  collection: prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.string]),
-  disabled: prop_types_default.a.bool
+  index: semi_design_node_modules_prop_types_default.a.number.isRequired,
+  collection: semi_design_node_modules_prop_types_default.a.oneOfType([semi_design_node_modules_prop_types_default.a.number, semi_design_node_modules_prop_types_default.a.string]),
+  disabled: semi_design_node_modules_prop_types_default.a.bool
 };
 var omittedProps$1 = Object.keys(propTypes$1);
 function sortableElement(WrappedComponent) {
@@ -103006,7 +103957,7 @@ const transfer_constants_strings = {
 };
 const transfer_constants_numbers = {};
 
-// CONCATENATED MODULE: ../semi-foundation/transfer/transferUtlls.ts
+// CONCATENATED MODULE: ../semi-foundation/transfer/transferUtils.ts
 
 
 
@@ -103019,7 +103970,7 @@ const transfer_constants_numbers = {};
 
 
 
-var transferUtlls_rest = undefined && undefined.__rest || function (s, e) {
+var transferUtils_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && index_of_default()(e).call(e, p) < 0) t[p] = s[p];
@@ -103041,7 +103992,7 @@ function _generateGroupedData(dataSource) {
       const {
         children
       } = group,
-            rest = transferUtlls_rest(group, ["children"]);
+            rest = transferUtils_rest(group, ["children"]);
 
       newData.push(assign_default()(assign_default()({}, item), {
         _parent: rest
@@ -104387,6 +105338,10 @@ class foundation_FormFoundation extends foundation {
     this.scrollToField = bind_default()(_context20 = this.scrollToField).call(_context20, this);
   }
 
+  init() {
+    this._adapter.initFormId();
+  }
+
   getField(field) {
     const targetField = this.fields.get(field);
     return targetField;
@@ -104643,7 +105598,7 @@ class foundation_FormFoundation extends foundation {
     let targetFields = new core_js_stable_map_default.a();
 
     if (!isUndefined_default()(fieldPaths)) {
-      // reset or validate spcific fields
+      // reset or validate specific fields
       for_each_default()(fieldPaths).call(fieldPaths, path => {
         const field = this.fields.get(path); // may be undefined, if exists two fields like 'a[0]'、'a[1]', but user directly call reset(['a']) / validate(['a'])
 
@@ -104781,8 +105736,8 @@ class foundation_FormFoundation extends foundation {
           updateKey: new Date().valueOf()
         });
       });
-    } // When isOverrid is true, there may be a non-existent field in the values passed in, directly synchronized to formState.values
-    // 当isOverrid为true，传入的values中可能存在不存在的field时，直接将其同步到formState.values中
+    } // When isOverride is true, there may be a non-existent field in the values passed in, directly synchronized to formState.values
+    // 当isOverride为true，传入的values中可能存在不存在的field时，直接将其同步到formState.values中
 
 
     if (isOverride) {
@@ -104956,7 +105911,7 @@ class foundation_FormFoundation extends foundation {
     };
 
     const setTouched = (field, isTouched, opts) => {
-      const fieldApi = this.fields.get(field) ? this.fields.get(field).fieldApi : undefined; // touched is boolean variable, no need to execu deepClone like setValue
+      const fieldApi = this.fields.get(field) ? this.fields.get(field).fieldApi : undefined; // touched is boolean variable, no need to exec deepClone like setValue
 
       if (fieldApi) {
         fieldApi.setTouched(isTouched, opts);
@@ -105043,7 +105998,7 @@ class foundation_FormFoundation extends foundation {
   getFormState() {
     let needClone = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
 
-    // NOTES：这里如果直接返回this.data，forceUpdae触发Formrerender时，通过context传下去的formState会被认为是同一个对象【应该是浅对比的原因】
+    // NOTES：这里如果直接返回this.data，forceUpdate 触发 Form rerender 时，通过context传下去的formState会被认为是同一个对象【应该是浅对比的原因】
     // 使用了useFormState相关的component都不会触发重新渲染。所以使用...复制一次
 
     /*
@@ -106015,9 +106970,16 @@ function withField(Component, opts) {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         return () => {};
       } // log('register: ' + field);
+      // field value may change after field component mounted, we use ref value here to get changed value
 
 
-      updater.register(field, fieldState, {
+      const refValue = getVal();
+      updater.register(field, {
+        value: refValue,
+        error,
+        touched,
+        status
+      }, {
         field,
         fieldApi,
         keepState,
@@ -106307,7 +107269,7 @@ class baseForm_Form extends baseComponent_BaseComponent {
 
     super(props);
     this.state = {
-      formId: getUuidv4()
+      formId: ''
     };
     Object(warning["a" /* default */])(Boolean(props.component && props.render), '[Semi Form] You should not use <Form component> and <Form render> in ths same time; <Form render> will be ignored');
     Object(warning["a" /* default */])(props.component && props.children && !isEmptyChildren(props.children), '[Semi Form] You should not use <Form component> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
@@ -106322,6 +107284,10 @@ class baseForm_Form extends baseComponent_BaseComponent {
     }
   }
 
+  componentDidMount() {
+    this.foundation.init();
+  }
+
   componentWillUnmount() {
     this.foundation.destroy();
     this.foundation = null;
@@ -106349,6 +107315,11 @@ class baseForm_Form extends baseComponent_BaseComponent {
       notifyReset: () => {
         this.props.onReset();
       },
+      initFormId: () => {
+        this.setState({
+          formId: getUuidv4()
+        });
+      },
       getInitValues: () => this.props.initValues,
       getFormProps: keys => {
         if (typeof keys === 'undefined') {
@@ -106932,6 +107903,7 @@ arrayField_ArrayFieldComponent.contextType = FormUpdaterContext;
 
 
 
+
 
 
 /** Form */
@@ -111414,10 +112386,10 @@ module.exports = baseForOwn;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPrefix = getPrefix;
 exports.browserPrefixToKey = browserPrefixToKey;
 exports.browserPrefixToStyle = browserPrefixToStyle;
 exports.default = void 0;
+exports.getPrefix = getPrefix;
 var prefixes = ['Moz', 'Webkit', 'O', 'ms'];
 
 function getPrefix()