@douyinfe/semi-ui 2.11.2 → 2.12.0-beta.1

package/dist/umd/semi-ui.js

@@ -1801,6 +1801,30 @@ module.exports = createFind;
 
 
 
+/***/ }),
+
+/***/ "1hU5":
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__("n9AK");
+var FREEZING = __webpack_require__("byqU");
+var fails = __webpack_require__("XU0c");
+var isObject = __webpack_require__("H3h0");
+var onFreeze = __webpack_require__("N8Lc").onFreeze;
+
+// eslint-disable-next-line es-x/no-object-freeze -- safe
+var $freeze = Object.freeze;
+var FAILS_ON_PRIMITIVES = fails(function () { $freeze(1); });
+
+// `Object.freeze` method
+// https://tc39.es/ecma262/#sec-object.freeze
+$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES, sham: !FREEZING }, {
+  freeze: function freeze(it) {
+    return $freeze && isObject(it) ? $freeze(onFreeze(it)) : it;
+  }
+});
+
+
 /***/ }),
 
 /***/ "1l5A":
@@ -22401,6 +22425,19 @@ function baseClone(value, bitmask, customizer, key, object, stack) {
 module.exports = baseClone;
 
 
+/***/ }),
+
+/***/ "kq48":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(global) {/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
+
+/* harmony default export */ __webpack_exports__["a"] = (freeGlobal);
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("fRV1")))
+
 /***/ }),
 
 /***/ "krtk":
@@ -24510,6 +24547,13 @@ $({ target: 'Array', proto: true, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ "p7I/":
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__("xXiX");
+
 /***/ }),
 
 /***/ "pDLF":
@@ -25812,8 +25856,8 @@ var lodash_each = __webpack_require__("h4um");
 var each_default = /*#__PURE__*/__webpack_require__.n(lodash_each);
 
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/instance/includes.js
-var includes = __webpack_require__("DeC2");
-var includes_default = /*#__PURE__*/__webpack_require__.n(includes);
+var instance_includes = __webpack_require__("DeC2");
+var includes_default = /*#__PURE__*/__webpack_require__.n(instance_includes);
 
 // EXTERNAL MODULE: ../semi-foundation/utils/warning.ts
 var warning = __webpack_require__("MYbw");
@@ -29038,12 +29082,15 @@ const TooltipTransition = function () {
   const {
     children
   } = props;
-  const motion = getMotionObjFromProps(props);
+  const motion = getMotionObjFromProps(props); //  add fillMode forward to fix issue 715, tooltip close will flashing under react 18
+
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(StyledTransition_StyledTransition, assign_default()({}, props, {
     enter: enterCls,
     leave: leaveCls,
     duration: '100ms'
-  }, motion), typeof children === 'function' ? _ref => {
+  }, motion, {
+    fillMode: 'forward'
+  }), typeof children === 'function' ? _ref => {
     let {
       animateCls,
       animateEvents,
@@ -49325,6 +49372,11 @@ const tag_constants_strings = {
   AVATAR_SHAPE: ['square', 'circle']
 };
 
+// CONCATENATED MODULE: ../semi-foundation/utils/a11y.ts
+function handlePrevent(event) {
+  event.stopPropagation();
+  event.preventDefault();
+}
 // EXTERNAL MODULE: ../semi-foundation/tag/tag.scss
 var tag_tag = __webpack_require__("ktkQ");
 
@@ -49335,6 +49387,7 @@ var tag_tag = __webpack_require__("ktkQ");
 
 
 
+
 var tag_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -49345,6 +49398,8 @@ var tag_rest = undefined && undefined.__rest || function (s, e) {
   }
   return t;
 };
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+
 /* eslint-disable no-unused-vars */
 
 /* eslint-disable max-len */
@@ -49358,6 +49413,7 @@ var tag_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const tag_prefixCls = tag_constants_cssClasses.PREFIX;
 const tagColors = tag_constants_strings.TAG_COLOR;
 const tagSize = tag_constants_strings.TAG_SIZE;
@@ -49365,13 +49421,14 @@ const tagType = tag_constants_strings.TAG_TYPE;
 const avatarShapeSet = tag_constants_strings.AVATAR_SHAPE;
 class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"] {
   constructor(props) {
-    var _context;
+    var _context, _context2;
 
     super(props);
     this.state = {
       visible: true
     };
     this.close = bind_default()(_context = this.close).call(_context, this);
+    this.handleKeyDown = bind_default()(_context2 = this.handleKeyDown).call(_context2, this);
   } // any other way to achieve this?
 
 
@@ -49408,6 +49465,33 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
     this.setVisible(false);
   }
 
+  handleKeyDown(event) {
+    const {
+      closable,
+      onClick
+    } = this.props;
+
+    switch (event.key) {
+      case "Backspace":
+      case "Delete":
+        closable && this.close(event, this.props.children);
+        handlePrevent(event);
+        break;
+
+      case "Enter":
+        onClick(event);
+        handlePrevent(event);
+        break;
+
+      case 'Escape':
+        event.target.blur();
+        break;
+
+      default:
+        break;
+    }
+  }
+
   renderAvatar() {
     const {
       avatarShape,
@@ -49421,7 +49505,7 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
   }
 
   render() {
-    var _context2, _context3, _context4, _context5;
+    var _context3, _context4, _context5, _context6, _context7;
 
     const _a = this.props,
           {
@@ -49431,37 +49515,51 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
       closable,
       visible,
       onClose,
+      onClick,
       className,
       type,
       avatarSrc,
       avatarShape
     } = _a,
-          attr = tag_rest(_a, ["children", "size", "color", "closable", "visible", "onClose", "className", "type", "avatarSrc", "avatarShape"]);
+          attr = tag_rest(_a, ["children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "avatarSrc", "avatarShape"]);
 
     const {
       visible: isVisible
     } = this.state;
+    const clickable = onClick !== tag_Tag.defaultProps.onClick || closable;
+    const a11yProps = {
+      role: 'button',
+      tabIndex: 0,
+      onKeyDown: this.handleKeyDown
+    };
 
     const baseProps = assign_default()(assign_default()({}, attr), {
+      onClick,
       className: classnames_default()(tag_prefixCls, {
         ["".concat(tag_prefixCls, "-default")]: size === 'default',
         ["".concat(tag_prefixCls, "-small")]: size === 'small',
         ["".concat(tag_prefixCls, "-large")]: size === 'large',
-        [concat_default()(_context2 = "".concat(tag_prefixCls, "-")).call(_context2, type)]: type,
-        [concat_default()(_context3 = concat_default()(_context4 = "".concat(tag_prefixCls, "-")).call(_context4, color, "-")).call(_context3, type)]: color && type,
+        [concat_default()(_context3 = "".concat(tag_prefixCls, "-")).call(_context3, type)]: type,
+        [concat_default()(_context4 = concat_default()(_context5 = "".concat(tag_prefixCls, "-")).call(_context5, color, "-")).call(_context4, type)]: color && type,
         ["".concat(tag_prefixCls, "-closable")]: closable,
         ["".concat(tag_prefixCls, "-invisible")]: !isVisible,
-        [concat_default()(_context5 = "".concat(tag_prefixCls, "-avatar-")).call(_context5, avatarShape)]: avatarSrc
+        [concat_default()(_context6 = "".concat(tag_prefixCls, "-avatar-")).call(_context6, avatarShape)]: avatarSrc
       }, className)
     });
 
-    const closeIcon = closable ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+    const wrapProps = clickable ? assign_default()(assign_default()({}, baseProps), a11yProps) : baseProps;
+    const closeIcon = closable ?
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+    external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(tag_prefixCls, "-close"),
       onClick: e => this.close(e, children)
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
       size: "small"
     })) : null;
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, baseProps), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
+      "aria-label": this.props['aria-label'] || isString_default()(children) ? concat_default()(_context7 = "".concat(closable ? 'Closable ' : '', "Tag: ")).call(_context7, children) : ''
+    }, wrapProps), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(tag_prefixCls, "-content")
     }, avatarSrc ? this.renderAvatar() : null, children, closeIcon));
   }
@@ -49491,7 +49589,8 @@ tag_Tag.propTypes = {
   style: prop_types_default.a.object,
   className: prop_types_default.a.string,
   avatarSrc: prop_types_default.a.string,
-  avatarShape: prop_types_default.a.oneOf(avatarShapeSet)
+  avatarShape: prop_types_default.a.oneOf(avatarShapeSet),
+  'aria-label': prop_types_default.a.string
 };
 // CONCATENATED MODULE: ../semi-foundation/tagInput/constants.ts
 
@@ -50053,7 +50152,7 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
       if (isFunction_default()(renderTagItem)) {
         item = renderTagItem(value, index);
       } else {
-        var _context2;
+        var _context2, _context3;
 
         item = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tag_Tag, {
           className: tagCls,
@@ -50065,7 +50164,8 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
           },
           closable: !disabled,
           key: concat_default()(_context2 = "".concat(index)).call(_context2, value),
-          visible: true
+          visible: true,
+          "aria-label": concat_default()(_context3 = "".concat(!disabled ? 'Closable ' : '', "Tag: ")).call(_context3, value)
         }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(paragraph_Paragraph, {
           className: typoCls,
           ellipsis: {
@@ -65303,337 +65403,2102 @@ class modalContentFoundation_ModalContentFoundation extends foundation {
   }
 
 }
-// CONCATENATED MODULE: ./modal/ModalContent.tsx
+// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_freeGlobal.js
+var _freeGlobal = __webpack_require__("kq48");
 
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_root.js
 
 
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
 
+/** Used as a reference to the global object. */
+var _root_root = _freeGlobal["a" /* default */] || freeSelf || Function('return this')();
 
+/* harmony default export */ var _root = (_root_root);
 
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_Symbol.js
 
 
+/** Built-in value references. */
+var _Symbol_Symbol = _root.Symbol;
 
+/* harmony default export */ var _Symbol = (_Symbol_Symbol);
 
-var ModalContent_rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_getRawTag.js
 
-  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 eqeqeq */
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
 
+/** Used to check objects for own properties. */
+var _getRawTag_hasOwnProperty = objectProto.hasOwnProperty;
 
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto.toString;
 
+/** Built-in value references. */
+var symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
 
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag(value) {
+  var isOwn = _getRawTag_hasOwnProperty.call(value, symToStringTag),
+      tag = value[symToStringTag];
 
+  try {
+    value[symToStringTag] = undefined;
+    var unmasked = true;
+  } catch (e) {}
 
+  var result = nativeObjectToString.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag] = tag;
+    } else {
+      delete value[symToStringTag];
+    }
+  }
+  return result;
+}
 
+/* harmony default export */ var _getRawTag = (getRawTag);
 
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_objectToString.js
+/** Used for built-in method references. */
+var _objectToString_objectProto = Object.prototype;
 
