dtable-ui-component 7.0.13 → 7.0.15

package/lib/TabBar/index.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Item = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var React = _interopRequireWildcard(require("react"));
 var _getDataAttr = _interopRequireDefault(require("../utils/getDataAttr"));
 var _Tabs = _interopRequireDefault(require("../Tabs"));
@@ -15,9 +14,10 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class Item extends React.Component {
   render() {
-    const _this$props = this.props,
-      prefixCls = _this$props.prefixCls,
-      style = _this$props.style;
+    const {
+      prefixCls,
+      style
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: prefixCls,
       style: style,
@@ -37,23 +37,26 @@ class AntTabBar extends React.Component {
       const tabs = [];
       React.Children.forEach(this.props.children, c => {
         if (c) {
-          tabs.push((0, _objectSpread2.default)({}, c.props));
+          tabs.push({
+            ...c.props
+          });
         }
       });
       return tabs;
     };
     this.renderTabBar = () => {
-      const _this$props2 = this.props,
-        barTintColor = _this$props2.barTintColor,
-        prefixCls = _this$props2.prefixCls,
-        tintColor = _this$props2.tintColor,
-        unselectedTintColor = _this$props2.unselectedTintColor,
-        hidden = _this$props2.hidden,
-        tabBarPosition = _this$props2.tabBarPosition;
+      const {
+        barTintColor,
+        prefixCls,
+        tintColor,
+        unselectedTintColor,
+        hidden,
+        tabBarPosition
+      } = this.props;
       const tabsData = this.getTabs();
       const content = Array.isArray(tabsData) ? tabsData.map((cProps, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
-          prefixCls: "".concat(this.props.prefixCls, "-tab"),
+          prefixCls: `${this.props.prefixCls}-tab`,
           badge: cProps.badge,
           dot: cProps.dot,
           selected: cProps.selected,
@@ -66,9 +69,9 @@ class AntTabBar extends React.Component {
           onClick: () => cProps.onPress && cProps.onPress()
         }, index);
       }) : null;
-      let cls = "".concat(prefixCls, "-bar");
+      let cls = `${prefixCls}-bar`;
       if (hidden) {
-        cls += " ".concat(prefixCls, "-bar-hidden-").concat(tabBarPosition);
+        cls += ` ${prefixCls}-bar-hidden-${tabBarPosition}`;
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: cls,
@@ -80,14 +83,15 @@ class AntTabBar extends React.Component {
     };
   }
   render() {
-    const _this$props3 = this.props,
-      prefixCls = _this$props3.prefixCls,
-      children = _this$props3.children,
-      animated = _this$props3.animated,
-      swipeable = _this$props3.swipeable,
-      noRenderContent = _this$props3.noRenderContent,
-      prerenderingSiblingsNumber = _this$props3.prerenderingSiblingsNumber,
-      tabBarPosition = _this$props3.tabBarPosition;
+    const {
+      prefixCls,
+      children,
+      animated,
+      swipeable,
+      noRenderContent,
+      prerenderingSiblingsNumber,
+      tabBarPosition
+    } = this.props;
     const tabs = this.getTabs();
     let activeIndex = 0;
     if (Array.isArray(tabs)) {

package/lib/Tabs/index.js

@@ -1,35 +1,38 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DefaultTabBar = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcTabs = require("rmc-tabs");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class DefaultTabBar extends _rmcTabs.DefaultTabBar {}
 exports.DefaultTabBar = DefaultTabBar;
-DefaultTabBar.defaultProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _rmcTabs.DefaultTabBar.defaultProps), {}, {
+DefaultTabBar.defaultProps = {
+  ..._rmcTabs.DefaultTabBar.defaultProps,
   prefixCls: 'am-tabs-default-bar'
-});
+};
 class Tabs extends React.PureComponent {
   constructor() {
     super(...arguments);
     this.renderTabBar = props => {
-      const renderTab = this.props.renderTab;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultTabBar, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      const {
+        renderTab
+      } = this.props;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultTabBar, {
+        ...props,
         renderTab: renderTab
-      }));
+      });
     };
   }
   render() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcTabs.Tabs, (0, _objectSpread2.default)({
-      renderTabBar: this.renderTabBar
-    }, this.props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcTabs.Tabs, {
+      renderTabBar: this.renderTabBar,
+      ...this.props
+    });
   }
 }
 exports.default = Tabs;

package/lib/TextEditor/index.js

