dtable-ui-component 6.0.29-beta9 → 6.0.29

package/lib/RowExpandFormatter/department-formatter/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _pcFormatter = _interopRequireDefault(require("./pc-formatter"));
-var _mbFormatter = _interopRequireDefault(require("./mb-formatter"));
-const RowExpandDepartmentFormatter = props => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: '(min-width: 768px)'
-  }, /*#__PURE__*/_react.default.createElement(_pcFormatter.default, props)), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: '(max-width: 768px)'
-  }, /*#__PURE__*/_react.default.createElement(_mbFormatter.default, props)));
-};
-var _default = exports.default = RowExpandDepartmentFormatter;

package/lib/RowExpandFormatter/department-formatter/mb-formatter.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
-function RowExpandMBDepartmentFormatter(_ref) {
-  let {
-    value,
-    departments
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter.default, {
-    value: value,
-    departments: departments
-  });
-}
-var _default = exports.default = RowExpandMBDepartmentFormatter;

package/lib/RowExpandFormatter/rate-formatter/index.css

@@ -1,5 +0,0 @@
-@import url('../../css/cell-formatter.css');
-
-.dtable-ui.dtable-ui-row-expand-formatter .dtable-rate-formatter .dtable-icon-rate {
-  padding-right: 5px;
-}

package/lib/RowExpandView/body/index.css