- // eslint-disable-next-line max-len
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var _objectToString_nativeObjectToString = _objectToString_objectProto.toString;
 
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString(value) {
+  return _objectToString_nativeObjectToString.call(value);
+}
 
+/* harmony default export */ var _objectToString = (objectToString);
 
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_baseGetTag.js
 
-let uuid = 0;
-class ModalContent_ModalContent extends baseComponent_BaseComponent {
-  constructor(props) {
-    super(props);
 
-    this.onKeyDown = e => {
-      this.foundation.handleKeyDown(e);
-    }; // Record when clicking the modal box
 
 
-    this.onDialogMouseDown = () => {
-      this.foundation.handleDialogMouseDown();
-    }; // Cancel recording when clicking the modal box at the end
+/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+    undefinedTag = '[object Undefined]';
 
+/** Built-in value references. */
+var _baseGetTag_symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
 
-    this.onMaskMouseUp = () => {
-      this.foundation.handleMaskMouseUp();
-    }; // onMaskClick will judge dialogMouseDown before onMaskMouseUp updates dialogMouseDown
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return (_baseGetTag_symToStringTag && _baseGetTag_symToStringTag in Object(value))
+    ? _getRawTag(value)
+    : _objectToString(value);
+}
 
+/* harmony default export */ var _baseGetTag = (baseGetTag);
 
-    this.onMaskClick = e => {
-      this.foundation.handleMaskClick(e);
-    };
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/isObject.js
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+function isObject_isObject(value) {
+  var type = typeof value;
+  return value != null && (type == 'object' || type == 'function');
+}
 
-    this.close = e => {
-      this.foundation.close(e);
-    };
+/* harmony default export */ var lodash_es_isObject = (isObject_isObject);
 
-    this.getMaskElement = () => {
-      const props = ModalContent_rest(this.props, []);
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/isFunction.js
 
-      const {
-        mask,
-        maskClassName
-      } = props;
 
-      if (mask) {
-        const className = classnames_default()("".concat(modal_constants_cssClasses.DIALOG, "-mask"), {// [`${cssClasses.DIALOG}-mask-hidden`]: !props.visible,
-        });
-        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-          key: "mask",
-          className: classnames_default()(className, maskClassName),
-          style: props.maskStyle
-        });
-      }
 
-      return null;
-    };
+/** `Object#toString` result references. */
+var asyncTag = '[object AsyncFunction]',
+    funcTag = '[object Function]',
+    genTag = '[object GeneratorFunction]',
+    proxyTag = '[object Proxy]';
 
-    this.renderCloseBtn = () => {
-      const {
-        closable,
-        closeIcon
-      } = this.props;
-      let closer;
+/**
+ * Checks if `value` is classified as a `Function` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a function, else `false`.
+ * @example
+ *
+ * _.isFunction(_);
+ * // => true
+ *
+ * _.isFunction(/abc/);
+ * // => false
+ */
+function isFunction_isFunction(value) {
+  if (!lodash_es_isObject(value)) {
+    return false;
+  }
+  // The use of `Object#toString` avoids issues with the `typeof` operator
+  // in Safari 9 which returns 'object' for typed arrays and other constructors.
+  var tag = _baseGetTag(value);
+  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+}
 
-      if (closable) {
-        const iconType = closeIcon || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null);
-        closer = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
-          "aria-label": "close",
-          className: "".concat(modal_constants_cssClasses.DIALOG, "-close"),
-          key: "close-btn",
-          onClick: this.close,
-          type: "tertiary",
-          icon: iconType,
-          theme: "borderless",
-          size: "small"
-        });
-      }
+/* harmony default export */ var lodash_es_isFunction = (isFunction_isFunction);
 
-      return closer;
-    };
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_coreJsData.js
 
-    this.renderIcon = () => {
-      const {
-        icon
-      } = this.props;
-      return icon ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-        className: "".concat(modal_constants_cssClasses.DIALOG, "-icon-wrapper")
-      }, icon) : null;
-    };
 
-    this.renderHeader = () => {
-      if ('header' in this.props) {
-        return this.props.header;
-      }
+/** Used to detect overreaching core-js shims. */
+var coreJsData = _root['__core-js_shared__'];
 
-      const {
-        title
-      } = this.props;
-      const closer = this.renderCloseBtn();
-      const icon = this.renderIcon();
-      return title === null || title === undefined ? null : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(modal_constants_cssClasses.DIALOG, "-header")
-      }, icon, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(typography_0.Title, {
-        heading: 5,
-        className: "".concat(modal_constants_cssClasses.DIALOG, "-title"),
-        id: "".concat(modal_constants_cssClasses.DIALOG, "-title")
-      }, title), closer);
-    };
+/* harmony default export */ var _coreJsData = (coreJsData);
 
-    this.renderBody = () => {
-      const {
-        bodyStyle,
-        children,
-        title
-      } = this.props;
-      const bodyCls = classnames_default()("".concat(modal_constants_cssClasses.DIALOG, "-body"), {
-        ["".concat(modal_constants_cssClasses.DIALOG, "-withIcon")]: this.props.icon
-      });
-      const closer = this.renderCloseBtn();
-      const icon = this.renderIcon();
-      const hasHeader = title !== null && title !== undefined || 'header' in this.props;
-      return hasHeader ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: bodyCls,
-        id: "".concat(modal_constants_cssClasses.DIALOG, "-body"),
-        style: bodyStyle
-      }, children) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(modal_constants_cssClasses.DIALOG, "-body-wrapper")
-      }, icon, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: bodyCls,
-        style: bodyStyle
-      }, children), closer);
-    };
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_isMasked.js
 
-    this.getDialogElement = () => {
-      var _context;
 
-      const props = ModalContent_rest(this.props, []);
+/** Used to detect methods masquerading as native. */
+var maskSrcKey = (function() {
+  var uid = /[^.]+$/.exec(_coreJsData && _coreJsData.keys && _coreJsData.keys.IE_PROTO || '');
+  return uid ? ('Symbol(src)_1.' + uid) : '';
+}());
 
-      const style = {};
-      const digCls = classnames_default()("".concat(modal_constants_cssClasses.DIALOG), {
-        ["".concat(modal_constants_cssClasses.DIALOG, "-centered")]: props.centered,
-        [concat_default()(_context = "".concat(modal_constants_cssClasses.DIALOG, "-")).call(_context, props.size)]: props.size
-      });
+/**
+ * Checks if `func` has its source masked.
+ *
+ * @private
+ * @param {Function} func The function to check.
+ * @returns {boolean} Returns `true` if `func` is masked, else `false`.
+ */
+function isMasked(func) {
+  return !!maskSrcKey && (maskSrcKey in func);
+}
 
-      if (props.width) {
-        style.width = props.width;
-      }
+/* harmony default export */ var _isMasked = (isMasked);
 
-      if (props.height) {
-        style.height = props.height;
-      }
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_toSource.js
+/** Used for built-in method references. */
+var funcProto = Function.prototype;
 
-      if (props.isFullScreen) {
-        style.width = '100%';
-        style.height = '100%';
-        style.margin = 'unset';
-      }
+/** Used to resolve the decompiled source of functions. */
+var funcToString = funcProto.toString;
 
-      const body = this.renderBody();
-      const header = this.renderHeader();
-      const footer = props.footer ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(modal_constants_cssClasses.DIALOG, "-footer")
-      }, props.footer) : null;
-      const dialogElement =
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        key: "dialog-element",
-        className: digCls,
-        onMouseDown: this.onDialogMouseDown,
-        style: assign_default()(assign_default()({}, props.style), style),
-        id: this.dialogId
-      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        role: "dialog",
-        ref: this.modalDialogRef,
-        "aria-modal": "true",
-        "aria-labelledby": "".concat(modal_constants_cssClasses.DIALOG, "-title"),
-        "aria-describedby": "".concat(modal_constants_cssClasses.DIALOG, "-body"),
-        onAnimationEnd: props.onAnimationEnd,
-        className: classnames_default()(["".concat(modal_constants_cssClasses.DIALOG, "-content"), props.contentClassName, {
-          ["".concat(modal_constants_cssClasses.DIALOG, "-content-fullScreen")]: props.isFullScreen
-        }])
-      }, header, body, footer)); // return props.visible ? dialogElement : null;
+/**
+ * Converts `func` to its source code.
+ *
+ * @private
+ * @param {Function} func The function to convert.
+ * @returns {string} Returns the source code.
+ */
+function toSource(func) {
+  if (func != null) {
+    try {
+      return funcToString.call(func);
+    } catch (e) {}
+    try {
+      return (func + '');
+    } catch (e) {}
+  }
+  return '';
+}
 
-      return dialogElement;
-    };
+/* harmony default export */ var _toSource = (toSource);
 
-    this.state = {
-      dialogMouseDown: false,
-      prevFocusElement: Object(_utils["b" /* getActiveElement */])()
-    };
-    this.foundation = new modalContentFoundation_ModalContentFoundation(this.adapter);
-    this.dialogId = "dialog-".concat(uuid++);
-    this.modalDialogRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
-  }
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_baseIsNative.js
 
-  get adapter() {
-    return assign_default()(assign_default()({}, super.adapter), {
-      notifyClose: e => {
-        this.props.onClose(e);
-      },
-      notifyDialogMouseDown: () => {
-        this.setState({
-          dialogMouseDown: true
-        });
-      },
-      notifyDialogMouseUp: () => {
-        if (this.state.dialogMouseDown) {
-          // Not setting setTimeout triggers close when modal external mouseUp
-          this.timeoutId = set_timeout_default()(() => {
-            this.setState({
-              dialogMouseDown: false
-            });
-          }, 0);
-        }
-      },
-      addKeyDownEventListener: () => {
-        if (this.props.closeOnEsc) {
-          var _context2;
 
-          document.addEventListener('keydown', bind_default()(_context2 = this.foundation.handleKeyDown).call(_context2, this.foundation));
-        }
-      },
-      removeKeyDownEventListener: () => {
-        if (this.props.closeOnEsc) {
-          var _context3;
 
-          document.removeEventListener('keydown', bind_default()(_context3 = this.foundation.handleKeyDown).call(_context3, this.foundation));
-        }
-      },
-      getMouseState: () => this.state.dialogMouseDown,
-      modalDialogFocus: () => {
-        let activeElementInDialog;
 
-        if (this.modalDialogRef) {
-          const activeElement = Object(_utils["b" /* getActiveElement */])();
-          activeElementInDialog = this.modalDialogRef.current.contains(activeElement);
-        }
 
-        if (!activeElementInDialog) {
-          this.modalDialogRef && this.modalDialogRef.current.focus();
-        }
-      },
-      modalDialogBlur: () => {
-        this.modalDialogRef && this.modalDialogRef.current.blur();
-      },
-      prevFocusElementReFocus: () => {
-        const {
-          prevFocusElement
-        } = this.state;
+/**
+ * Used to match `RegExp`
+ * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+ */
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
 
-        const focus = get_default()(prevFocusElement, 'focus');
+/** Used to detect host constructors (Safari). */
+var reIsHostCtor = /^\[object .+?Constructor\]$/;
 
-        isFunction_default()(focus) && prevFocusElement.focus();
-      }
-    });
-  }
+/** Used for built-in method references. */
+var _baseIsNative_funcProto = Function.prototype,
+    _baseIsNative_objectProto = Object.prototype;
 
