@douyinfe/semi-ui 2.9.1 → 2.10.0-beta.0

package/dist/umd/semi-ui.js

@@ -7400,6 +7400,13 @@ Stack.prototype.set = stackSet;
 module.exports = Stack;
 
 
+/***/ }),
+
+/***/ "HzcD":
+/***/ (function(module, exports) {
+
+
+
 /***/ }),
 
 /***/ "I1fX":
@@ -7434,29 +7441,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 +7473,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 +10005,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 +10345,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 +11294,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 +13380,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 +13423,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 +13653,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 +13764,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",
@@ -18266,11 +18293,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 +18766,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 +18811,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 +18831,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 +24843,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; });
@@ -37943,7 +37971,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 +37989,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 +45325,768 @@ 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;
+    this.throttleChange = throttle_default()(this.onIndicatorChange, this.getSwitchingTime());
+  }
+
+  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,
+      timing
+    } = 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: throttle_default()(prev, timing)
+    }, 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: throttle_default()(next, timing)
+    }, 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.throttleChange(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;
+      const timing = this.foundation.getSwitchingTime();
+
+      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,
+          timing: timing,
+          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);
@@ -49362,7 +50158,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]);
         }
       }
 
@@ -51538,7 +52334,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) {
@@ -66051,20 +66847,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,10 +68449,6 @@ 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);
-
 // CONCATENATED MODULE: ../semi-foundation/inputNumber/constants.ts
 
 
@@ -83007,6 +83785,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 +83844,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 +83868,7 @@ var switch_switch = __webpack_require__("DE4K");
 
 
 
-/* eslint-disable max-len, jsx-a11y/role-supports-aria-props */
+/* eslint-disable max-len */
 
 
 
@@ -83084,9 +83881,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 +83929,11 @@ class switch_Switch extends baseComponent_BaseComponent {
           nativeControlDisabled
         });
       },
+      setFocusVisible: focusVisible => {
+        this.setState({
+          focusVisible
+        });
+      },
       notifyChange: (checked, e) => {
         this.props.onChange(checked, e);
       }
@@ -83131,7 +83943,8 @@ class switch_Switch extends baseComponent_BaseComponent {
   render() {
     const {
       nativeControlChecked,
-      nativeControlDisabled
+      nativeControlDisabled,
+      focusVisible
     } = this.state;
     const {
       className,
@@ -83150,11 +83963,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 +83992,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)
     })));
   }
 
@@ -106932,6 +107749,7 @@ arrayField_ArrayFieldComponent.contextType = FormUpdaterContext;
 
 
 
+
 
 
 /** Form */
@@ -111414,10 +112232,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()