@@ -1,173 +0,0 @@
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-formatter {
-  min-height: 50px;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-formatter .form-control {
-  background-color: #fff;
-  border: none;
-  min-height: 50px !important;
-  height: 50px;
-  width: 100% !important;
-  padding: 0;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-formatter .longtext-formatter-container {
-  border: none;
-  border-radius: 0;
-  padding: 0;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-long-text-formatter {
-  overflow: hidden !important;
-  white-space: unset !important;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-long-text-formatter ol li a,
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-long-text-formatter ul li a,
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-long-text-formatter p a {
-  word-break: break-all;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-long-text-formatter thead tr {
-  min-height: 42px;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-long-text-formatter tbody tr {
-  font-weight: normal;
-  min-height: 42px;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-long-text-formatter .am-list-item {
-  height: unset;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-long-text-formatter .am-textarea-item {
-  padding: 0 1rem;
-  border-bottom: 1px solid #e9e9e9;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-long-text-formatter .am-textarea-item textarea {
-  font-size: 14px;
-  overflow-x: hidden;
-}
-
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-last-modifier-formatter,
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-creator-formatter,
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-button-formatter,
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-checkbox-formatter,
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-department-single-select-formatter {
-  display: flex;
-  align-items: center;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-formatter .collaborator-item {
-  max-width: 100%;
-  width: fit-content;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-formatter .collaborator-item .collaborator-name {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  display: inline-block;
-}
-
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-geolocation-formatter .dtable-ui-geolocation-formatter-container {
-  margin-top: 0;
-  min-height: inherit;
-  height: 100%;
-  width: 100%;
-}
-
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-geolocation-formatter .dtable-ui.geolocation-formatter {
-  background-color: inherit;
-  border: none;
-  padding: 16px 0;
-  width: 100%;
-  display: inline-block;
-  text-align: left;
-  height: unset;
-  line-height: 1.5;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-auto-number-formatter {
-  min-height: 50px;
-  padding: 16px 0;
-  line-height: 1.5;
-}
-
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-image-formatter .row-expand-image-formatter,
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-file-formatter .row-expand-file-formatter,
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-digital-sign-formatter {
-  width: 100%;
-  overflow-x: hidden;
-}
-
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-image-formatter .row-expand-item-image,
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-file-formatter .row-expand-item-file,
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-digital-sign-formatter .dtable-ui-row-expand-digital-sign-formatter {
-  height: auto;
-  max-height: 150px;
-  width: calc(50% - 10px);
-  margin: 5px 0;
-}
-
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-image-formatter .row-expand-item-image:nth-child(even),
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-file-formatter .row-expand-item-file:nth-child(even) {
-  margin-left: 20px;
-}
-
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-image-formatter .row-expand-item-image img,
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-file-formatter .row-expand-item-file img,
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-digital-sign-formatter .dtable-ui-row-expand-digital-sign-formatter img {
-  max-height: 100%;
-  max-width: 100%;
-  border-radius: 2px;
-}
-
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-collaborator-formatter .form-control {
-  height: fit-content;
-  min-height: 50px;
-}
-
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-collaborator-formatter .dtable-ui-row-expand-collaborator-formatter,
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-multiple-select-formatter .form-control {
-  padding: 10px 0;
-}
-
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-multiple-select-formatter .dtable-ui-row-expand-multiple-select-formatter {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-url-formatter,
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-email-formatter {
-  position: relative;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-url-formatter .row-expand-jump-link,
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-email-formatter .row-expand-jump-link {
-  right: 0;
-}
-
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-formatter .dtable-ui.url-formatter .url-formatter-value,
-.dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-formatter .dtable-ui.email-formatter .email-formatter-value {
-  width: calc(100% - 40px);
-  display: inline-block;
-}
-
-.dtable-ui-mobile-row-expand-body .mobile-dtable-row-expand-link-formatter {
-  padding: 13px 0;
-}
-
-.dtable-ui-mobile-row-expand-subtitle {
-  padding: 1rem 1rem 0.3125rem;
-  background-color: #f5f5f5;
-  border-top: 1px solid #e9e9e9;
-  border-bottom: 1px solid #e9e9e9;
-}
-
-.dtable-ui-mobile-row-expand-body .am-list-item {
-  height: unset;
-}

package/lib/RowExpandView/body/index.js

@@ -1,111 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dtableUtils = require("dtable-utils");
-var _columnContent = _interopRequireDefault(require("../column-content"));
-var _RowExpandEditor = _interopRequireDefault(require("../../RowExpandEditor"));
-var _RowExpandFormatter = _interopRequireDefault(require("../../RowExpandFormatter"));
-var _utils = require("../../utils/utils");
-require("./index.css");
-class Body extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    this.downloadImage = imageItemUrl => {
-      this.props.getDownLoadFiles([{
-        url: imageItemUrl
-      }]).then(res => {
-        const [downloadUrl] = res.data.urls;
-        (0, _utils.downloadFile)(downloadUrl);
-      }).catch(error => {
-        // todo
-      });
-    };
-    this.getCellValue = _ref => {
-      let {
-        row,
-        column
-      } = _ref;
-      if (!row || !column) return null;
-      const {
-        valueKey
-      } = this.props;
-      return row[column[valueKey]];
-    };
-    this.renderColumnValue = (row, column) => {
-      const {
-        component,
-        onChange,
-        className,
-        ...props
-      } = this.props;
-      const {
-        getDownLoadFiles
-      } = props;
-      const {
-        editable
-      } = column;
-      const {
-        editor,
-        formatter
-      } = component || {};
-      if (editable) {
-        return /*#__PURE__*/_react.default.createElement(_RowExpandEditor.default, Object.assign({}, props, {
-          column: column,
-          row: row,
-          component: editor,
-          onCommit: value => onChange(column, value)
-        }));
-      }
-      return /*#__PURE__*/_react.default.createElement(_RowExpandFormatter.default, Object.assign({}, props, {
-        className: (0, _classnames.default)('dtable-ui-mobile-row-expand-formatter', "mobile-dtable-row-expand-".concat(column.type, "-formatter"), className),
-        column: column,
-        row: row,
-        component: formatter,
-        downloadImage: getDownLoadFiles ? this.downloadImage : null
-      }));
-    };
-  }
-  render() {
-    const {
-      columns,
-      row,
-      placeholder
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-body dtable-ui-mobile-row-expand-body"
-    }, columns.length === 0 && placeholder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeholder), columns.map(column => {
-      const {
-        type,
-        data
-      } = column;
-      let isHasMore = false;
-      if (type === _dtableUtils.CellType.LINK_FORMULA) {
-        let {
-          array_type
-        } = data || {};
-        const value = this.getCellValue({
-          row,
-          column
-        });
-        const cellValue = (0, _utils.getFormulaArrayValue)(value, !(0, _utils.isArrayFormatColumn)(array_type));
-        if (cellValue.length >= 10) {
-          isHasMore = true;
-        }
-      }
-      return /*#__PURE__*/_react.default.createElement(_columnContent.default, {
-        column: column,
-        className: (0, _classnames.default)('', {
-          'is-has-more': isHasMore
-        }),
-        key: column.key
-      }, this.renderColumnValue(row, column));
-    }));
-  }
-}
-var _default = exports.default = Body;

package/lib/RowExpandView/column-content/index.css

@@ -1,27 +0,0 @@
-.dtable-ui-mobile-row-expand-item {
-  margin-bottom: 0px;
-  padding: 0 1rem;
-  background-color: #fff;
-  min-height: unset;
-}
-
-.dtable-ui-mobile-row-expand-item .dtable-ui-mobile-row-expand-item-title {
-  background-color: #f5f5f5;
-  border-bottom: 1px solid #e9e9e9;
-  border-top: 1px solid #e9e9e9;
-  margin: 0 -1rem;
-  padding: 0.625rem 1rem 0;
-  display: flex;
-}
-
-.dtable-ui-mobile-row-expand-item .dtable-ui-mobile-row-expand-item-title label {
-  margin-bottom: 5px;
-  font-weight: bold;
-  font-size: 14px;
-}
-
-.dtable-ui-mobile-row-expand-item .dtable-ui-mobile-column-uneditable-tip {
-  font-size: 14px;
-  margin-left: 4px;
-  color: #ccc;
-}

package/lib/RowExpandView/column-content/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-require("./index.css");
-const ColumnContent = _ref => {
-  let {
-    column,
-    children
-  } = _ref;
-  const {
-    name
-  } = column;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-row-expand-item"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-row-expand-item-title"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, name)), children);
-};
-var _default = exports.default = ColumnContent;

package/lib/RowExpandView/index.css

@@ -1,3 +0,0 @@
-.dtable-ui-mobile-row-expand-full-screen-page .dtable-ui-mobile-row-expand-body .dtable-ui-mobile-row-expand-item:first-child .dtable-ui-mobile-row-expand-item-title {
-  border-top: 0;
-}

package/lib/RowExpandView/index.js

@@ -1,178 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dtableUtils = require("dtable-utils");
-var _toaster = _interopRequireDefault(require("../toaster"));
-var _Loading = _interopRequireDefault(require("../Loading"));
-var _body = _interopRequireDefault(require("./body"));
-var _lang = require("../lang");
-var _cellComparer = require("../utils/cell-comparer");
-var _MobileFullScreenPage = _interopRequireDefault(require("../MobileFullScreenPage"));
-require("./index.css");
-const {
-  Header,
-  Body: MobileFullScreenPageBody
-} = _MobileFullScreenPage.default;
-const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    saveImmediately = true,
-    readonly = false,
-    isInsertingRow = false,
-    zIndex,
-    title,
-    className,
-    valueKey = 'name',
-    // name or key
-    row: defaultRow,
-    columns: defaultColumns,
-    commit,
-    onToggle,
-    uploadFile,
-    copyURL,
-    children = [],
-    historyCallback,
-    ...otherProps
-  } = _ref;
-  const [isLoading, setLoading] = (0, _react.useState)(true);
-  const [isSaving, setSaving] = (0, _react.useState)(false);
-  const [row, setRow] = (0, _react.useState)({});
-  const [columns, setColumns] = (0, _react.useState)([]);
-  const isChangedRef = (0, _react.useRef)(false);
-  const update = (0, _react.useRef)({});
-  const checkEditable = (0, _react.useCallback)(column => {
-    if (isSaving) return false;
-    if (readonly || !column || !column.editable || _dtableUtils.NOT_SUPPORT_EDIT_COLUMN_TYPE_MAP[column.type]) return false;
-    if (column.type === _dtableUtils.CellType.IMAGE || column.type === _dtableUtils.CellType.FILE) return Boolean(uploadFile);
-    return true;
-  }, [readonly, isSaving, uploadFile]);
-  const initRowData = (0, _react.useCallback)(() => {
-    setLoading(true);
-    setRow(defaultRow);
-    let validColumns = defaultColumns.map(c => ({
-      ...c,
-      editable: checkEditable(c, defaultRow),
-      width: 320
-    }));
-    if (isInsertingRow) {
-      validColumns = validColumns.filter(c => c.editable);
-    }
-    isChangedRef.current = isInsertingRow && Object.keys(defaultRow).length > 0;
-    setColumns(validColumns);
-    setLoading(false);
-  }, [isInsertingRow, defaultColumns, defaultRow, checkEditable]);
-  const toggle = (0, _react.useCallback)(() => {
-    if (isSaving) return;
-    onToggle();
-  }, [isSaving, onToggle]);
-  const onSave = (0, _react.useCallback)(function (updated) {
-    let {
-      successCallback,
-      failCallback
-    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    commit(updated, columns, {
-      successCallback,
-      failCallback
-    });
-  }, [columns, commit]);
-  const onChange = (0, _react.useCallback)((column, value) => {
-    const key = column[valueKey];
-    const updated = {
-      [key]: value
-    };
-    const oldValue = row[key];
-    if (!(0, _cellComparer.isCellValueChanged)(oldValue, value, column.type)) return;
-    if (!saveImmediately || isInsertingRow) {
-      isChangedRef.current = true;
-      update.current = {
-        ...update.current,
-        ...updated
-      };
-      setRow({
-        ...row,
-        ...updated
-      });
-      return;
-    }
-    onSave(updated, {
-      successCallback: () => {
-        isChangedRef.current = false;
-        update.current = {};
-        setRow({
-          ...row,
-          ...updated
-        });
-      },
-      failCallback: () => {
-        _toaster.default.danger((0, _lang.getLocale)('Save_failed'));
-      }
-    });
-  }, [saveImmediately, isInsertingRow, row, valueKey, onSave]);
-  const onSubmit = (0, _react.useCallback)(() => {
-    setSaving(true);
-    const successCallback = isInsertingRow ? onToggle : () => {
-      isChangedRef.current = false;
-      update.current = {};
-      setSaving(false);
-    };
-    const failCallback = () => {
-      setSaving(false);
-      _toaster.default.danger((0, _lang.getLocale)('Save_failed'));
-    };
-    const newRow = isInsertingRow ? {
-      ...row,
-      ...update.current
-    } : update.current;
-    onSave(newRow, {
-      successCallback,
-      failCallback
-    });
-  }, [row, isInsertingRow, onSave, onToggle]);
-  (0, _react.useEffect)(() => {
-    initRowData();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  (0, _react.useImperativeHandle)(ref, () => ({
-    getData: () => ({
-      row,
-      columns
-    }),
-    setData: function () {
-      let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      Object.keys(data).forEach(key => {
-        if (key === 'row') {
-          setRow(data[key]);
-        }
-        if (key === 'columns') {
-          setColumns(data[key]);
-        }
-      });
-    }
-  }), [row, columns]);
-  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
-    className: (0, _classnames.default)('dtable-ui-mobile-row-expand-full-screen-page', className),
-    zIndex: zIndex || 100,
-    historyCallback: historyCallback
-  }, /*#__PURE__*/_react.default.createElement(Header, {
-    onLeftClick: toggle,
-    onRightClick: (!saveImmediately || isInsertingRow) && !(isSaving || !isChangedRef.current) ? onSubmit : null
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "dtable-font dtable-icon-return"
-  }), title, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (!saveImmediately || isInsertingRow) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Submit')))), /*#__PURE__*/_react.default.createElement(MobileFullScreenPageBody, null, isLoading ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-100 -h-100 d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/_react.default.createElement(_Loading.default, null)) : /*#__PURE__*/_react.default.createElement(_body.default, Object.assign({}, otherProps, {
-    row: row,
-    columns: columns,
-    valueKey: valueKey,
-    onChange: onChange,
-    uploadFile: uploadFile
-  }))));
-});
-RowExpandView.Body = _body.default;
-var _default = exports.default = RowExpandView;

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