-  componentDidMount() {
-    this.foundation.handleKeyDownEventListenerMount();
-    this.foundation.modalDialogFocus();
-  }
+/** Used to resolve the decompiled source of functions. */
+var _baseIsNative_funcToString = _baseIsNative_funcProto.toString;
 
-  componentWillUnmount() {
-    clearTimeout(this.timeoutId);
-    this.foundation.destroy();
-  }
+/** Used to check objects for own properties. */
+var _baseIsNative_hasOwnProperty = _baseIsNative_objectProto.hasOwnProperty;
 
-  render() {
-    const {
-      maskClosable,
-      className,
-      getPopupContainer,
-      maskFixed,
-      getContainerContext
-    } = this.props;
-    const {
-      direction
-    } = this.context;
-    const classList = classnames_default()(className, {
-      ["".concat(modal_constants_cssClasses.DIALOG, "-popup")]: getPopupContainer && !maskFixed,
-      ["".concat(modal_constants_cssClasses.DIALOG, "-fixed")]: maskFixed,
-      ["".concat(modal_constants_cssClasses.DIALOG, "-rtl")]: direction === 'rtl'
-    });
-    const containerContext = getContainerContext();
-    const elem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: classList
-    }, this.getMaskElement(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      role: "none",
-      tabIndex: -1,
-      className: "".concat(modal_constants_cssClasses.DIALOG, "-wrap"),
-      onClick: maskClosable ? this.onMaskClick : null,
-      onMouseUp: maskClosable ? this.onMaskMouseUp : null
-    }, this.getDialogElement())); // @ts-ignore Unreachable branch
-    // eslint-disable-next-line max-len
+/** Used to detect if a method is native. */
+var reIsNative = RegExp('^' +
+  _baseIsNative_funcToString.call(_baseIsNative_hasOwnProperty).replace(reRegExpChar, '\\$&')
+  .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
+);
 
-    return containerContext && containerContext.Provider ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(containerContext.Provider, {
-      value: containerContext.value
-    }, elem) : elem;
+/**
+ * The base implementation of `_.isNative` without bad shim checks.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a native function,
+ *  else `false`.
+ */
+function baseIsNative(value) {
+  if (!lodash_es_isObject(value) || _isMasked(value)) {
+    return false;
   }
-
+  var pattern = lodash_es_isFunction(value) ? reIsNative : reIsHostCtor;
+  return pattern.test(_toSource(value));
 }