@@ -16,7 +16,9 @@ class TextEditor extends _react.Component {
   constructor(props) {
     super(props);
     this.getValue = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       const text = (0, _utils.getTrimmedString)(value) || null;
       return text;
     };
@@ -57,10 +59,11 @@ class TextEditor extends _react.Component {
       });
     };
     this.onInputKeyDown = e => {
-      const _e$currentTarget = e.currentTarget,
-        selectionStart = _e$currentTarget.selectionStart,
-        selectionEnd = _e$currentTarget.selectionEnd,
-        value = _e$currentTarget.value;
+      const {
+        selectionStart,
+        selectionEnd,
+        value
+      } = e.currentTarget;
       if (e.keyCode === _constants.KeyCodes.Enter) {
         e.preventDefault();
         this.onBlur();
@@ -104,10 +107,13 @@ class TextEditor extends _react.Component {
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const _this$props = this.props,
-      oldValue = _this$props.value,
-      column = _this$props.column;
-    const newValue = nextProps.value;
+    const {
+      value: oldValue,
+      column
+    } = this.props;
+    const {
+      value: newValue
+    } = nextProps;
     if ((0, _cellComparer.isCellValueChanged)(oldValue, newValue, column.type)) {
       this.setState({
         value: newValue || ''
@@ -115,11 +121,14 @@ class TextEditor extends _react.Component {
     }
   }
   render() {
-    const _this$props2 = this.props,
-      column = _this$props2.column,
-      className = _this$props2.className,
-      placeholder = _this$props2.placeholder;
-    const value = this.state.value;
+    const {
+      column,
+      className,
+      placeholder
+    } = this.props;
+    const {
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
         type: "text",

package/lib/TextFormatter/index.js

@@ -23,9 +23,10 @@ class TextFormatter extends _react.default.Component {
     };
   }
   render() {
-    const _this$props = this.props,
-      containerClassName = _this$props.containerClassName,
-      value = _this$props.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container text-formatter', containerClassName);
     const formattedValue = this.getFormattedValue(value);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/TextareaItem/index.js

@@ -1,21 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
 var _exenv = require("../utils/exenv");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["prefixCls", "prefixListCls", "editable", "style", "clear", "children", "error", "className", "count", "labelNumber", "title", "onErrorClick", "autoHeight", "defaultValue"];
 /* tslint:disable:jsx-no-multiline-js */
+
 function noop() {}
 function fixControlledValue(value) {
   if (typeof value === 'undefined' || value === null) {
@@ -37,7 +35,7 @@ class TextareaItem extends React.Component {
     this.reAlignHeight = () => {
       const textareaDom = this.textareaRef;
       textareaDom.style.height = ''; // 字数减少时能自动减小高度
-      textareaDom.style.height = "".concat(textareaDom.scrollHeight, "px");
+      textareaDom.style.height = `${textareaDom.scrollHeight}px`;
     };
     this.onChange = e => {
       const value = e.target.value;
@@ -50,7 +48,9 @@ class TextareaItem extends React.Component {
           value
         });
       }
-      const onChange = this.props.onChange;
+      const {
+        onChange
+      } = this.props;
       if (onChange) {
         onChange(value);
       }
@@ -133,41 +133,45 @@ class TextareaItem extends React.Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      prefixCls = _this$props.prefixCls,
-      prefixListCls = _this$props.prefixListCls,
-      editable = _this$props.editable,
-      style = _this$props.style,
-      clear = _this$props.clear,
-      children = _this$props.children,
-      error = _this$props.error,
-      className = _this$props.className,
-      count = _this$props.count,
-      labelNumber = _this$props.labelNumber,
-      title = _this$props.title,
-      onErrorClick = _this$props.onErrorClick,
-      autoHeight = _this$props.autoHeight,
-      defaultValue = _this$props.defaultValue,
-      otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    const disabled = otherProps.disabled;
-    const _this$state = this.state,
-      value = _this$state.value,
-      focus = _this$state.focus;
+    const {
+      prefixCls,
+      prefixListCls,
+      editable,
+      style,
+      clear,
+      children,
+      error,
+      className,
+      count,
+      labelNumber,
+      title,
+      onErrorClick,
+      autoHeight,
+      defaultValue,
+      ...otherProps
+    } = this.props;
+    const {
+      disabled
+    } = otherProps;
+    const {
+      value,
+      focus
+    } = this.state;
     const hasCount = count > 0 && this.props.rows > 1;
-    const wrapCls = (0, _classnames.default)(className, "".concat(prefixListCls, "-item"), "".concat(prefixCls, "-item"), {
-      ["".concat(prefixCls, "-disabled")]: disabled,
-      ["".concat(prefixCls, "-item-single-line")]: this.props.rows === 1 && !autoHeight,
-      ["".concat(prefixCls, "-error")]: error,
-      ["".concat(prefixCls, "-focus")]: focus,
-      ["".concat(prefixCls, "-has-count")]: hasCount
+    const wrapCls = (0, _classnames.default)(className, `${prefixListCls}-item`, `${prefixCls}-item`, {
+      [`${prefixCls}-disabled`]: disabled,
+      [`${prefixCls}-item-single-line`]: this.props.rows === 1 && !autoHeight,
+      [`${prefixCls}-error`]: error,
+      [`${prefixCls}-focus`]: focus,
+      [`${prefixCls}-has-count`]: hasCount
     });
-    const labelCls = (0, _classnames.default)("".concat(prefixCls, "-label"), {
-      ["".concat(prefixCls, "-label-2")]: labelNumber === 2,
-      ["".concat(prefixCls, "-label-3")]: labelNumber === 3,
-      ["".concat(prefixCls, "-label-4")]: labelNumber === 4,
-      ["".concat(prefixCls, "-label-5")]: labelNumber === 5,
-      ["".concat(prefixCls, "-label-6")]: labelNumber === 6,
-      ["".concat(prefixCls, "-label-7")]: labelNumber === 7
+    const labelCls = (0, _classnames.default)(`${prefixCls}-label`, {
+      [`${prefixCls}-label-2`]: labelNumber === 2,
+      [`${prefixCls}-label-3`]: labelNumber === 3,
+      [`${prefixCls}-label-4`]: labelNumber === 4,
+      [`${prefixCls}-label-5`]: labelNumber === 5,
+      [`${prefixCls}-label-6`]: labelNumber === 6,
+      [`${prefixCls}-label-7`]: labelNumber === 7
     });
     const characterLength = countSymbols(value);
     const lengthCtrlProps = {};
@@ -187,28 +191,29 @@ class TextareaItem extends React.Component {
         className: labelCls,
         children: title
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-control"),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
-          ref: el => this.textareaRef = el
-        }, lengthCtrlProps), otherProps), {}, {
+        className: `${prefixCls}-control`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
+          ref: el => this.textareaRef = el,
+          ...lengthCtrlProps,
+          ...otherProps,
           value: value,
           onChange: this.onChange,
           onBlur: this.onBlur,
           onFocus: this.onFocus,
           readOnly: !editable,
           style: style
-        }))
+        })
       }), clear && editable && value && characterLength > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-        activeClassName: "".concat(prefixCls, "-clear-active"),
+        activeClassName: `${prefixCls}-clear-active`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-clear"),
+          className: `${prefixCls}-clear`,
           onClick: this.clearInput
         })
       }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-error-extra"),
+        className: `${prefixCls}-error-extra`,
         onClick: this.onErrorClick
       }), hasCount && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: "".concat(prefixCls, "-count"),
