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

package/form/interface.ts

@@ -102,7 +102,7 @@ interface setValuesConfig {
     isOverride: boolean;
 }
 
-export interface BaseFormProps {
+export interface BaseFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange'> {
     'aria-label'?: React.AriaAttributes['aria-label'];
     onSubmit?: (values: Record<string, any>) => void;
     onSubmitFail?: (errors: Record<string, FieldError>, values: any) => void;

package/getBabelConfig.js

@@ -19,19 +19,7 @@ module.exports = ({ isESM }) => {
             ],
         ],
         plugins: [
-            'lodash',
-            [
-                '@babel/plugin-transform-runtime',
-                {
-                    corejs: 3
-                },
-            ],
-            [
-                '@babel/plugin-proposal-decorators',
-                {
-                    legacy: true,
-                },
-            ],
+            'lodash'
         ]
     };
 };

package/lib/cjs/_base/base.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/lib/cjs/_base/baseComponent.js

@@ -1,21 +1,16 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
 var _react = require("react");
 
 var _log = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/log"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  * The Semi Foundation / Adapter architecture split was inspired by Material Component For Web. （https://github.com/material-components/material-components-web）
  * We re-implemented our own code based on the principle and added more functions we need according to actual needs.
@@ -56,7 +51,7 @@ class BaseComponent extends _react.Component {
       getProps: () => this.props,
       getState: key => this.state[key],
       getStates: () => this.state,
-      setState: (states, cb) => this.setState((0, _assign.default)({}, states), cb),
+      setState: (states, cb) => this.setState(Object.assign({}, states), cb),
       getCache: key => key && this.cache[key],
       getCaches: () => this.cache,
       setCache: (key, value) => key && (this.cache[key] = value),

package/lib/cjs/_base/reactUtils.js

@@ -1,32 +1,27 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.isClassComponent = isClassComponent;
 exports.isCompositeTypeElement = isCompositeTypeElement;
 exports.isElement = isElement;
 exports.isEmptyChildren = isEmptyChildren;
 exports.isFunctionalComponent = isFunctionalComponent;
-
-_Object$defineProperty(exports, "isHTMLElement", {
+Object.defineProperty(exports, "isHTMLElement", {
   enumerable: true,
   get: function () {
     return _dom.isHTMLElement;
   }
 });
-
 exports.isReactComponent = isReactComponent;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _dom = require("@douyinfe/semi-foundation/lib/cjs/utils/dom");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 // https://stackoverflow.com/questions/33199959/how-to-detect-a-react-component-vs-a-react-element
 function isClassComponent(component) {
   return typeof component === 'function' && Boolean(component.prototype.isReactComponent);

package/lib/cjs/_portal/index.js

@@ -1,17 +1,10 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
 var _react = require("react");
 
 var _reactDom = require("react-dom");
@@ -26,6 +19,8 @@ var _context = _interopRequireDefault(require("../configProvider/context"));
 
 require("@douyinfe/semi-foundation/lib/cjs/_portal/portal.css");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const defaultGetContainer = () => document.body;
 
 class Portal extends _react.PureComponent {
@@ -39,7 +34,7 @@ class Portal extends _react.PureComponent {
       let style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
       if (_this.el) {
-        for (const key of (0, _keys.default)(style)) {
+        for (const key of Object.keys(style)) {
           _this.el.style[key] = style[key];
         }
       }

package/lib/cjs/_utils/hooks/usePrevFocus.js

@@ -1,13 +1,8 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.usePrevFocus = usePrevFocus;
 
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
@@ -18,6 +13,8 @@ var _react = require("react");
 
 var _index = require("../index");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /* istanbul ignore next */
 function usePrevFocus() {
   const [prevFocusElement, setPrevFocus] = (0, _react.useState)((0, _index.getActiveElement)());

package/lib/cjs/_utils/index.js

@@ -1,13 +1,8 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.cloneDeep = cloneDeep;
 exports.getActiveElement = getActiveElement;
 exports.getFocusableElements = getFocusableElements;
@@ -16,18 +11,6 @@ exports.isNodeContainsFocus = isNodeContainsFocus;
 exports.registerMediaQuery = exports.isSemiIcon = void 0;
 exports.stopPropagation = stopPropagation;
 
-var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
 
 var _set2 = _interopRequireDefault(require("lodash/set"));
@@ -42,6 +25,8 @@ var _getHighlight = require("@douyinfe/semi-foundation/lib/cjs/utils/getHighligh
 
 var _dom = require("@douyinfe/semi-foundation/lib/cjs/utils/dom");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /* eslint-disable max-len */
 
 /* argus-disable unPkgSensitiveInfo */
@@ -84,16 +69,19 @@ function cloneDeep(value, customizer) {
       return v;
     }
 
-    if ((0, _isArray.default)(v) && v.length === 0) {
-      const keys = (0, _keys.default)(v);
+    if (Array.isArray(v) && v.length === 0) {
+      const keys = Object.keys(v);
 
       if (keys.length) {
         const newArray = [];
-        (0, _forEach.default)(keys).call(keys, key => {
+        keys.forEach(key => {
           (0, _set2.default)(newArray, key, v[key]);
         }); // internal-issues:887
 
-        (0, _warning.default)((0, _get2.default)(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
+        try {
+          (0, _warning.default)((0, _get2.default)(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
+        } catch (e) {}
+
         return newArray;
       } else {
         return undefined;
@@ -127,14 +115,14 @@ const getHighLightTextHTML = _ref => {
       caseSensitive: false
     }
   } = _ref;
-  const chunks = (0, _getHighlight.findAll)((0, _assign.default)({
+  const chunks = (0, _getHighlight.findAll)(Object.assign({
     sourceString,
     searchWords
   }, option));
   const markEle = option.highlightTag || 'mark';
   const highlightClassName = option.highlightClassName || '';
   const highlightStyle = option.highlightStyle || {};
-  return (0, _map.default)(chunks).call(chunks, (chunk, index) => {
+  return chunks.map((chunk, index) => {
     const {
       end,
       start,
@@ -224,6 +212,6 @@ function getFocusableElements(node) {
   const focusableSelectorsList = ["input:not([disabled]):not([tabindex='-1'])", "textarea:not([disabled]):not([tabindex='-1'])", "button:not([disabled]):not([tabindex='-1'])", "a[href]:not([tabindex='-1'])", "select:not([disabled]):not([tabindex='-1'])", "area[href]:not([tabindex='-1'])", "iframe:not([tabindex='-1'])", "object:not([tabindex='-1'])", "*[tabindex]:not([tabindex='-1'])", "*[contenteditable]:not([tabindex='-1'])"];
   const focusableSelectorsStr = focusableSelectorsList.join(','); // we are not filtered elements which are invisible
 
-  const focusableElements = (0, _from.default)(node.querySelectorAll(focusableSelectorsStr));
+  const focusableElements = Array.from(node.querySelectorAll(focusableSelectorsStr));
   return focusableElements;
 }

package/lib/cjs/anchor/anchor-context.js

@@ -1,17 +1,14 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const AnchorContext = /*#__PURE__*/_react.default.createContext(null);
 
 var _default = AnchorContext;

package/lib/cjs/anchor/index.js

@@ -1,27 +1,10 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _throttle2 = _interopRequireDefault(require("lodash/throttle"));
 
 var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
@@ -48,6 +31,8 @@ require("@douyinfe/semi-foundation/lib/cjs/anchor/anchor.css");
 
 var _uuid = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/uuid"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const prefixCls = _constants.cssClasses.PREFIX;
 
 class Anchor extends _baseComponent.default {
@@ -103,7 +88,7 @@ class Anchor extends _baseComponent.default {
   }
 
   get adapter() {
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       addLink: value => {
         this.setState(prevState => ({
           links: [...prevState.links, value]
@@ -111,13 +96,11 @@ class Anchor extends _baseComponent.default {
       },
       removeLink: link => {
         this.setState(prevState => {
-          var _context;
-
-          const links = (0, _slice.default)(_context = prevState.links).call(_context);
-          const index = (0, _indexOf.default)(links).call(links, link);
+          const links = prevState.links.slice();
+          const index = links.indexOf(link);
 
           if (index !== -1) {
-            (0, _splice.default)(links).call(links, index, 1);
+            links.splice(index, 1);
             return {
               links
             };
@@ -182,7 +165,7 @@ class Anchor extends _baseComponent.default {
           offsetTop
         } = this.props;
         const containerTop = this.adapter.getContainerBoundingTop();
-        const elTop = (0, _map.default)(links).call(links, link => {
+        const elTop = links.map(link => {
           let node = null;
 
           try {
@@ -195,9 +178,7 @@ class Anchor extends _baseComponent.default {
         return elTop;
       },
       getAnchorNode: selector => {
-        var _context2;
-
-        const selectors = (0, _concat.default)(_context2 = "#".concat(this.anchorID, " ")).call(_context2, selector);
+        const selectors = "#".concat(this.anchorID, " ").concat(selector);
         return document.querySelector(selectors);
       },
       getContentNode: selector => document.querySelector(selector),
@@ -233,8 +214,6 @@ class Anchor extends _baseComponent.default {
   }
 
   render() {
-    var _context3, _context4, _context5, _context6;
-
     const {
       size,
       railTheme,
@@ -254,16 +233,16 @@ class Anchor extends _baseComponent.default {
       slideBarTop
     } = this.state;
     const wrapperCls = (0, _classnames.default)(prefixCls, className, {
-      [(0, _concat.default)(_context3 = "".concat(prefixCls, "-size-")).call(_context3, size)]: size
+      ["".concat(prefixCls, "-size-").concat(size)]: size
     });
-    const slideCls = (0, _classnames.default)("".concat(prefixCls, "-slide"), (0, _concat.default)(_context4 = "".concat(prefixCls, "-slide-")).call(_context4, railTheme));
+    const slideCls = (0, _classnames.default)("".concat(prefixCls, "-slide"), "".concat(prefixCls, "-slide-").concat(railTheme));
     const slideBarCls = (0, _classnames.default)("".concat(prefixCls, "-slide-bar"), {
-      [(0, _concat.default)(_context5 = "".concat(prefixCls, "-slide-bar-")).call(_context5, size)]: size,
-      [(0, _concat.default)(_context6 = "".concat(prefixCls, "-slide-bar-")).call(_context6, railTheme)]: railTheme,
+      ["".concat(prefixCls, "-slide-bar-").concat(size)]: size,
+      ["".concat(prefixCls, "-slide-bar-").concat(railTheme)]: railTheme,
       ["".concat(prefixCls, "-slide-bar-active")]: activeLink
     });
     const anchorWrapper = "".concat(prefixCls, "-link-wrapper");
-    const wrapperStyle = (0, _assign.default)((0, _assign.default)({}, style), {
+    const wrapperStyle = Object.assign(Object.assign({}, style), {
       maxWidth,
       maxHeight
     });

package/lib/cjs/anchor/link.js

@@ -1,19 +1,10 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -30,12 +21,12 @@ var _anchorContext = _interopRequireDefault(require("./anchor-context"));
 
 var _index = _interopRequireDefault(require("../typography/index"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const prefixCls = _constants.cssClasses.PREFIX; // eslint-disable-next-line @typescript-eslint/ban-types
 
 class Link extends _baseComponent.default {
   constructor(props) {
-    var _context;
-
     super(props);
 
     this.renderTitle = () => {
@@ -65,7 +56,7 @@ class Link extends _baseComponent.default {
           size: size === 'default' ? 'normal' : 'small',
           ellipsis: {
             showTooltip: {
-              opts: (0, _assign.default)({}, toolTipOpt)
+              opts: Object.assign({}, toolTipOpt)
             }
           },
           type: 'tertiary',
@@ -98,11 +89,11 @@ class Link extends _baseComponent.default {
     };
 
     this.foundation = new _linkFoundation.default(this.adapter);
-    this.handleClick = (0, _bind.default)(_context = this.handleClick).call(_context, this);
+    this.handleClick = this.handleClick.bind(this);
   }
 
   get adapter() {
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       addLink: href => {
         this.context.addLink(href);
       },
@@ -185,7 +176,7 @@ class Link extends _baseComponent.default {
       className: linkCls,
       style: style,
       role: "listitem"
-    }, /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
+    }, /*#__PURE__*/_react.default.createElement("div", Object.assign({
       role: "link",
       tabIndex: 0
     }, ariaProps, {

package/lib/cjs/autoComplete/index.js

@@ -1,27 +1,10 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/map"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
-
-var _map2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
 
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
@@ -54,6 +37,8 @@ var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs
 
 require("@douyinfe/semi-foundation/lib/cjs/autoComplete/autoComplete.css");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /* eslint-disable @typescript-eslint/ban-types, max-len */
 const prefixCls = _constants.cssClasses.PREFIX;
 const sizeSet = _constants.strings.SIZE;
@@ -92,7 +77,7 @@ class AutoComplete extends _baseComponent.default {
       // current focus option index
       focusIndex: props.defaultActiveFirstOption ? 0 : -1,
       // current selected options
-      selection: new _map.default(),
+      selection: new Map(),
       rePosKey: initRePosKey
     };
     this.triggerRef = /*#__PURE__*/_react.default.createRef();
@@ -122,7 +107,7 @@ class AutoComplete extends _baseComponent.default {
         });
       }
     };
-    return (0, _assign.default)((0, _assign.default)((0, _assign.default)({}, super.adapter), keyboardAdapter), {
+    return Object.assign(Object.assign(Object.assign({}, super.adapter), keyboardAdapter), {
       getTriggerWidth: () => {
         const el = this.triggerRef.current;
         return el && el.getBoundingClientRect().width;
@@ -227,7 +212,7 @@ class AutoComplete extends _baseComponent.default {
       selection
     } = this.state;
     const useCustomTrigger = typeof triggerRender === 'function';
-    const outerProps = (0, _assign.default)((0, _assign.default)({
+    const outerProps = Object.assign(Object.assign({
       style,
       className: useCustomTrigger ? (0, _classnames.default)(className) : (0, _classnames.default)({
         [prefixCls]: true,
@@ -262,13 +247,13 @@ class AutoComplete extends _baseComponent.default {
       onBlur: this.onBlur,
       onFocus: this.onFocus
     };
-    return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, outerProps), typeof triggerRender === 'function' ? /*#__PURE__*/_react.default.createElement(_trigger.default, (0, _assign.default)({}, innerProps, {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, outerProps), typeof triggerRender === 'function' ? /*#__PURE__*/_react.default.createElement(_trigger.default, Object.assign({}, innerProps, {
       inputValue: typeof value !== 'undefined' ? value : inputValue,
-      value: (0, _from.default)((0, _values.default)(selection).call(selection)),
+      value: Array.from(selection.values()),
       triggerRender: triggerRender,
       componentName: "AutoComplete",
-      componentProps: (0, _assign.default)({}, this.props)
-    })) : /*#__PURE__*/_react.default.createElement(_input.default, (0, _assign.default)({}, innerProps, {
+      componentProps: Object.assign({}, this.props)
+    })) : /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({}, innerProps, {
       value: typeof value !== 'undefined' ? value : inputValue
     })));
   }
@@ -285,7 +270,7 @@ class AutoComplete extends _baseComponent.default {
       focusIndex
     } = this.state;
     const isFocused = optionIndex === focusIndex;
-    return /*#__PURE__*/_react.default.createElement(_option.default, (0, _assign.default)({
+    return /*#__PURE__*/_react.default.createElement(_option.default, Object.assign({
       showTick: false,
       onSelect: (v, e) => this.onSelect(v, optionIndex, e),
       // selected={selection.has(option.label)}
@@ -315,12 +300,10 @@ class AutoComplete extends _baseComponent.default {
     if (options.length === 0) {
       optionsNode = emptyContent;
     } else {
-      var _context;
-
-      optionsNode = (0, _map2.default)(_context = (0, _filter.default)(options).call(options, option => option.show)).call(_context, (option, i) => this.renderOption(option, i));
+      optionsNode = options.filter(option => option.show).map((option, i) => this.renderOption(option, i));
     }
 
-    const style = (0, _assign.default)({
+    const style = Object.assign({
       maxHeight: maxHeight,
       minWidth: dropdownMinWidth
     }, dropdownStyle);