-ModalContent_ModalContent.contextType = configProvider_context;
+
+/* harmony default export */ var _baseIsNative = (baseIsNative);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_getValue.js
+/**
+ * Gets the value at `key` of `object`.
+ *
+ * @private
+ * @param {Object} [object] The object to query.
+ * @param {string} key The key of the property to get.
+ * @returns {*} Returns the property value.
+ */
+function getValue(object, key) {
+  return object == null ? undefined : object[key];
+}
+
+/* harmony default export */ var _getValue = (getValue);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_getNative.js
+
+
+
+/**
+ * Gets the native function at `key` of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the method to get.
+ * @returns {*} Returns the function if it's native, else `undefined`.
+ */
+function getNative(object, key) {
+  var value = _getValue(object, key);
+  return _baseIsNative(value) ? value : undefined;
+}
+
+/* harmony default export */ var _getNative = (getNative);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_nativeCreate.js
+
+
+/* Built-in method references that are verified to be native. */
+var nativeCreate = _getNative(Object, 'create');
+
+/* harmony default export */ var _nativeCreate = (nativeCreate);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_hashClear.js
+
+
+/**
+ * Removes all key-value entries from the hash.
+ *
+ * @private
+ * @name clear
+ * @memberOf Hash
+ */
+function hashClear() {
+  this.__data__ = _nativeCreate ? _nativeCreate(null) : {};
+  this.size = 0;
+}
+
+/* harmony default export */ var _hashClear = (hashClear);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_hashDelete.js
+/**
+ * Removes `key` and its value from the hash.
+ *
+ * @private
+ * @name delete
+ * @memberOf Hash
+ * @param {Object} hash The hash to modify.
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function hashDelete(key) {
+  var result = this.has(key) && delete this.__data__[key];
+  this.size -= result ? 1 : 0;
+  return result;
+}
+
+/* harmony default export */ var _hashDelete = (hashDelete);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_hashGet.js
+
+
+/** Used to stand-in for `undefined` hash values. */
+var HASH_UNDEFINED = '__lodash_hash_undefined__';
+
+/** Used for built-in method references. */
+var _hashGet_objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var _hashGet_hasOwnProperty = _hashGet_objectProto.hasOwnProperty;
+
+/**
+ * Gets the hash value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf Hash
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function hashGet(key) {
+  var data = this.__data__;
+  if (_nativeCreate) {
+    var result = data[key];
+    return result === HASH_UNDEFINED ? undefined : result;
+  }
+  return _hashGet_hasOwnProperty.call(data, key) ? data[key] : undefined;
+}
+
+/* harmony default export */ var _hashGet = (hashGet);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_hashHas.js
+
+
+/** Used for built-in method references. */
+var _hashHas_objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var _hashHas_hasOwnProperty = _hashHas_objectProto.hasOwnProperty;
+
+/**
+ * Checks if a hash value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf Hash
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function hashHas(key) {
+  var data = this.__data__;
+  return _nativeCreate ? (data[key] !== undefined) : _hashHas_hasOwnProperty.call(data, key);
+}
+
+/* harmony default export */ var _hashHas = (hashHas);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_hashSet.js
+
+
+/** Used to stand-in for `undefined` hash values. */
+var _hashSet_HASH_UNDEFINED = '__lodash_hash_undefined__';
+
+/**
+ * Sets the hash `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf Hash
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the hash instance.
+ */
+function hashSet(key, value) {
+  var data = this.__data__;
+  this.size += this.has(key) ? 0 : 1;
+  data[key] = (_nativeCreate && value === undefined) ? _hashSet_HASH_UNDEFINED : value;
+  return this;
+}
+
+/* harmony default export */ var _hashSet = (hashSet);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_Hash.js
+
+
+
+
+
+
+/**
+ * Creates a hash object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function Hash(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `Hash`.
+Hash.prototype.clear = _hashClear;
+Hash.prototype['delete'] = _hashDelete;
+Hash.prototype.get = _hashGet;
+Hash.prototype.has = _hashHas;
+Hash.prototype.set = _hashSet;
+
+/* harmony default export */ var _Hash = (Hash);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_listCacheClear.js
+/**
+ * Removes all key-value entries from the list cache.
+ *
+ * @private
+ * @name clear
+ * @memberOf ListCache
+ */
+function listCacheClear() {
+  this.__data__ = [];
+  this.size = 0;
+}
+
+/* harmony default export */ var _listCacheClear = (listCacheClear);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/eq.js
+/**
+ * Performs a
+ * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * comparison between two values to determine if they are equivalent.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ * var other = { 'a': 1 };
+ *
+ * _.eq(object, object);
+ * // => true
+ *
+ * _.eq(object, other);
+ * // => false
+ *
+ * _.eq('a', 'a');
+ * // => true
+ *
+ * _.eq('a', Object('a'));
+ * // => false
+ *
+ * _.eq(NaN, NaN);
+ * // => true
+ */
+function eq(value, other) {
+  return value === other || (value !== value && other !== other);
+}
+
+/* harmony default export */ var lodash_es_eq = (eq);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_assocIndexOf.js
+
+
+/**
+ * Gets the index at which the `key` is found in `array` of key-value pairs.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} key The key to search for.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function assocIndexOf(array, key) {
+  var length = array.length;
+  while (length--) {
+    if (lodash_es_eq(array[length][0], key)) {
+      return length;
+    }
+  }
+  return -1;
+}
+
+/* harmony default export */ var _assocIndexOf = (assocIndexOf);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_listCacheDelete.js
+
+
+/** Used for built-in method references. */
+var arrayProto = Array.prototype;
+
+/** Built-in value references. */
+var _listCacheDelete_splice = arrayProto.splice;
+
+/**
+ * Removes `key` and its value from the list cache.
+ *
+ * @private
+ * @name delete
+ * @memberOf ListCache
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function listCacheDelete(key) {
+  var data = this.__data__,
+      index = _assocIndexOf(data, key);
+
+  if (index < 0) {
+    return false;
+  }
+  var lastIndex = data.length - 1;
+  if (index == lastIndex) {
+    data.pop();
+  } else {
+    _listCacheDelete_splice.call(data, index, 1);
+  }
+  --this.size;
+  return true;
+}
+
+/* harmony default export */ var _listCacheDelete = (listCacheDelete);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_listCacheGet.js
+
+
+/**
+ * Gets the list cache value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf ListCache
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function listCacheGet(key) {
+  var data = this.__data__,
+      index = _assocIndexOf(data, key);
+
+  return index < 0 ? undefined : data[index][1];
+}
+
+/* harmony default export */ var _listCacheGet = (listCacheGet);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_listCacheHas.js
+
+
+/**
+ * Checks if a list cache value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf ListCache
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function listCacheHas(key) {
+  return _assocIndexOf(this.__data__, key) > -1;
+}
+
+/* harmony default export */ var _listCacheHas = (listCacheHas);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_listCacheSet.js
+
+
+/**
+ * Sets the list cache `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf ListCache
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the list cache instance.
+ */
+function listCacheSet(key, value) {
+  var data = this.__data__,
+      index = _assocIndexOf(data, key);
+
+  if (index < 0) {
+    ++this.size;
+    data.push([key, value]);
+  } else {
+    data[index][1] = value;
+  }
+  return this;
+}
+
+/* harmony default export */ var _listCacheSet = (listCacheSet);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_ListCache.js
+
+
+
+
+
+
+/**
+ * Creates an list cache object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function ListCache(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `ListCache`.
+ListCache.prototype.clear = _listCacheClear;
+ListCache.prototype['delete'] = _listCacheDelete;
+ListCache.prototype.get = _listCacheGet;
+ListCache.prototype.has = _listCacheHas;
+ListCache.prototype.set = _listCacheSet;
+
+/* harmony default export */ var _ListCache = (ListCache);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_Map.js
+
+
+
+/* Built-in method references that are verified to be native. */
+var Map = _getNative(_root, 'Map');
+
+/* harmony default export */ var _Map = (Map);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_mapCacheClear.js
+
+
+
+
+/**
+ * Removes all key-value entries from the map.
+ *
+ * @private
+ * @name clear
+ * @memberOf MapCache
+ */
+function mapCacheClear() {
+  this.size = 0;
+  this.__data__ = {
+    'hash': new _Hash,
+    'map': new (_Map || _ListCache),
+    'string': new _Hash
+  };
+}
+
+/* harmony default export */ var _mapCacheClear = (mapCacheClear);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_isKeyable.js
+/**
+ * Checks if `value` is suitable for use as unique object key.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
+ */
+function isKeyable(value) {
+  var type = typeof value;
+  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
+    ? (value !== '__proto__')
+    : (value === null);
+}
+
+/* harmony default export */ var _isKeyable = (isKeyable);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_getMapData.js
+
+
+/**
+ * Gets the data for `map`.
+ *
+ * @private
+ * @param {Object} map The map to query.
+ * @param {string} key The reference key.
+ * @returns {*} Returns the map data.
+ */
+function getMapData(map, key) {
+  var data = map.__data__;
+  return _isKeyable(key)
+    ? data[typeof key == 'string' ? 'string' : 'hash']
+    : data.map;
+}
+
+/* harmony default export */ var _getMapData = (getMapData);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_mapCacheDelete.js
+
+
+/**
+ * Removes `key` and its value from the map.
+ *
+ * @private
+ * @name delete
+ * @memberOf MapCache
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function mapCacheDelete(key) {
+  var result = _getMapData(this, key)['delete'](key);
+  this.size -= result ? 1 : 0;
+  return result;
+}
+
+/* harmony default export */ var _mapCacheDelete = (mapCacheDelete);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_mapCacheGet.js
+
+
+/**
+ * Gets the map value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf MapCache
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function mapCacheGet(key) {
+  return _getMapData(this, key).get(key);
+}
+
+/* harmony default export */ var _mapCacheGet = (mapCacheGet);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_mapCacheHas.js
+
+
+/**
+ * Checks if a map value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf MapCache
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function mapCacheHas(key) {
+  return _getMapData(this, key).has(key);
+}
+
+/* harmony default export */ var _mapCacheHas = (mapCacheHas);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_mapCacheSet.js
+
+
+/**
+ * Sets the map `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf MapCache
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the map cache instance.
+ */
+function mapCacheSet(key, value) {
+  var data = _getMapData(this, key),
+      size = data.size;
+
+  data.set(key, value);
+  this.size += data.size == size ? 0 : 1;
+  return this;
+}
+
+/* harmony default export */ var _mapCacheSet = (mapCacheSet);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_MapCache.js
+
+
+
+
+
+
+/**
+ * Creates a map cache object to store key-value pairs.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function MapCache(entries) {
+  var index = -1,
+      length = entries == null ? 0 : entries.length;
+
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `MapCache`.
+MapCache.prototype.clear = _mapCacheClear;
+MapCache.prototype['delete'] = _mapCacheDelete;
+MapCache.prototype.get = _mapCacheGet;
+MapCache.prototype.has = _mapCacheHas;
+MapCache.prototype.set = _mapCacheSet;
+
+/* harmony default export */ var _MapCache = (MapCache);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_setCacheAdd.js
+/** Used to stand-in for `undefined` hash values. */
+var _setCacheAdd_HASH_UNDEFINED = '__lodash_hash_undefined__';
+
+/**
+ * Adds `value` to the array cache.
+ *
+ * @private
+ * @name add
+ * @memberOf SetCache
+ * @alias push
+ * @param {*} value The value to cache.
+ * @returns {Object} Returns the cache instance.
+ */
+function setCacheAdd(value) {
+  this.__data__.set(value, _setCacheAdd_HASH_UNDEFINED);
+  return this;
+}
+
+/* harmony default export */ var _setCacheAdd = (setCacheAdd);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_setCacheHas.js
+/**
+ * Checks if `value` is in the array cache.
+ *
+ * @private
+ * @name has
+ * @memberOf SetCache
+ * @param {*} value The value to search for.
+ * @returns {number} Returns `true` if `value` is found, else `false`.
+ */
+function setCacheHas(value) {
+  return this.__data__.has(value);
+}
+
+/* harmony default export */ var _setCacheHas = (setCacheHas);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_SetCache.js
+
+
+
+
+/**
+ *
+ * Creates an array cache object to store unique values.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [values] The values to cache.
+ */
+function SetCache(values) {
+  var index = -1,
+      length = values == null ? 0 : values.length;
+
+  this.__data__ = new _MapCache;
+  while (++index < length) {
+    this.add(values[index]);
+  }
+}
+
+// Add methods to `SetCache`.
+SetCache.prototype.add = SetCache.prototype.push = _setCacheAdd;
+SetCache.prototype.has = _setCacheHas;
+
+/* harmony default export */ var _SetCache = (SetCache);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_baseFindIndex.js
+/**
+ * The base implementation of `_.findIndex` and `_.findLastIndex` without
+ * support for iteratee shorthands.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {Function} predicate The function invoked per iteration.
+ * @param {number} fromIndex The index to search from.
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function baseFindIndex(array, predicate, fromIndex, fromRight) {
+  var length = array.length,
+      index = fromIndex + (fromRight ? 1 : -1);
+
+  while ((fromRight ? index-- : ++index < length)) {
+    if (predicate(array[index], index, array)) {
+      return index;
+    }
+  }
+  return -1;
+}
+
+/* harmony default export */ var _baseFindIndex = (baseFindIndex);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_baseIsNaN.js
+/**
+ * The base implementation of `_.isNaN` without support for number objects.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.
+ */
+function baseIsNaN(value) {
+  return value !== value;
+}
+
+/* harmony default export */ var _baseIsNaN = (baseIsNaN);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_strictIndexOf.js
+/**
+ * A specialized version of `_.indexOf` which performs strict equality
+ * comparisons of values, i.e. `===`.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} value The value to search for.
+ * @param {number} fromIndex The index to search from.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function strictIndexOf(array, value, fromIndex) {
+  var index = fromIndex - 1,
+      length = array.length;
+
+  while (++index < length) {
+    if (array[index] === value) {
+      return index;
+    }
+  }
+  return -1;
+}
+
+/* harmony default export */ var _strictIndexOf = (strictIndexOf);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_baseIndexOf.js
+
+
+
+
+/**
+ * The base implementation of `_.indexOf` without `fromIndex` bounds checks.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} value The value to search for.
+ * @param {number} fromIndex The index to search from.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function baseIndexOf(array, value, fromIndex) {
+  return value === value
+    ? _strictIndexOf(array, value, fromIndex)
+    : _baseFindIndex(array, _baseIsNaN, fromIndex);
+}
+
+/* harmony default export */ var _baseIndexOf = (baseIndexOf);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_arrayIncludes.js
+
+
+/**
+ * A specialized version of `_.includes` for arrays without support for
+ * specifying an index to search from.
+ *
+ * @private
+ * @param {Array} [array] The array to inspect.
+ * @param {*} target The value to search for.
+ * @returns {boolean} Returns `true` if `target` is found, else `false`.
+ */
+function arrayIncludes(array, value) {
+  var length = array == null ? 0 : array.length;
+  return !!length && _baseIndexOf(array, value, 0) > -1;
+}
+
+/* harmony default export */ var _arrayIncludes = (arrayIncludes);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_arrayIncludesWith.js
+/**
+ * This function is like `arrayIncludes` except that it accepts a comparator.
+ *
+ * @private
+ * @param {Array} [array] The array to inspect.
+ * @param {*} target The value to search for.
+ * @param {Function} comparator The comparator invoked per element.
+ * @returns {boolean} Returns `true` if `target` is found, else `false`.
+ */
+function arrayIncludesWith(array, value, comparator) {
+  var index = -1,
+      length = array == null ? 0 : array.length;
+
+  while (++index < length) {
+    if (comparator(value, array[index])) {
+      return true;
+    }
+  }
+  return false;
+}
+
+/* harmony default export */ var _arrayIncludesWith = (arrayIncludesWith);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_arrayMap.js
+/**
+ * A specialized version of `_.map` for arrays without support for iteratee
+ * shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the new mapped array.
+ */
+function arrayMap(array, iteratee) {
+  var index = -1,
+      length = array == null ? 0 : array.length,
+      result = Array(length);
+
+  while (++index < length) {
+    result[index] = iteratee(array[index], index, array);
+  }
+  return result;
+}
+
+/* harmony default export */ var _arrayMap = (arrayMap);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_baseUnary.js
+/**
+ * The base implementation of `_.unary` without support for storing metadata.
+ *
+ * @private
+ * @param {Function} func The function to cap arguments for.
+ * @returns {Function} Returns the new capped function.
+ */
+function baseUnary(func) {
+  return function(value) {
+    return func(value);
+  };
+}
+
+/* harmony default export */ var _baseUnary = (baseUnary);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_cacheHas.js
+/**
+ * Checks if a `cache` value for `key` exists.
+ *
+ * @private
+ * @param {Object} cache The cache to query.
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function cacheHas(cache, key) {
+  return cache.has(key);
+}
+
+/* harmony default export */ var _cacheHas = (cacheHas);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_baseDifference.js
+
+
+
+
+
+
+
+/** Used as the size to enable large array optimizations. */
+var LARGE_ARRAY_SIZE = 200;
+
+/**
+ * The base implementation of methods like `_.difference` without support
+ * for excluding multiple arrays or iteratee shorthands.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {Array} values The values to exclude.
+ * @param {Function} [iteratee] The iteratee invoked per element.
+ * @param {Function} [comparator] The comparator invoked per element.
+ * @returns {Array} Returns the new array of filtered values.
+ */
+function baseDifference(array, values, iteratee, comparator) {
+  var index = -1,
+      includes = _arrayIncludes,
+      isCommon = true,
+      length = array.length,
+      result = [],
+      valuesLength = values.length;
+
+  if (!length) {
+    return result;
+  }
+  if (iteratee) {
+    values = _arrayMap(values, _baseUnary(iteratee));
+  }
+  if (comparator) {
+    includes = _arrayIncludesWith;
+    isCommon = false;
+  }
+  else if (values.length >= LARGE_ARRAY_SIZE) {
+    includes = _cacheHas;
+    isCommon = false;
+    values = new _SetCache(values);
+  }
+  outer:
+  while (++index < length) {
+    var value = array[index],
+        computed = iteratee == null ? value : iteratee(value);
+
+    value = (comparator || value !== 0) ? value : 0;
+    if (isCommon && computed === computed) {
+      var valuesIndex = valuesLength;
+      while (valuesIndex--) {
+        if (values[valuesIndex] === computed) {
+          continue outer;
+        }
+      }
+      result.push(value);
+    }
+    else if (!includes(values, computed, comparator)) {
+      result.push(value);
+    }
+  }
+  return result;
+}
+
+/* harmony default export */ var _baseDifference = (baseDifference);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/identity.js
+/**
+ * This method returns the first argument it receives.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {*} value Any value.
+ * @returns {*} Returns `value`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ *
+ * console.log(_.identity(object) === object);
+ * // => true
+ */
+function identity(value) {
+  return value;
+}
+
+/* harmony default export */ var lodash_es_identity = (identity);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_apply.js
+/**
+ * A faster alternative to `Function#apply`, this function invokes `func`
+ * with the `this` binding of `thisArg` and the arguments of `args`.
+ *
+ * @private
+ * @param {Function} func The function to invoke.
+ * @param {*} thisArg The `this` binding of `func`.
+ * @param {Array} args The arguments to invoke `func` with.
+ * @returns {*} Returns the result of `func`.
+ */
+function apply(func, thisArg, args) {
+  switch (args.length) {
+    case 0: return func.call(thisArg);
+    case 1: return func.call(thisArg, args[0]);
+    case 2: return func.call(thisArg, args[0], args[1]);
+    case 3: return func.call(thisArg, args[0], args[1], args[2]);
+  }
+  return func.apply(thisArg, args);
+}
+
+/* harmony default export */ var _apply = (apply);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_overRest.js
+
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max;
+
+/**
+ * A specialized version of `baseRest` which transforms the rest array.
+ *
+ * @private
+ * @param {Function} func The function to apply a rest parameter to.
+ * @param {number} [start=func.length-1] The start position of the rest parameter.
+ * @param {Function} transform The rest array transform.
+ * @returns {Function} Returns the new function.
+ */
+function overRest(func, start, transform) {
+  start = nativeMax(start === undefined ? (func.length - 1) : start, 0);
+  return function() {
+    var args = arguments,
+        index = -1,
+        length = nativeMax(args.length - start, 0),
+        array = Array(length);
+
+    while (++index < length) {
+      array[index] = args[start + index];
+    }
+    index = -1;
+    var otherArgs = Array(start + 1);
+    while (++index < start) {
+      otherArgs[index] = args[index];
+    }
+    otherArgs[start] = transform(array);
+    return _apply(func, this, otherArgs);
+  };
+}
+
+/* harmony default export */ var _overRest = (overRest);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/constant.js
+/**
+ * Creates a function that returns `value`.
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Util
+ * @param {*} value The value to return from the new function.
+ * @returns {Function} Returns the new constant function.
+ * @example
+ *
+ * var objects = _.times(2, _.constant({ 'a': 1 }));
+ *
+ * console.log(objects);
+ * // => [{ 'a': 1 }, { 'a': 1 }]
+ *
+ * console.log(objects[0] === objects[1]);
+ * // => true
+ */
+function constant(value) {
+  return function() {
+    return value;
+  };
+}
+
+/* harmony default export */ var lodash_es_constant = (constant);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_defineProperty.js
+
+
+var defineProperty = (function() {
+  try {
+    var func = _getNative(Object, 'defineProperty');
+    func({}, '', {});
+    return func;
+  } catch (e) {}
+}());
+
+/* harmony default export */ var _defineProperty = (defineProperty);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_baseSetToString.js
+
+
+
+
+/**
+ * The base implementation of `setToString` without support for hot loop shorting.
+ *
+ * @private
+ * @param {Function} func The function to modify.
+ * @param {Function} string The `toString` result.
+ * @returns {Function} Returns `func`.
+ */
+var baseSetToString = !_defineProperty ? lodash_es_identity : function(func, string) {
+  return _defineProperty(func, 'toString', {
+    'configurable': true,
+    'enumerable': false,
+    'value': lodash_es_constant(string),
+    'writable': true
+  });
+};
+
+/* harmony default export */ var _baseSetToString = (baseSetToString);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_shortOut.js
+/** Used to detect hot functions by number of calls within a span of milliseconds. */
+var HOT_COUNT = 800,
+    HOT_SPAN = 16;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeNow = Date.now;
+
+/**
+ * Creates a function that'll short out and invoke `identity` instead
+ * of `func` when it's called `HOT_COUNT` or more times in `HOT_SPAN`
+ * milliseconds.
+ *
+ * @private
+ * @param {Function} func The function to restrict.
+ * @returns {Function} Returns the new shortable function.
+ */
+function shortOut(func) {
+  var count = 0,
+      lastCalled = 0;
+
+  return function() {
+    var stamp = nativeNow(),
+        remaining = HOT_SPAN - (stamp - lastCalled);
+
+    lastCalled = stamp;
+    if (remaining > 0) {
+      if (++count >= HOT_COUNT) {
+        return arguments[0];
+      }
+    } else {
+      count = 0;
+    }
+    return func.apply(undefined, arguments);
+  };
+}
+
+/* harmony default export */ var _shortOut = (shortOut);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_setToString.js
+
+
+
+/**
+ * Sets the `toString` method of `func` to return `string`.
+ *
+ * @private
+ * @param {Function} func The function to modify.
+ * @param {Function} string The `toString` result.
+ * @returns {Function} Returns `func`.
+ */
+var setToString = _shortOut(_baseSetToString);
+
+/* harmony default export */ var _setToString = (setToString);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/_baseRest.js
+
+
+
+
+/**
+ * The base implementation of `_.rest` which doesn't validate or coerce arguments.
+ *
+ * @private
+ * @param {Function} func The function to apply a rest parameter to.
+ * @param {number} [start=func.length-1] The start position of the rest parameter.
+ * @returns {Function} Returns the new function.
+ */
+function baseRest(func, start) {
+  return _setToString(_overRest(func, start, lodash_es_identity), func + '');
+}
+
+/* harmony default export */ var _baseRest = (baseRest);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/isLength.js
+/** Used as references for various `Number` constants. */
+var MAX_SAFE_INTEGER = 9007199254740991;
+
+/**
+ * Checks if `value` is a valid array-like length.
+ *
+ * **Note:** This method is loosely based on
+ * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
+ * @example
+ *
+ * _.isLength(3);
+ * // => true
+ *
+ * _.isLength(Number.MIN_VALUE);
+ * // => false
+ *
+ * _.isLength(Infinity);
+ * // => false
+ *
+ * _.isLength('3');
+ * // => false
+ */
+function isLength(value) {
+  return typeof value == 'number' &&
+    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+}
+
+/* harmony default export */ var lodash_es_isLength = (isLength);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/isArrayLike.js
+
+
+
+/**
+ * Checks if `value` is array-like. A value is considered array-like if it's
+ * not a function and has a `value.length` that's an integer greater than or
+ * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
+ * @example
+ *
+ * _.isArrayLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLike(document.body.children);
+ * // => true
+ *
+ * _.isArrayLike('abc');
+ * // => true
+ *
+ * _.isArrayLike(_.noop);
+ * // => false
+ */
+function isArrayLike(value) {
+  return value != null && lodash_es_isLength(value.length) && !lodash_es_isFunction(value);
+}
+
+/* harmony default export */ var lodash_es_isArrayLike = (isArrayLike);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/isObjectLike.js
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return value != null && typeof value == 'object';
+}
+
+/* harmony default export */ var lodash_es_isObjectLike = (isObjectLike);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/isArrayLikeObject.js
+
+
+
+/**
+ * This method is like `_.isArrayLike` except that it also checks if `value`
+ * is an object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array-like object,
+ *  else `false`.
+ * @example
+ *
+ * _.isArrayLikeObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLikeObject(document.body.children);
+ * // => true
+ *
+ * _.isArrayLikeObject('abc');
+ * // => false
+ *
+ * _.isArrayLikeObject(_.noop);
+ * // => false
+ */
+function isArrayLikeObject(value) {
+  return lodash_es_isObjectLike(value) && lodash_es_isArrayLike(value);
+}
+
+/* harmony default export */ var lodash_es_isArrayLikeObject = (isArrayLikeObject);
+
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/without.js
+
+
+
+
+/**
+ * Creates an array excluding all given values using
+ * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * for equality comparisons.
+ *
+ * **Note:** Unlike `_.pull`, this method returns a new array.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Array
+ * @param {Array} array The array to inspect.
+ * @param {...*} [values] The values to exclude.
+ * @returns {Array} Returns the new array of filtered values.
+ * @see _.difference, _.xor
+ * @example
+ *
+ * _.without([2, 1, 2, 3], 1, 2);
+ * // => [3]
+ */
+var without = _baseRest(function(array, values) {
+  return lodash_es_isArrayLikeObject(array)
+    ? _baseDifference(array, values)
+    : [];
+});
+
+/* harmony default export */ var lodash_es_without = (without);
+
+// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/object/freeze.js
+var freeze = __webpack_require__("p7I/");
+var freeze_default = /*#__PURE__*/__webpack_require__.n(freeze);
+
+// CONCATENATED MODULE: ../semi-foundation/utils/FocusHandle.ts
+
+
+
+
+
+
+/*
+* Usage:
+*   // Eg1: Pass a dom as the tab tarp container.
+*  const handle = new FocusTrapHandle(container, { enable: true });
+*
+*   // Eg2: The focus redirect listener will be triggered when user pressed tab whiling last focusable dom is focusing in trap dom, return false to cancel redirect and use the browser normal tab focus index.
+*   handle.addFocusRedirectListener((e)=>{
+*       return true; // return false to prevent redirect on target DOM;
+*   });
+*
+*   // Eg3: Set it to false in order to disable tab tarp at any moment;
+*   handle.enable = true;
+*
+*   // Eg4: Destroy instance when component is unmounting for saving resource;
+*   handle.destroy();
+*
+* */
+class FocusHandle_FocusTrapHandle {
+  constructor(container, options) {
+    var _a;
+
+    this.addFocusRedirectListener = listener => {
+      this.focusRedirectListenerList.push(listener);
+      return () => this.removeFocusRedirectListener(listener);
+    };
+
+    this.removeFocusRedirectListener = listener => {
+      this.focusRedirectListenerList = lodash_es_without(this.focusRedirectListenerList, listener);
+    };
+
+    this.destroy = () => {
+      var _a;
+
+      (_a = this.container) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this.onKeyPress);
+    }; // ---- private func ----
+
+
+    this.shouldFocusRedirect = element => {
+      if (!this.enable) {
+        return false;
+      }
+
+      for (const listener of this.focusRedirectListenerList) {
+        const should = listener(element);
+
+        if (!should) {
+          return false;
+        }
+      }
+
+      return true;
+    };
+
+    this.focusElement = (element, event) => {
+      element === null || element === void 0 ? void 0 : element.focus();
+      event.preventDefault(); // prevent browser default tab move behavior
+    };
+
+    this.onKeyPress = event => {
+      if (event && event.key === 'Tab') {
+        const focusableElements = FocusHandle_FocusTrapHandle.getFocusableElements(this.container);
+        const focusableNum = focusableElements.length;
+
+        if (focusableNum) {
+          // Shift + Tab will move focus backward
+          if (event.shiftKey) {
+            this.handleContainerShiftTabKeyDown(focusableElements, event);
+          } else {
+            this.handleContainerTabKeyDown(focusableElements, event);
+          }
+        }
+      }
+    };
+
+    this.handleContainerTabKeyDown = (focusableElements, event) => {
+      const activeElement = FocusHandle_FocusTrapHandle.getActiveElement();
+      const isLastCurrentFocus = focusableElements[focusableElements.length - 1] === activeElement;
+      const redirectForcingElement = focusableElements[0];
+
+      if (isLastCurrentFocus && this.shouldFocusRedirect(redirectForcingElement)) {
+        this.focusElement(redirectForcingElement, event);
+      }
+    };
+
+    this.handleContainerShiftTabKeyDown = (focusableElements, event) => {
+      const activeElement = FocusHandle_FocusTrapHandle.getActiveElement();
+      const isFirstCurrentFocus = focusableElements[0] === activeElement;
+      const redirectForcingElement = focusableElements[focusableElements.length - 1];
+
+      if (isFirstCurrentFocus && this.shouldFocusRedirect(redirectForcingElement)) {
+        this.focusElement(redirectForcingElement, event);
+      }
+    };
+
+    freeze_default()(options); // prevent user to change options after init;
+
+
+    this.container = container;
+    this.options = options;
+    this.enable = (_a = options === null || options === void 0 ? void 0 : options.enable) !== null && _a !== void 0 ? _a : true;
+
+    this.focusRedirectListenerList = (() => {
+      if (options === null || options === void 0 ? void 0 : options.onFocusRedirectListener) {
+        return is_array_default()(options.onFocusRedirectListener) ? [...options.onFocusRedirectListener] : [options.onFocusRedirectListener];
+      } else {
+        return [];
+      }
+    })();
+
+    this.container.addEventListener('keydown', this.onKeyPress);
+  }
+
+  get enable() {
+    return this._enable;
+  }
+
+  set enable(value) {
+    this._enable = value;
+  } // ---- static func ----
+
+
+  static getFocusableElements(node) {
+    if (!Object(isElement["a" /* default */])(node)) {
+      return [];
+    }
+
+    const focusableSelectorsList = ["input:not([disabled]):not([tabindex='-1'])", "textarea:not([disabled]):not([tabindex='-1'])", "button:not([disabled]):not([tabindex='-1'])", "a[href]:not([tabindex='-1'])", "select:not([disabled]):not([tabindex='-1'])", "area[href]:not([tabindex='-1'])", "iframe:not([tabindex='-1'])", "object:not([tabindex='-1'])", "*[tabindex]:not([tabindex='-1'])", "*[contenteditable]:not([tabindex='-1'])"];
+    const focusableSelectorsStr = focusableSelectorsList.join(','); // we are not filtered elements which are invisible
+
+    return from_default()(node.querySelectorAll(focusableSelectorsStr));
+  }
+
+  static getActiveElement() {
+    return document ? document.activeElement : null;
+  }
+
+}
+
+/* harmony default export */ var FocusHandle = (FocusHandle_FocusTrapHandle);
+// CONCATENATED MODULE: ./modal/ModalContent.tsx
+
+
+
+
+
+
+
+
+
+
+var ModalContent_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 eqeqeq */
+
+
+
+
+
+
+
+
+
+ // eslint-disable-next-line max-len
+
+
+
+
+let uuid = 0;
+class ModalContent_ModalContent extends baseComponent_BaseComponent {
+  constructor(props) {
+    super(props);
+
+    this.onKeyDown = e => {
+      this.foundation.handleKeyDown(e);
+    }; // Record when clicking the modal box
+
+
+    this.onDialogMouseDown = () => {
+      this.foundation.handleDialogMouseDown();
+    }; // Cancel recording when clicking the modal box at the end
+
+
+    this.onMaskMouseUp = () => {
+      this.foundation.handleMaskMouseUp();
+    }; // onMaskClick will judge dialogMouseDown before onMaskMouseUp updates dialogMouseDown
+
+
+    this.onMaskClick = e => {
+      this.foundation.handleMaskClick(e);
+    };
+
+    this.close = e => {
+      this.foundation.close(e);
+    };
+
+    this.getMaskElement = () => {
+      const props = ModalContent_rest(this.props, []);
+
+      const {
+        mask,
+        maskClassName
+      } = props;
+
+      if (mask) {
+        const className = classnames_default()("".concat(modal_constants_cssClasses.DIALOG, "-mask"), {// [`${cssClasses.DIALOG}-mask-hidden`]: !props.visible,
+        });
+        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+          key: "mask",
+          className: classnames_default()(className, maskClassName),
+          style: props.maskStyle
+        });
+      }
+
+      return null;
+    };
+
+    this.renderCloseBtn = () => {
+      const {
+        closable,
+        closeIcon
+      } = this.props;
+      let closer;
+
+      if (closable) {
+        const iconType = closeIcon || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null);
+        closer = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
+          "aria-label": "close",
+          className: "".concat(modal_constants_cssClasses.DIALOG, "-close"),
+          key: "close-btn",
+          onClick: this.close,
+          type: "tertiary",
+          icon: iconType,
+          theme: "borderless",
+          size: "small"
+        });
+      }
+
+      return closer;
+    };
+
+    this.renderIcon = () => {
+      const {
+        icon
+      } = this.props;
+      return icon ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+        className: "".concat(modal_constants_cssClasses.DIALOG, "-icon-wrapper")
+      }, icon) : null;
+    };
+
+    this.renderHeader = () => {
+      if ('header' in this.props) {
+        return this.props.header;
+      }
+
+      const {
+        title
+      } = this.props;
+      const closer = this.renderCloseBtn();
+      const icon = this.renderIcon();
+      return title === null || title === undefined ? null : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(modal_constants_cssClasses.DIALOG, "-header")
+      }, icon, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(typography_0.Title, {
+        heading: 5,
+        className: "".concat(modal_constants_cssClasses.DIALOG, "-title"),
+        id: "".concat(modal_constants_cssClasses.DIALOG, "-title")
+      }, title), closer);
+    };
+
+    this.renderBody = () => {
+      const {
+        bodyStyle,
+        children,
+        title
+      } = this.props;
+      const bodyCls = classnames_default()("".concat(modal_constants_cssClasses.DIALOG, "-body"), {
+        ["".concat(modal_constants_cssClasses.DIALOG, "-withIcon")]: this.props.icon
+      });
+      const closer = this.renderCloseBtn();
+      const icon = this.renderIcon();
+      const hasHeader = title !== null && title !== undefined || 'header' in this.props;
+      return hasHeader ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: bodyCls,
+        id: "".concat(modal_constants_cssClasses.DIALOG, "-body"),
+        style: bodyStyle
+      }, children) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(modal_constants_cssClasses.DIALOG, "-body-wrapper")
+      }, icon, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: bodyCls,
+        style: bodyStyle
+      }, children), closer);
+    };
+
+    this.getDialogElement = () => {
+      var _context;
+
+      const props = ModalContent_rest(this.props, []);
+
+      const style = {};
+      const digCls = classnames_default()("".concat(modal_constants_cssClasses.DIALOG), {
+        ["".concat(modal_constants_cssClasses.DIALOG, "-centered")]: props.centered,
+        [concat_default()(_context = "".concat(modal_constants_cssClasses.DIALOG, "-")).call(_context, props.size)]: props.size
+      });
+
+      if (props.width) {
+        style.width = props.width;
+      }
+
+      if (props.height) {
+        style.height = props.height;
+      }
+
+      if (props.isFullScreen) {
+        style.width = '100%';
+        style.height = '100%';
+        style.margin = 'unset';
+      }
+
+      const body = this.renderBody();
+      const header = this.renderHeader();
+      const footer = props.footer ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(modal_constants_cssClasses.DIALOG, "-footer")
+      }, props.footer) : null;
+      const dialogElement =
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        key: "dialog-element",
+        className: digCls,
+        onMouseDown: this.onDialogMouseDown,
+        style: assign_default()(assign_default()({}, props.style), style),
+        id: this.dialogId
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        role: "dialog",
+        ref: this.modalDialogRef,
+        tabIndex: -1,
+        "aria-modal": "true",
+        "aria-labelledby": "".concat(modal_constants_cssClasses.DIALOG, "-title"),
+        "aria-describedby": "".concat(modal_constants_cssClasses.DIALOG, "-body"),
+        onAnimationEnd: props.onAnimationEnd,
+        className: classnames_default()(["".concat(modal_constants_cssClasses.DIALOG, "-content"), props.contentClassName, {
+          ["".concat(modal_constants_cssClasses.DIALOG, "-content-fullScreen")]: props.isFullScreen
+        }])
+      }, header, body, footer)); // return props.visible ? dialogElement : null;
+
+      return dialogElement;
+    };
+
+    this.state = {
+      dialogMouseDown: false,
+      prevFocusElement: FocusHandle.getActiveElement()
+    };
+    this.foundation = new modalContentFoundation_ModalContentFoundation(this.adapter);
+    this.dialogId = "dialog-".concat(uuid++);
+    this.modalDialogRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
+  }
+
+  get adapter() {
+    return assign_default()(assign_default()({}, super.adapter), {
+      notifyClose: e => {
+        this.props.onClose(e);
+      },
+      notifyDialogMouseDown: () => {
+        this.setState({
+          dialogMouseDown: true
+        });
+      },
+      notifyDialogMouseUp: () => {
+        if (this.state.dialogMouseDown) {
+          // Not setting setTimeout triggers close when modal external mouseUp
+          this.timeoutId = set_timeout_default()(() => {
+            this.setState({
+              dialogMouseDown: false
+            });
+          }, 0);
+        }
+      },
+      addKeyDownEventListener: () => {
+        if (this.props.closeOnEsc) {
+          var _context2;
+
+          document.addEventListener('keydown', bind_default()(_context2 = this.foundation.handleKeyDown).call(_context2, this.foundation));
+        }
+      },
+      removeKeyDownEventListener: () => {
+        if (this.props.closeOnEsc) {
+          var _context3;
+
+          document.removeEventListener('keydown', bind_default()(_context3 = this.foundation.handleKeyDown).call(_context3, this.foundation));
+        }
+      },
+      getMouseState: () => this.state.dialogMouseDown,
+      modalDialogFocus: () => {
+        var _a, _b, _c;
+
+        let activeElementInDialog;
+
+        if (this.modalDialogRef) {
+          const activeElement = FocusHandle.getActiveElement();
+          activeElementInDialog = this.modalDialogRef.current.contains(activeElement);
+          (_a = this.focusTrapHandle) === null || _a === void 0 ? void 0 : _a.destroy();
+          this.focusTrapHandle = new FocusHandle(this.modalDialogRef.current);
+        }
+
+        if (!activeElementInDialog) {
+          (_c = (_b = this.modalDialogRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
+        }
+      },
+      modalDialogBlur: () => {
+        var _a, _b;
+
+        (_a = this.modalDialogRef) === null || _a === void 0 ? void 0 : _a.current.blur();
+        (_b = this.focusTrapHandle) === null || _b === void 0 ? void 0 : _b.destroy();
+      },
+      prevFocusElementReFocus: () => {
+        const {
+          prevFocusElement
+        } = this.state;
+
+        const focus = get_default()(prevFocusElement, 'focus');
+
+        isFunction_default()(focus) && prevFocusElement.focus();
+      }
+    });
+  }
+
+  componentDidMount() {
+    this.foundation.handleKeyDownEventListenerMount();
+    this.foundation.modalDialogFocus();
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.timeoutId);
+    this.foundation.destroy();
+  }
+
+  render() {
+    const {
+      maskClosable,
+      className,
+      getPopupContainer,
+      maskFixed,
+      getContainerContext
+    } = this.props;
+    const {
+      direction
+    } = this.context;
+    const classList = classnames_default()(className, {
+      ["".concat(modal_constants_cssClasses.DIALOG, "-popup")]: getPopupContainer && !maskFixed,
+      ["".concat(modal_constants_cssClasses.DIALOG, "-fixed")]: maskFixed,
+      ["".concat(modal_constants_cssClasses.DIALOG, "-rtl")]: direction === 'rtl'
+    });
+    const containerContext = getContainerContext();
+    const elem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      className: classList
+    }, this.getMaskElement(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "none",
+      tabIndex: -1,
+      className: "".concat(modal_constants_cssClasses.DIALOG, "-wrap"),
+      onClick: maskClosable ? this.onMaskClick : null,
+      onMouseUp: maskClosable ? this.onMaskMouseUp : null
+    }, this.getDialogElement())); // eslint-disable-next-line max-len
+
+    return containerContext && containerContext.Provider ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(containerContext.Provider, {
+      value: containerContext.value
+    }, elem) : elem;
+  }
+
+}
+ModalContent_ModalContent.contextType = configProvider_context;
 ModalContent_ModalContent.propTypes = {
   close: prop_types_default.a.func,
   getContainerContext: prop_types_default.a.func,
@@ -66063,7 +67928,8 @@ class Modal_Modal extends baseComponent_BaseComponent {
             "aria-label": "cancel",
             onClick: this.handleCancel,
             loading: cancelLoading,
-            type: "tertiary"
+            type: "tertiary",
+            autoFocus: true
           }, this.props.cancelButtonProps), cancelText || locale.cancel);
         }
       };
