@douyinfe/semi-ui 2.19.0-beta.0 → 2.19.1-alpha.2

package/lib/es/carousel/CarouselArrow.js

@@ -1,6 +1,4 @@
 import _get from "lodash/get";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 
@@ -30,8 +28,6 @@ class CarouselArrow extends React.PureComponent {
   }
 
   render() {
-    var _context, _context2, _context3;
-
     const {
       type,
       theme,
@@ -40,26 +36,26 @@ class CarouselArrow extends React.PureComponent {
     } = this.props;
     const classNames = cls({
       [cssClasses.CAROUSEL_ARROW]: true,
-      [_concatInstanceProperty(_context = "".concat(cssClasses.CAROUSEL_ARROW, "-")).call(_context, theme)]: theme,
+      ["".concat(cssClasses.CAROUSEL_ARROW, "-").concat(theme)]: theme,
       ["".concat(cssClasses.CAROUSEL_ARROW, "-hover")]: type === 'hover'
     });
     const leftClassNames = cls({
       ["".concat(cssClasses.CAROUSEL_ARROW, "-prev")]: true,
-      [_concatInstanceProperty(_context2 = "".concat(cssClasses.CAROUSEL_ARROW, "-")).call(_context2, theme)]: theme
+      ["".concat(cssClasses.CAROUSEL_ARROW, "-").concat(theme)]: theme
     });
     const rightClassNames = cls({
       ["".concat(cssClasses.CAROUSEL_ARROW, "-next")]: true,
-      [_concatInstanceProperty(_context3 = "".concat(cssClasses.CAROUSEL_ARROW, "-")).call(_context3, theme)]: theme
+      ["".concat(cssClasses.CAROUSEL_ARROW, "-").concat(theme)]: theme
     });
     return /*#__PURE__*/React.createElement("div", {
       className: classNames
-    }, /*#__PURE__*/React.createElement("div", _Object$assign({
+    }, /*#__PURE__*/React.createElement("div", Object.assign({
       // role='button'
       className: leftClassNames,
       onClick: prev
     }, _get(this.props, 'arrowProps.leftArrow.props'), {
       "x-semi-prop": "arrowProps.leftArrow.children"
-    }), this.renderLeftIcon()), /*#__PURE__*/React.createElement("div", _Object$assign({
+    }), this.renderLeftIcon()), /*#__PURE__*/React.createElement("div", Object.assign({
       // role='button'
       // tabIndex={0} 
       className: rightClassNames,

package/lib/es/carousel/CarouselIndicator.js

@@ -1,15 +1,10 @@
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -63,16 +58,14 @@ class CarouselIndicator extends React.PureComponent {
     const indicatorContent = [];
 
     for (let i = 0; i < total; i++) {
-      var _context, _context2;
-
       indicatorContent.push( /*#__PURE__*/React.createElement("span", {
         // role='none' 
         key: i,
         "data-index": i,
         className: cls(["".concat(cssClasses.CAROUSEL_INDICATOR, "-item")], {
           ["".concat(cssClasses.CAROUSEL_INDICATOR, "-item-active")]: i === activeIndex,
-          [_concatInstanceProperty(_context = "".concat(cssClasses.CAROUSEL_INDICATOR, "-item-")).call(_context, theme)]: theme,
-          [_concatInstanceProperty(_context2 = "".concat(cssClasses.CAROUSEL_INDICATOR, "-item-")).call(_context2, size)]: size
+          ["".concat(cssClasses.CAROUSEL_INDICATOR, "-item-").concat(theme)]: theme,
+          ["".concat(cssClasses.CAROUSEL_INDICATOR, "-item-").concat(size)]: size
         }),
         onClick: () => this.handleIndicatorClick(i),
         onMouseEnter: () => this.handleIndicatorHover(i)
@@ -83,8 +76,6 @@ class CarouselIndicator extends React.PureComponent {
   }
 
   render() {
-    var _context3, _context4;
-
     const _a = this.props,
           {
       type,
@@ -98,11 +89,11 @@ class CarouselIndicator extends React.PureComponent {
 
     const classNames = cls(className, {
       [cssClasses.CAROUSEL_INDICATOR]: true,
-      [_concatInstanceProperty(_context3 = "".concat(cssClasses.CAROUSEL_INDICATOR, "-")).call(_context3, type)]: type,
-      [_concatInstanceProperty(_context4 = "".concat(cssClasses.CAROUSEL_INDICATOR, "-")).call(_context4, position)]: position
+      ["".concat(cssClasses.CAROUSEL_INDICATOR, "-").concat(type)]: type,
+      ["".concat(cssClasses.CAROUSEL_INDICATOR, "-").concat(position)]: position
     });
     const indicatorContent = this.renderIndicatorContent();
-    return /*#__PURE__*/React.createElement("div", _Object$assign({
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       className: classNames,
       style: style
     }, getDataAttr(restProps)), indicatorContent);

package/lib/es/carousel/index.js

@@ -1,8 +1,4 @@
 import _debounce from "lodash/debounce";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 import React, { Children } from 'react';
@@ -71,12 +67,10 @@ class Carousel extends BaseComponent {
     };
 
     this.getChildren = () => {
-      var _context;
-
       const {
         children: originChildren
       } = this.props;
-      return _filterInstanceProperty(_context = Children.toArray(originChildren)).call(_context, child => {
+      return Children.toArray(originChildren).filter(child => {
         return /*#__PURE__*/React.isValidElement(child);
       });
     };
@@ -96,7 +90,7 @@ class Carousel extends BaseComponent {
         preIndex,
         isInit
       } = this.state;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(children).call(children, (child, index) => {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, children.map((child, index) => {
         const isCurrent = index === activeIndex;
         const isPrev = index === this.getValidIndex(activeIndex - 1);
         const isNext = index === this.getValidIndex(activeIndex + 1);
@@ -107,7 +101,7 @@ class Carousel extends BaseComponent {
           animationDuration: "".concat(speed, "ms")
         };
         return /*#__PURE__*/React.cloneElement(child, {
-          style: _Object$assign(_Object$assign({}, child.props.style), animateStyle),
+          style: Object.assign(Object.assign({}, child.props.style), animateStyle),
           className: cls(child.props.className, {
             ["".concat(cssClasses.CAROUSEL_CONTENT, "-item-prev")]: isPrev,
             ["".concat(cssClasses.CAROUSEL_CONTENT, "-item-next")]: isNext,
@@ -192,7 +186,7 @@ class Carousel extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       notifyChange: (activeIndex, preIndex) => {
         this.props.onChange(activeIndex, preIndex);
       },
@@ -238,8 +232,6 @@ class Carousel extends BaseComponent {
   }
 
   render() {
-    var _context2;
-
     const {
       animation,
       className,
@@ -260,7 +252,7 @@ class Carousel extends BaseComponent {
       onMouseEnter: _debounce(this.handleMouseEnter, 400),
       onMouseLeave: _debounce(this.handleMouseLeave, 400)
     }, /*#__PURE__*/React.createElement("div", {
-      className: cls([_concatInstanceProperty(_context2 = "".concat(cssClasses.CAROUSEL_CONTENT, "-")).call(_context2, animation)], {
+      className: cls(["".concat(cssClasses.CAROUSEL_CONTENT, "-").concat(animation)], {
         ["".concat(cssClasses.CAROUSEL_CONTENT)]: true,
         ["".concat(cssClasses.CAROUSEL_CONTENT, "-reverse")]: slideDirection === 'left' ? isReverse : !isReverse
       }),

package/lib/es/cascader/index.js

@@ -6,13 +6,6 @@ import _isEmpty from "lodash/isEmpty";
 import _isString from "lodash/isString";
 import _isEqual from "lodash/isEqual";
 import _isSet from "lodash/isSet";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
-import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import React, { Fragment } from 'react';
 import ReactDOM from 'react-dom';
 import cls from 'classnames';
@@ -71,11 +64,9 @@ class Cascader extends BaseComponent {
         if (_isFunction(displayRender)) {
           return displayRender(keyEntities[nodeKey], idx); // default render tags
         } else {
-          var _context;
-
           return /*#__PURE__*/React.createElement(Tag, {
             size: size === 'default' ? 'large' : size,
-            key: _concatInstanceProperty(_context = "tag-".concat(nodeKey, "-")).call(_context, idx),
+            key: "tag-".concat(nodeKey, "-").concat(idx),
             color: "white",
             className: tagCls,
             closable: true,
@@ -172,7 +163,7 @@ class Cascader extends BaseComponent {
       const renderPlusNChildren = /*#__PURE__*/React.createElement("span", {
         className: plusNCls
       }, "+", hiddenTag.length);
-      return showRestTagsPopover && !disabled ? /*#__PURE__*/React.createElement(Popover, _Object$assign({
+      return showRestTagsPopover && !disabled ? /*#__PURE__*/React.createElement(Popover, Object.assign({
         content: hiddenTag,
         showArrow: true,
         trigger: "hover",
@@ -182,8 +173,6 @@ class Cascader extends BaseComponent {
     };
 
     this.renderMultipleTags = () => {
-      var _context2;
-
       const {
         autoMergeValue,
         maxTagCount
@@ -195,8 +184,7 @@ class Cascader extends BaseComponent {
       const realKeys = this.mergeType === strings.NONE_MERGE_TYPE ? checkedKeys : resolvedCheckedKeys;
       const displayTag = [];
       const hiddenTag = [];
-
-      _forEachInstanceProperty(_context2 = [...realKeys]).call(_context2, (checkedKey, idx) => {
+      [...realKeys].forEach((checkedKey, idx) => {
         const notExceedMaxTagCount = !_isNumber(maxTagCount) || maxTagCount >= idx + 1;
         const item = this.renderTagItem(checkedKey, idx, strings.IS_KEY);
 
@@ -206,7 +194,6 @@ class Cascader extends BaseComponent {
           hiddenTag.push(item);
         }
       });
-
       return /*#__PURE__*/React.createElement(React.Fragment, null, displayTag, !_isEmpty(hiddenTag) && this.renderPlusN(hiddenTag));
     };
 
@@ -227,13 +214,9 @@ class Cascader extends BaseComponent {
         if (displayRender && typeof displayRender === 'function') {
           displayText = displayRender(displayPath);
         } else {
-          displayText = _mapInstanceProperty(displayPath).call(displayPath, (path, index) => {
-            var _context3;
-
-            return /*#__PURE__*/React.createElement(Fragment, {
-              key: _concatInstanceProperty(_context3 = "".concat(path, "-")).call(_context3, index)
-            }, index < displayPath.length - 1 ? /*#__PURE__*/React.createElement(React.Fragment, null, path, separator) : path);
-          });
+          displayText = displayPath.map((path, index) => /*#__PURE__*/React.createElement(Fragment, {
+            key: "".concat(path, "-").concat(index)
+          }, index < displayPath.length - 1 ? /*#__PURE__*/React.createElement(React.Fragment, null, path, separator) : path));
         }
       }
 
@@ -345,7 +328,7 @@ class Cascader extends BaseComponent {
         disabled: disabled,
         triggerRender: triggerRender,
         componentName: 'Cascader',
-        componentProps: _Object$assign({}, this.props)
+        componentProps: Object.assign({}, this.props)
       });
     };
 
@@ -484,7 +467,7 @@ class Cascader extends BaseComponent {
        * The following attributes(aria-controls,aria-expanded) will be automatically added by Tooltip, no need to declare here
        */
 
-      return /*#__PURE__*/React.createElement("div", _Object$assign({
+      return /*#__PURE__*/React.createElement("div", Object.assign({
         className: classNames,
         style: style,
         ref: this.triggerRef,
@@ -505,7 +488,7 @@ class Cascader extends BaseComponent {
     };
 
     this.state = {
-      disabledKeys: new _Set(),
+      disabledKeys: new Set(),
       isOpen: props.defaultOpen,
 
       /* By changing rePosKey, the dropdown position can be refreshed */
@@ -515,13 +498,13 @@ class Cascader extends BaseComponent {
       keyEntities: {},
 
       /* Selected and show tick icon */
-      selectedKeys: new _Set([]),
+      selectedKeys: new Set([]),
 
       /* The key of the activated node */
-      activeKeys: new _Set([]),
+      activeKeys: new Set([]),
 
       /* The key of the filtered node */
-      filteredKeys: new _Set([]),
+      filteredKeys: new Set([]),
 
       /* Value of input box */
       inputValue: '',
@@ -539,19 +522,19 @@ class Cascader extends BaseComponent {
       isHovering: false,
 
       /* Key of checked node, when multiple */
-      checkedKeys: new _Set([]),
+      checkedKeys: new Set([]),
 
       /* Key of half checked node, when multiple */
-      halfCheckedKeys: new _Set([]),
+      halfCheckedKeys: new Set([]),
 
       /* Auto merged checkedKeys or leaf checkedKeys, when multiple */
-      resolvedCheckedKeys: new _Set([]),
+      resolvedCheckedKeys: new Set([]),
 
       /* Keys of loaded item */
-      loadedKeys: new _Set(),
+      loadedKeys: new Set(),
 
       /* Keys of loading item */
-      loadingKeys: new _Set(),
+      loadingKeys: new Set(),
 
       /* Mark whether this rendering has triggered asynchronous loading of data */
       loading: false,
@@ -623,9 +606,9 @@ class Cascader extends BaseComponent {
         });
       }
     };
-    return _Object$assign(_Object$assign(_Object$assign(_Object$assign({}, super.adapter), filterAdapter), cascaderAdapter), {
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), filterAdapter), cascaderAdapter), {
       updateStates: states => {
-        this.setState(_Object$assign({}, states));
+        this.setState(Object.assign({}, states));
       },
       openMenu: () => {
         this.setState({
@@ -671,7 +654,7 @@ class Cascader extends BaseComponent {
         } = this.props;
 
         if (loadData) {
-          new _Promise(resolve => {
+          new Promise(resolve => {
             loadData(selectedOpt).then(() => {
               callback();
               this.setState({
@@ -746,8 +729,8 @@ class Cascader extends BaseComponent {
       // normallizedValue is used to save the value in two-dimensional array format
       let normallizedValue = [];
 
-      if (_Array$isArray(realValue)) {
-        normallizedValue = _Array$isArray(realValue[0]) ? realValue : [realValue];
+      if (Array.isArray(realValue)) {
+        normallizedValue = Array.isArray(realValue[0]) ? realValue : [realValue];
       } else {
         if (realValue !== undefined) {
           normallizedValue = [[realValue]];
@@ -756,20 +739,16 @@ class Cascader extends BaseComponent {
 
 
       const formatValuePath = [];
-
-      _forEachInstanceProperty(normallizedValue).call(normallizedValue, valueItem => {
-        const formatItem = onChangeWithObject ? _mapInstanceProperty(valueItem).call(valueItem, i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
+      normallizedValue.forEach(valueItem => {
+        const formatItem = onChangeWithObject ? valueItem.map(i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
         formatValuePath.push(formatItem);
       }); // formatKeys is used to save key of value
 
-
       const formatKeys = [];
-
-      _forEachInstanceProperty(formatValuePath).call(formatValuePath, v => {
+      formatValuePath.forEach(v => {
         const formatKeyItem = findKeysForValues(v, keyEntities);
         !_isEmpty(formatKeyItem) && formatKeys.push(formatKeyItem);
       });
-
       return formatKeys;
     };
 
@@ -805,8 +784,8 @@ class Cascader extends BaseComponent {
         }
 
         const calRes = calcCheckedKeys(_flatten(realKeys), keyEntities);
-        const checkedKeys = new _Set(calRes.checkedKeys);
-        const halfCheckedKeys = new _Set(calRes.halfCheckedKeys); // disableStrictly
+        const checkedKeys = new Set(calRes.checkedKeys);
+        const halfCheckedKeys = new Set(calRes.halfCheckedKeys); // disableStrictly
 
         if (props.disableStrictly) {
           newState.disabledKeys = calcDisabledKeys(keyEntities);
@@ -816,7 +795,7 @@ class Cascader extends BaseComponent {
         newState.prevProps = props;
         newState.checkedKeys = checkedKeys;
         newState.halfCheckedKeys = halfCheckedKeys;
-        newState.resolvedCheckedKeys = new _Set(normalizeKeyList(checkedKeys, keyEntities, isLeafOnlyMerge));
+        newState.resolvedCheckedKeys = new Set(normalizeKeyList(checkedKeys, keyEntities, isLeafOnlyMerge));
       }
     }
 
@@ -845,8 +824,6 @@ class Cascader extends BaseComponent {
   }
 
   renderTagInput() {
-    var _context4;
-
     const {
       size,
       disabled,
@@ -864,13 +841,11 @@ class Cascader extends BaseComponent {
     const tagInputcls = cls("".concat(prefixcls, "-tagInput-wrapper"));
     const tagValue = [];
     const realKeys = this.mergeType === strings.NONE_MERGE_TYPE ? checkedKeys : resolvedCheckedKeys;
-
-    _forEachInstanceProperty(_context4 = [...realKeys]).call(_context4, checkedKey => {
+    [...realKeys].forEach(checkedKey => {
       if (!_isEmpty(keyEntities[checkedKey])) {
         tagValue.push(keyEntities[checkedKey].valuePath);
       }
     });
-
     return /*#__PURE__*/React.createElement(TagInput, {
       className: tagInputcls,
       ref: this.inputRef,
@@ -920,7 +895,7 @@ class Cascader extends BaseComponent {
       className: wrappercls
     }, /*#__PURE__*/React.createElement("span", {
       className: spanCls
-    }, displayText ? displayText : inputPlaceHolder), showInput && /*#__PURE__*/React.createElement(Input, _Object$assign({
+    }, displayText ? displayText : inputPlaceHolder), showInput && /*#__PURE__*/React.createElement(Input, Object.assign({
       ref: this.inputRef,
       size: size
     }, inputProps)));

package/lib/es/cascader/item.js

@@ -1,8 +1,4 @@
 import _includes from "lodash/includes";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -98,17 +94,15 @@ export default class Item extends PureComponent {
     };
 
     this.renderIcon = type => {
-      var _context, _context2, _context3;
-
       switch (type) {
         case 'child':
           return /*#__PURE__*/React.createElement(IconChevronRight, {
-            className: _concatInstanceProperty(_context = "".concat(prefixcls, "-icon ")).call(_context, prefixcls, "-icon-expand")
+            className: "".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-expand")
           });
 
         case 'tick':
           return /*#__PURE__*/React.createElement(IconTick, {
-            className: _concatInstanceProperty(_context2 = "".concat(prefixcls, "-icon ")).call(_context2, prefixcls, "-icon-active")
+            className: "".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-active")
           });
 
         case 'loading':
@@ -119,7 +113,7 @@ export default class Item extends PureComponent {
         case 'empty':
           return /*#__PURE__*/React.createElement("span", {
             "aria-hidden": true,
-            className: _concatInstanceProperty(_context3 = "".concat(prefixcls, "-icon ")).call(_context3, prefixcls, "-icon-empty")
+            className: "".concat(prefixcls, "-icon ").concat(prefixcls, "-icon-empty")
           });
 
         default:
@@ -133,18 +127,13 @@ export default class Item extends PureComponent {
         keyword,
         separator
       } = this.props;
-
-      _forEachInstanceProperty(searchText).call(searchText, (item, idx) => {
+      searchText.forEach((item, idx) => {
         if (typeof item === 'string' && _includes(item, keyword)) {
-          var _context4;
-
-          _forEachInstanceProperty(_context4 = item.split(keyword)).call(_context4, (node, index) => {
+          item.split(keyword).forEach((node, index) => {
             if (index > 0) {
-              var _context5;
-
               content.push( /*#__PURE__*/React.createElement("span", {
                 className: "".concat(prefixcls, "-label-highlight"),
-                key: _concatInstanceProperty(_context5 = "".concat(index, "-")).call(_context5, idx)
+                key: "".concat(index, "-").concat(idx)
               }, keyword));
             }
 
@@ -158,7 +147,6 @@ export default class Item extends PureComponent {
           content.push(separator);
         }
       });
-
       return content;
     };
 
@@ -171,7 +159,7 @@ export default class Item extends PureComponent {
       const content = /*#__PURE__*/React.createElement("ul", {
         className: "".concat(prefixcls, "-list"),
         key: 'flatten-list'
-      }, _mapInstanceProperty(data).call(data, item => {
+      }, data.map(item => {
         const {
           searchText,
           key,
@@ -217,7 +205,7 @@ export default class Item extends PureComponent {
       className: "".concat(prefixcls, "-list"),
       key: renderData[0].key,
       onScroll: e => this.props.onListScroll(e, ind)
-    }, _mapInstanceProperty(renderData).call(renderData, item => {
+    }, renderData.map(item => {
       const {
         data,
         key,
@@ -249,7 +237,7 @@ export default class Item extends PureComponent {
       const otherAriaProps = parentKey ? {
         ['aria-owns']: "cascaderItem-".concat(parentKey)
       } : {};
-      return /*#__PURE__*/React.createElement("li", _Object$assign({
+      return /*#__PURE__*/React.createElement("li", Object.assign({
         role: 'menuitem',
         id: "cascaderItem-".concat(key),
         "aria-expanded": active,
@@ -277,7 +265,7 @@ export default class Item extends PureComponent {
     })));
 
     if (showChildItem) {
-      _concatInstanceProperty(content).call(content, this.renderItem(showChildItem.children, content));
+      content.concat(this.renderItem(showChildItem.children, content));
     }
 
     return content;
@@ -289,17 +277,13 @@ export default class Item extends PureComponent {
     } = this.props;
     return /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: "Cascader"
-    }, locale => {
-      var _context6;
-
-      return /*#__PURE__*/React.createElement("ul", {
-        className: _concatInstanceProperty(_context6 = "".concat(prefixcls, " ")).call(_context6, prefixcls, "-empty"),
-        key: 'empty-list'
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixcls, "-label"),
-        "x-semi-prop": "emptyContent"
-      }, emptyContent || locale.emptyText));
-    });
+    }, locale => /*#__PURE__*/React.createElement("ul", {
+      className: "".concat(prefixcls, " ").concat(prefixcls, "-empty"),
+      key: 'empty-list'
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixcls, "-label"),
+      "x-semi-prop": "emptyContent"
+    }, emptyContent || locale.emptyText)));
   }
 
   render() {

package/lib/es/checkbox/checkbox.d.ts

@@ -67,7 +67,6 @@ declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
         onMouseLeave: (...args: any[]) => void;
         type: string;
     };
-    static elementType: string;
     checkboxEntity: CheckboxInner;
     context: CheckboxContextType;
     get adapter(): CheckboxAdapter<CheckboxProps, CheckboxState>;

package/lib/es/checkbox/checkbox.js

@@ -1,8 +1,6 @@
 import _noop from "lodash/noop";
 import _isBoolean from "lodash/isBoolean";
 import _isUndefined from "lodash/isUndefined";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 
 /* eslint-disable max-len */
 import React from 'react';
@@ -44,7 +42,7 @@ class Checkbox extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       setNativeControlChecked: checked => {
         this.setState({
           checked
@@ -143,10 +141,7 @@ class Checkbox extends BaseComponent {
 
     if (inGroup) {
       if (this.context.checkboxGroup.value) {
-        var _context;
-
-        const realChecked = _includesInstanceProperty(_context = this.context.checkboxGroup.value || []).call(_context, value);
-
+        const realChecked = (this.context.checkboxGroup.value || []).includes(value);
         props.checked = realChecked;
       }
 
@@ -187,23 +182,15 @@ class Checkbox extends BaseComponent {
     const name = inGroup && this.context.checkboxGroup.name;
     const xSemiPropChildren = this.props['x-semi-children-alias'] || 'children';
 
-    const renderContent = () => {
-      if (!children && !extra) {
-        return null;
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefix, "-content")
-      }, children ? /*#__PURE__*/React.createElement("span", {
-        id: addonId,
-        className: "".concat(prefix, "-addon"),
-        "x-semi-prop": xSemiPropChildren
-      }, children) : null, extra ? /*#__PURE__*/React.createElement("div", {
-        id: extraId,
-        className: extraCls,
-        "x-semi-prop": "extra"
-      }, extra) : null);
-    };
+    const renderContent = () => /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement("span", {
+      id: addonId,
+      className: "".concat(prefix, "-addon"),
+      "x-semi-prop": xSemiPropChildren
+    }, children) : null, extra ? /*#__PURE__*/React.createElement("div", {
+      id: extraId,
+      className: extraCls,
+      "x-semi-prop": "extra"
+    }, extra) : null);
 
     return (
       /*#__PURE__*/
@@ -219,7 +206,7 @@ class Checkbox extends BaseComponent {
         onClick: this.handleChange,
         onKeyPress: this.handleEnterPress,
         "aria-labelledby": this.props['aria-labelledby']
-      }, /*#__PURE__*/React.createElement(CheckboxInner, _Object$assign({}, this.props, props, {
+      }, /*#__PURE__*/React.createElement(CheckboxInner, Object.assign({}, this.props, props, {
         addonId: children && addonId,
         extraId: extra && extraId,
         isPureCardType: props.isPureCardType,
@@ -229,7 +216,7 @@ class Checkbox extends BaseComponent {
         focusInner: focusVisible && !focusOuter,
         onInputFocus: this.handleFocusVisible,
         onInputBlur: this.handleBlur
-      })), renderContent())
+      })), props.isCardType ? /*#__PURE__*/React.createElement("div", null, renderContent()) : renderContent())
     );
   }
 
@@ -273,5 +260,4 @@ Checkbox.defaultProps = {
   onMouseLeave: _noop,
   type: 'default'
 };
-Checkbox.elementType = 'Checkbox';
 export default Checkbox;