@@ -1 +0,0 @@
-@import url('../../css/mb-cell-editor.css');

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

@@ -1,105 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lang = require("../../lang");
-var _SelectItem = _interopRequireDefault(require("../../SelectItem"));
-var _MobileSelector = _interopRequireDefault(require("../../MobileSelector"));
-var _DTableCommonAddTool = _interopRequireDefault(require("../../DTableCommonAddTool"));
-require("./index.css");
-const {
-  Search,
-  Option,
-  Options,
-  Empty
-} = _MobileSelector.default;
-class MBSelectEditor extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.onChangeSearch = newValue => {
-      const {
-        searchVal
-      } = this.state;
-      if (searchVal === newValue) return;
-      this.setState({
-        searchVal: newValue
-      });
-    };
-    this.getDisplayOptions = () => {
-      const {
-        options
-      } = this.props;
-      const {
-        searchVal
-      } = this.state;
-      return searchVal ? options.filter(item => item.name.indexOf(searchVal) > -1) : options;
-    };
-    this.onChange = option => {
-      this.props.onCommit(option);
-    };
-    this.onAddNewOption = event => {
-      event.stopPropagation();
-      event.nativeEvent.stopImmediatePropagation();
-      const name = this.state.searchValue.trim();
-      if (name) {
-        this.props.onAddNewOption(name);
-        this.props.onClose && this.props.onClose();
-      }
-    };
-    this.renderOptions = options => {
-      const {
-        value = [],
-        valueKey
-      } = this.props;
-      return options.map(option => {
-        const isSelected = value.includes(option[valueKey]);
-        return /*#__PURE__*/_react.default.createElement(Option, {
-          key: option[valueKey],
-          isSelected: isSelected,
-          onChange: this.onChange.bind(this, option)
-        }, /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
-          option: option
-        }));
-      });
-    };
-    this.state = {
-      searchVal: ''
-    };
-  }
-  render() {
-    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__*/_react.default.createElement(_MobileSelector.default, {
-      onClose: this.props.onClose,
-      title: column.name,
-      className: "dtable-ui-mobile-select-editor"
-    }, options.length > 10 && /*#__PURE__*/_react.default.createElement(Search, {
-      value: searchVal,
-      placeholder: (0, _lang.getLocale)('Search_option'),
-      onChange: this.onChangeSearch
-    }), /*#__PURE__*/_react.default.createElement(Options, null, displayOptions.length === 0 && /*#__PURE__*/_react.default.createElement(Empty, null, (0, _lang.getLocale)('No_options_available')), displayOptions.length > 0 && this.renderOptions(displayOptions), isShowCreateBtn && /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
-      footerName: (0, _lang.getLocale)('Add_option'),
-      callBack: this.onAddNewOption
-    })));
-  }
-}
-MBSelectEditor.defaultProps = {
-  isShowRemoveIcon: false,
-  isSupportNewOption: false,
-  value: [],
-  valueKey: 'id'
-};
-var _default = exports.default = MBSelectEditor;