@@ -66346,7 +68212,7 @@ Modal_Modal.defaultProps = {
   onOk: noop_default.a,
   afterClose: noop_default.a,
   maskFixed: false,
-  closeOnEsc: false,
+  closeOnEsc: true,
   size: 'small',
   keepDOM: false,
   lazyRender: true,
@@ -69196,7 +71062,11 @@ class foundation_InputNumberFoundation extends foundation {
   }
 
   handleUpClick(event) {
-    if (!this._isMouseButtonLeft(event)) {
+    const {
+      readonly
+    } = this.getProps();
+
+    if (!this._isMouseButtonLeft(event) || readonly) {
       return;
     }
 
@@ -69219,7 +71089,11 @@ class foundation_InputNumberFoundation extends foundation {
   }
 
   handleDownClick(event) {
-    if (!this._isMouseButtonLeft(event)) {
+    const {
+      readonly
+    } = this.getProps();
+
+    if (!this._isMouseButtonLeft(event) || readonly) {
       return;
     }
 
@@ -78318,7 +80192,7 @@ class select_Select extends baseComponent_BaseComponent {
       role: "listbox",
       "aria-multiselectable": multiple,
       onScroll: e => this.foundation.handleListScroll(e)
-    }, innerTopSlot, !loading ? listContent : this.renderLoading(), isEmpty && !loading ? this.renderEmpty() : null, innerBottomSlot), outerBottomSlot);
+    }, innerTopSlot, loading ? this.renderLoading() : isEmpty ? this.renderEmpty() : listContent, innerBottomSlot), outerBottomSlot);
   }
 
   renderSingleSelection(selections, filterable) {
@@ -79809,7 +81683,7 @@ class progress_Progress extends external_root_React_commonjs2_react_commonjs_rea
     const perc = this.calcPercent(percent);
     const percNumber = this.calcPercent(percentNumber);
     const innerStyle = {
-      backgroundColor: stroke
+      background: stroke
     };
 
     if (direction === progress_constants_strings.DEFAULT_DIRECTION) {
@@ -83001,7 +84875,7 @@ class slider_Slider extends baseComponent_BaseComponent {
         external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
           className: slider_constants_cssClasses.TRACK,
           style: trackStyle,
-          onClick: e => this.foundation.handleWrapClick(e)
+          onClick: this.foundation.handleWrapClick
         })
       );
     };