+        className: `${prefixCls}-count`,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: value ? characterLength : 0
         }), "/", count]

package/lib/Toast/index.js

@@ -27,8 +27,8 @@ function getMessageInstance(mask, callback) {
     // clear rmc-notification default style
     transitionName: 'am-fade',
     className: (0, _classnames.default)({
-      ["".concat(prefixCls, "-mask")]: mask,
-      ["".concat(prefixCls, "-nomask")]: !mask
+      [`${prefixCls}-mask`]: mask,
+      [`${prefixCls}-nomask`]: !mask
     })
   }, notification => callback && callback(notification));
 }
@@ -63,18 +63,18 @@ function notice(content, type) {
       duration,
       style: {},
       content: iconType ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "".concat(prefixCls, "-text ").concat(prefixCls, "-text-icon"),
+        className: `${prefixCls}-text ${prefixCls}-text-icon`,
         role: "alert",
         "aria-live": "assertive",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
           type: iconType,
           size: "lg"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-text-info"),
+          className: `${prefixCls}-text-info`,
           children: content
         })]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-text"),
+        className: `${prefixCls}-text`,
         role: "alert",
         "aria-live": "assertive",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -124,9 +124,10 @@ const Toast = {
   },
   config() {
     let conf = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const _conf$duration = conf.duration,
-      duration = _conf$duration === void 0 ? SHORT : _conf$duration,
-      mask = conf.mask;
+    const {
+      duration = SHORT,
+      mask
+    } = conf;
     config.duration = duration;
     if (mask === false) {
       config.mask = false;

package/lib/UrlFormatter/index.js

@@ -11,9 +11,10 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class UrlFormatter extends _react.default.Component {
   render() {
-    const _this$props = this.props,
-      containerClassName = _this$props.containerClassName,
-      value = _this$props.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container url-formatter', containerClassName);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       title: value,

package/lib/common/editor-base.js

@@ -15,17 +15,22 @@ class EditorBase extends _react.default.Component {
   }
   getValue() {
     const updated = {};
-    const column = this.props.column;
-    const type = column.type,
-      key = column.key,
-      data = column.data;
+    const {
+      column
+    } = this.props;
+    const {
+      type,
+      key,
+      data
+    } = column;
     let value = this.getInputNode().value;
     if (type === _dtableUtils.CellType.TEXT) {
       value = value ? value.trim() : '';
     } else if (type === _dtableUtils.CellType.NUMBER) {
-      let _ref = data || {},
-        precision = _ref.precision,
-        enable_precision = _ref.enable_precision;
+      let {
+        precision,
+        enable_precision
+      } = data || {};
       if (enable_precision && (0, _dtableUtils.isNumber)(value)) {
         value = Number(value.toFixed(precision));
       }

package/lib/formatterConfig/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _baseFormatterConfig = _interopRequireDefault(require("./base-formatter-config"));
 var _LinkFormatter = _interopRequireDefault(require("../LinkFormatter"));
 var _FormulaFormatter = _interopRequireDefault(require("../FormulaFormatter"));
 var _jsxRuntime = require("react/jsx-runtime");
-const FormatterConfig = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _baseFormatterConfig.default), {}, {
+const FormatterConfig = {
+  ..._baseFormatterConfig.default,
   [_dtableUtils.CellType.FORMULA]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormulaFormatter.default, {}),
   [_dtableUtils.CellType.LINK]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkFormatter.default, {})
-});
+};
 var _default = exports.default = FormatterConfig;

package/lib/hooks/common-hooks.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.useClickOutside = void 0;
 var _react = require("react");
 const useClickOutside = (_ref, deps) => {
-  let currDOM = _ref.currDOM,
-    onClickOutside = _ref.onClickOutside;
+  let {
+    currDOM,
+    onClickOutside
+  } = _ref;
   (0, _react.useEffect)(() => {
     const onMousedown = event => {
       if (currDOM && event && currDOM.contains(event.target)) {

package/lib/select-editor/index.js

@@ -6,34 +6,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["isMobile"];
 const SelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let isMobile = _ref.isMobile,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  let {
+    isMobile,
+    ...props
+  } = _ref;
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     ref: ref
-  }));
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(min-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/select-editor/mb-editor/index.js

@@ -12,23 +12,31 @@ var _MobileSelector = _interopRequireDefault(require("../../MobileSelector"));
 var _DTableCommonAddTool = _interopRequireDefault(require("../../DTableCommonAddTool"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const Search = _MobileSelector.default.Search,
-  Option = _MobileSelector.default.Option,
-  Options = _MobileSelector.default.Options,
-  Empty = _MobileSelector.default.Empty;
+const {
+  Search,
+  Option,
+  Options,
+  Empty
+} = _MobileSelector.default;
 class MBSelectEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onChangeSearch = newValue => {
-      const searchVal = this.state.searchVal;
+      const {
+        searchVal
+      } = this.state;
       if (searchVal === newValue) return;
       this.setState({
         searchVal: newValue
       });
     };
     this.getDisplayOptions = () => {
-      const options = this.props.options;
-      const searchVal = this.state.searchVal;
+      const {
+        options
+      } = this.props;
+      const {
+        searchVal
+      } = this.state;
       return searchVal ? options.filter(item => item.name.indexOf(searchVal) > -1) : options;
     };
     this.onChange = option => {
@@ -44,10 +52,10 @@ class MBSelectEditor extends _react.default.Component {
       }
     };
     this.renderOptions = options => {
-      const _this$props = this.props,
-        _this$props$value = _this$props.value,
-        value = _this$props$value === void 0 ? [] : _this$props$value,
-        valueKey = _this$props.valueKey;
+      const {
+        value = [],
+        valueKey
+      } = this.props;
       return options.map(option => {
         const isSelected = value.includes(option[valueKey]);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(Option, {
@@ -64,12 +72,15 @@ class MBSelectEditor extends _react.default.Component {
     };
   }
   render() {
-    const _this$props2 = this.props,
-      column = _this$props2.column,
-      isSupportNewOption = _this$props2.isSupportNewOption,
-      options = _this$props2.options,
-      onAddNewOption = _this$props2.onAddNewOption;
-    const searchVal = this.state.searchVal;
+    const {
+      column,
+      isSupportNewOption,
+      options,
+      onAddNewOption
+    } = this.props;
+    const {
+      searchVal
+    } = this.state;
     const displayOptions = this.getDisplayOptions();
     const isShowCreateBtn = isSupportNewOption && onAddNewOption && !!searchVal && !options.find(item => item.name !== searchVal);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileSelector.default, {