@@ -83029,7 +84903,7 @@ class slider_Slider extends baseComponent_BaseComponent {
         // eslint-disable-next-line jsx-a11y/no-static-element-interactions
         external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
           key: mark,
-          onClick: e => this.foundation.handleWrapClick(e),
+          onClick: this.foundation.handleWrapClick,
           className: markClass,
           style: {
             [stylePos]: "calc(".concat(markPercent * 100, "% - 2px)")
@@ -83057,12 +84931,16 @@ class slider_Slider extends baseComponent_BaseComponent {
 
         const activeResult = this.foundation.isMarkActive(Number(mark));
         const markPercent = (Number(mark) - min) / (max - min);
-        return activeResult ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+        return activeResult ?
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+        external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
           key: mark,
           className: classnames_default()(concat_default()(_context3 = "".concat(slider_prefixCls, "-mark")).call(_context3, vertical && verticalReverse ? '-reverse' : '')),
           style: {
             [stylePos]: "".concat(markPercent * 100, "%")
-          }
+          },
+          onClick: this.foundation.handleWrapClick
         }, marks[mark]) : null;
       })) : null;
       return labelContent;
@@ -83342,7 +85220,7 @@ class slider_Slider extends baseComponent_BaseComponent {
       onMouseLeave: () => this.foundation.handleWrapperLeave()
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(slider_prefixCls, "-rail"),
-      onClick: e => this.foundation.handleWrapClick(e),
+      onClick: this.foundation.handleWrapClick,
       style: this.props.railStyle
     }), this.renderTrack(), this.renderStepDot(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", null, this.renderHandle()), this.renderLabel(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: boundaryClass
@@ -92016,10 +93894,61 @@ const tabs_constants_strings = {
 
 
 
+
+
+
+
 class foundation_TabsFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()({}, adapter));
     this.destroy = noop_default.a;
+
+    this.handlePrevent = event => {
+      event.stopPropagation();
+      event.preventDefault();
+    };
+
+    this.handleKeyDown = (event, itemKey, closable) => {
+      var _context;
+
+      const tabs = filter_default()(_context = [...event.target.parentNode.childNodes]).call(_context, item => {
+        var _context2;
+
+        return includes_default()(_context2 = get_default()(item, 'attributes.data-tabkey.value', '')).call(_context2, 'semiTab') && item.ariaDisabled !== "true";
+      });
+
+      switch (event.key) {
+        case "ArrowLeft":
+        case "ArrowRight":
+        case "ArrowUp":
+        case "ArrowDown":
+          this.determineOrientation(event, tabs);
+          break;
+
+        case "Backspace":
+        case "Delete":
+          this.handleDeleteKeyDown(event, tabs, itemKey, closable);
+          break;
+
+        case "Enter":
+        case " ":
+          this.handleTabClick(itemKey, event);
+          this.handlePrevent(event);
+          break;
+
+        case "Home":
+          tabs[0].focus(); // focus first tab
+
+          this.handlePrevent(event);
+          break;
+
+        case "End":
+          tabs[tabs.length - 1].focus(); // focus last tab
+
+          this.handlePrevent(event);
+          break;
+      }
+    };
   }
 
   init() {
@@ -92089,11 +94018,67 @@ class foundation_TabsFoundation extends foundation {
     this._adapter.notifyTabDelete(tabKey);
   }
 
+  determineOrientation(event, tabs) {
+    const {
+      tabPosition
+    } = this.getProps();
+    const isVertical = tabPosition === 'left';
+
+    if (isVertical) {
+      if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+        this.switchTabOnArrowPress(event, tabs);
+        this.handlePrevent(event);
+      }
+    } else {
+      if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
+        this.switchTabOnArrowPress(event, tabs);
+        this.handlePrevent(event);
+      }
+    }
+  }
+
+  handleDeleteKeyDown(event, tabs, itemKey, closable) {
+    if (closable) {
+      this.handleTabDelete(itemKey);
+
+      const index = index_of_default()(tabs).call(tabs, event.target); // Move focus to next element after deletion
+      // If the element is the last removable tab, focus to its previous tab
+
+
+      if (tabs.length !== 1) {
+        tabs[index + 1 >= tabs.length ? index - 1 : index + 1].focus();
+      }
+    }
+  }
+
+  switchTabOnArrowPress(event, tabs) {
+    const index = index_of_default()(tabs).call(tabs, event.target);
+
+    const direction = {
+      "ArrowLeft": -1,
+      "ArrowUp": -1,
+      "ArrowRight": 1,
+      "ArrowDown": 1
+    };
+
+    if (direction[event.key]) {
+      if (index !== undefined) {
+        if (tabs[index + direction[event.key]]) {
+          tabs[index + direction[event.key]].focus();
+        } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
+          tabs[tabs.length - 1].focus(); // focus last tab
+        } else if (event.key === "ArrowRight" || event.key == "ArrowDown") {
+          tabs[0].focus(); // focus first tab
+        }
+      }
+    }
+  }
+
 }
 
 /* harmony default export */ var tabs_foundation = (foundation_TabsFoundation);
 // EXTERNAL MODULE: ../semi-foundation/tabs/tabs.scss
-var tabs = __webpack_require__("X9hi");
+var tabs_tabs = __webpack_require__("X9hi");
 
 // CONCATENATED MODULE: ./tabs/TabBar.tsx
 
@@ -92147,6 +94132,10 @@ class TabBar_TabBar extends external_root_React_commonjs2_react_commonjs_react_a
       }
     };
 
+    this.handleKeyDown = (event, itemKey, closable) => {
+      this.props.handleKeyDown(event, itemKey, closable);
+    };
+
     this.renderTabItem = panel => {
       const {
         size,
@@ -92180,9 +94169,12 @@ class TabBar_TabBar extends external_root_React_commonjs2_react_commonjs_react_a
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
         role: "tab",
         id: "semiTab".concat(key),
+        "data-tabkey": "semiTab".concat(key),
         "aria-controls": "semiTabPanel".concat(key),
         "aria-disabled": panel.disabled ? 'true' : 'false',
-        "aria-selected": isSelected ? 'true' : 'false'
+        "aria-selected": isSelected ? 'true' : 'false',
+        tabIndex: isSelected ? 0 : -1,
+        onKeyDown: e => this.handleKeyDown(e, key, panel.closable)
       }, events, {
         className: className,
         key: this._getItemKey(key)
@@ -92625,7 +94617,8 @@ class TabPane_TabPane extends external_root_React_commonjs2_react_commonjs_react
       "aria-labelledby": "semiTab".concat(itemKey),
       className: classNames,
       style: style,
-      "aria-hidden": active ? 'false' : 'true'
+      "aria-hidden": active ? 'false' : 'true',
+      tabIndex: 0
     }, getDataAttr(restProps)), motion ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tabs_TabPaneTransition, {
       direction: this.getDirection(this.context.activeKey, itemKey, this.context.panes),
       motion: motion,
@@ -92968,7 +94961,8 @@ class tabs_Tabs extends baseComponent_BaseComponent {
       tabBarExtraContent,
       tabPosition,
       type,
-      deleteTabItem: this.deleteTabItem
+      deleteTabItem: this.deleteTabItem,
+      handleKeyDown: this.foundation.handleKeyDown
     };
     const tabBar = renderTabBar ? renderTabBar(tabBarProps, tabs_TabBar) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tabs_TabBar, assign_default()({}, tabBarProps));
     const content = keepDOM ? children : this.getActiveItem();
@@ -98881,7 +100875,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
 
       if (checkRelation === 'related') {
         renderKeys = normalizeKeyList([...checkedKeys], keyEntities, leafOnly);
-      } else if (checkRelation === 'unRelated') {
+      } else if (checkRelation === 'unRelated' && keys_default()(keyEntities).length > 0) {
         renderKeys = [...realCheckedKeys];
       }
 
@@ -100035,13 +102029,13 @@ var core_js_stable_url = __webpack_require__("QjT4");
 var url_default = /*#__PURE__*/__webpack_require__.n(core_js_stable_url);
 
 // CONCATENATED MODULE: ../semi-foundation/utils/isObject.ts
-function isObject_isObject(obj) {
+function utils_isObject_isObject(obj) {
   return obj !== null && typeof obj === 'object';
 }
 // CONCATENATED MODULE: ../semi-foundation/utils/isPromise.ts
 
 function isPromise(value) {
-  return isObject_isObject(value) && typeof value.then === 'function';
+  return utils_isObject_isObject(value) && typeof value.then === 'function';
 }
 // CONCATENATED MODULE: ../semi-foundation/upload/constants.ts
 
@@ -102568,7 +104562,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 // CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime/helpers/esm/defineProperty.js
-function _defineProperty(obj, key, value) {
+function defineProperty_defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -102596,7 +104590,7 @@ function _objectSpread(target) {
     }
 
     ownKeys.forEach(function (key) {
-      _defineProperty(target, key, source[key]);
+      defineProperty_defineProperty(target, key, source[key]);
     });
   }
 
@@ -102725,7 +104719,7 @@ var react_sortable_hoc_esm_Manager = function () {
   function Manager() {
     _classCallCheck(this, Manager);
 
-    _defineProperty(this, "refs", {});
+    defineProperty_defineProperty(this, "refs", {});
   }
 
   _createClass(Manager, [{
@@ -103072,7 +105066,7 @@ function sortableHandle(WrappedComponent) {
 
       _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(WithSortableHandle)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "wrappedInstance", Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])());
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "wrappedInstance", Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])());
 
       return _this;
     }
@@ -103100,7 +105094,7 @@ function sortableHandle(WrappedComponent) {
     }]);
 
     return WithSortableHandle;
-  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableHandle', WrappedComponent)), _temp;
+  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), defineProperty_defineProperty(_class, "displayName", provideDisplayName('sortableHandle', WrappedComponent)), _temp;
 }
 function isSortableHandle(node) {
   return node.sortableHandle != null;
@@ -103312,9 +105306,9 @@ function sortableContainer(WrappedComponent) {
 
       _this = _possibleConstructorReturn(this, _getPrototypeOf(WithSortableContainer).call(this, props));
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "state", {});
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "state", {});
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleStart", function (event) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleStart", function (event) {
         var _this$props = _this.props,
             distance = _this$props.distance,
             shouldCancelStart = _this$props.shouldCancelStart;
@@ -103365,11 +105359,11 @@ function sortableContainer(WrappedComponent) {
         }
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "nodeIsChild", function (node) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "nodeIsChild", function (node) {
         return node.sortableInfo.manager === _this.manager;
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleMove", function (event) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleMove", function (event) {
         var _this$props2 = _this.props,
             distance = _this$props2.distance,
             pressThreshold = _this$props2.pressThreshold;
@@ -103392,13 +105386,13 @@ function sortableContainer(WrappedComponent) {
         }
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleEnd", function () {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleEnd", function () {
         _this.touched = false;
 
         _this.cancel();
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "cancel", function () {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "cancel", function () {
         var distance = _this.props.distance;
         var sorting = _this.state.sorting;
 
@@ -103411,7 +105405,7 @@ function sortableContainer(WrappedComponent) {
         }
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handlePress", function (event) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handlePress", function (event) {
         try {
           var active = _this.manager.getActive();
 
@@ -103616,7 +105610,7 @@ function sortableContainer(WrappedComponent) {
         }
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleSortMove", function (event) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleSortMove", function (event) {
         var onSortMove = _this.props.onSortMove;
 
         if (typeof event.preventDefault === 'function' && event.cancelable) {
@@ -103634,7 +105628,7 @@ function sortableContainer(WrappedComponent) {
         }
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleSortEnd", function (event) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleSortEnd", function (event) {
         var _this$props4 = _this.props,
             hideSortableGhost = _this$props4.hideSortableGhost,
             onSortEnd = _this$props4.onSortEnd;
@@ -103703,7 +105697,7 @@ function sortableContainer(WrappedComponent) {
         _this.touched = false;
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "autoscroll", function () {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "autoscroll", function () {
         var disableAutoscroll = _this.props.disableAutoscroll;
         var isKeySorting = _this.manager.isKeySorting;
 
@@ -103745,14 +105739,14 @@ function sortableContainer(WrappedComponent) {
         });
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onAutoScroll", function (offset) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onAutoScroll", function (offset) {
         _this.translate.x += offset.left;
         _this.translate.y += offset.top;
 
         _this.animateNodes();
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleKeyDown", function (event) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleKeyDown", function (event) {
         var keyCode = event.keyCode;
         var _this$props5 = _this.props,
             shouldCancelStart = _this$props5.shouldCancelStart,
@@ -103783,7 +105777,7 @@ function sortableContainer(WrappedComponent) {
         }
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "keyLift", function (event) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "keyLift", function (event) {
         var target = event.target;
         var node = closest(target, function (el) {
           return el.sortableInfo != null;
@@ -103801,7 +105795,7 @@ function sortableContainer(WrappedComponent) {
         _this.handlePress(event);
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "keyMove", function (shift) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "keyMove", function (shift) {
         var nodes = _this.manager.getOrderedRefs();
 
         var lastIndex = nodes[nodes.length - 1].node.sortableInfo.index;
@@ -103843,7 +105837,7 @@ function sortableContainer(WrappedComponent) {
         });
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "keyDrop", function (event) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "keyDrop", function (event) {
         _this.handleSortEnd(event);
 
         if (_this.initialFocusedNode) {
@@ -103851,13 +105845,13 @@ function sortableContainer(WrappedComponent) {
         }
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleKeyEnd", function (event) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleKeyEnd", function (event) {
         if (_this.manager.active) {
           _this.keyDrop(event);
         }
       });
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "isValidSortingTarget", function (event) {
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "isValidSortingTarget", function (event) {
         var useDragHandle = _this.props.useDragHandle;
         var target = event.target;
         var node = closest(target, function (el) {
@@ -104194,7 +106188,7 @@ function sortableContainer(WrappedComponent) {
     }]);
 
     return WithSortableContainer;
-  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableList', WrappedComponent)), _defineProperty(_class, "defaultProps", react_sortable_hoc_esm_defaultProps), _defineProperty(_class, "propTypes", propTypes), _temp;
+  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), defineProperty_defineProperty(_class, "displayName", provideDisplayName('sortableList', WrappedComponent)), defineProperty_defineProperty(_class, "defaultProps", react_sortable_hoc_esm_defaultProps), defineProperty_defineProperty(_class, "propTypes", propTypes), _temp;
 }
 
 var propTypes$1 = {
@@ -104225,7 +106219,7 @@ function sortableElement(WrappedComponent) {
 
       _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(WithSortableElement)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
-      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "wrappedInstance", Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])());
+      defineProperty_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "wrappedInstance", Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["createRef"])());
 
       return _this;
     }
@@ -104301,7 +106295,7 @@ function sortableElement(WrappedComponent) {
     }]);
 
     return WithSortableElement;
-  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), _defineProperty(_class, "displayName", provideDisplayName('sortableElement', WrappedComponent)), _defineProperty(_class, "contextType", SortableContext), _defineProperty(_class, "propTypes", propTypes$1), _defineProperty(_class, "defaultProps", {
+  }(external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"]), defineProperty_defineProperty(_class, "displayName", provideDisplayName('sortableElement', WrappedComponent)), defineProperty_defineProperty(_class, "contextType", SortableContext), defineProperty_defineProperty(_class, "propTypes", propTypes$1), defineProperty_defineProperty(_class, "defaultProps", {
     collection: 0
   }), _temp;
 }
@@ -111828,6 +113822,16 @@ function getUTCWeek(dirtyDate, options) {
 
 module.exports = exports.default;
 
+/***/ }),
+
+/***/ "xXiX":
+/***/ (function(module, exports, __webpack_require__) {
+
+var parent = __webpack_require__("yIrs");
+
+module.exports = parent;
+
+
 /***/ }),
 
 /***/ "xdyI":
@@ -112082,6 +114086,17 @@ $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
 });
 
 
+/***/ }),
+
+/***/ "yIrs":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("1hU5");
+var path = __webpack_require__("j0PW");
+
+module.exports = path.Object.freeze;
+
+
 /***/ }),
 
 /***/ "yULr":