dtable-ui-component 6.0.29-beta2 → 6.0.29-beta4

package/lib/RowExpandFormatter/index.css

@@ -1,9 +1,9 @@
-.dtable-ui.dtable-row-expand-formatter {
+.dtable-ui.dtable-ui-row-expand-formatter {
   width: 100%;
   max-width: 100%;
 }
 
-.dtable-ui.dtable-row-expand-formatter .row-cell-empty {
+.dtable-ui.dtable-ui-row-expand-formatter .row-cell-empty {
   height: 8px;
   width: 20px;
   background-color: #f1f1f1;
@@ -11,14 +11,14 @@
   display: inline-block;
 }
 
-.dtable-ui.dtable-row-expand-formatter .dtable-ui.collaborator-item {
+.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.collaborator-item {
   margin: 5px 10px 5px 0;
 }
 
-.dtable-ui.dtable-row-expand-formatter .dtable-ui.formula-formatter,
-.dtable-ui.dtable-row-expand-formatter .dtable-ui.text-formatter,
-.dtable-ui.dtable-row-expand-formatter .dtable-ui.url-formatter,
-.dtable-ui.dtable-row-expand-formatter .dtable-ui.email-formatter {
+.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.formula-formatter,
+.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.text-formatter,
+.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.url-formatter,
+.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.email-formatter {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -27,11 +27,11 @@
   width: 100%;
 }
 
-.dtable-ui.dtable-row-expand-formatter .dtable-ui.multiple-select-formatter .dtable-ui.select-item {
+.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.multiple-select-formatter .dtable-ui.select-item {
   margin: 5px 0;
 }
 
-.dtable-ui.dtable-row-expand-formatter .dtable-ui.geolocation-formatter {
+.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.geolocation-formatter {
   width: fit-content;
   min-width: 80px;
   max-width: 100%;
@@ -45,19 +45,19 @@
   text-align: center;
 }
 
-.dtable-ui.dtable-row-expand-formatter .form-control {
+.dtable-ui.dtable-ui-row-expand-formatter .form-control {
   background-color: #f8f9fa;
   padding: 0 10px;
   height: fit-content;
   min-height: 2.375rem;
 }
 
-.dtable-ui.dtable-row-expand-formatter .ctime-formatter-container,
-.dtable-ui.dtable-row-expand-formatter .mtime-formatter-container {
+.dtable-ui.dtable-ui-row-expand-formatter .ctime-formatter-container,
+.dtable-ui.dtable-ui-row-expand-formatter .mtime-formatter-container {
   padding: 0.375rem 0.75rem;
 }
 
-.dtable-ui.dtable-row-expand-formatter .checkbox-formatter-container {
+.dtable-ui.dtable-ui-row-expand-formatter .checkbox-formatter-container {
   width: 24px;
   height: 24px;
   border: 2px solid #e0e0e0;
@@ -66,11 +66,11 @@
   justify-content: center;
 }
 
-.dtable-ui.dtable-row-expand-formatter .checkbox-formatter-container .cell-formatter-container {
+.dtable-ui.dtable-ui-row-expand-formatter .checkbox-formatter-container .cell-formatter-container {
   line-height: inherit;
 }
 
-.dtable-ui.dtable-row-expand-formatter .button-formatter {
+.dtable-ui.dtable-ui-row-expand-formatter .button-formatter {
   text-align: center;
   height: 26px;
   line-height: 14px;
@@ -91,7 +91,7 @@
   letter-spacing: .03em;
 }
 
-.dtable-ui.dtable-row-expand-formatter .longtext-formatter-container {
+.dtable-ui.dtable-ui-row-expand-formatter .longtext-formatter-container {
   border: 1px solid rgba(0, 40, 100, 0.12);
   border-radius: 3px;
   padding: 0.375rem 0.75rem;
@@ -99,13 +99,13 @@
   background-color: #fff;
 }
 
-.dtable-ui.dtable-row-expand-formatter .dtable-ui-geolocation-formatter-container {
+.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui-geolocation-formatter-container {
   margin-top: 0.5rem;
   display: flex;
   align-items: center;
 }
 
-.dtable-ui.dtable-row-expand-formatter .dtable-link-formatter {
+.dtable-ui.dtable-ui-row-expand-formatter .dtable-link-formatter {
   padding-top: 8px;
 }
 
@@ -134,3 +134,18 @@
   align-items: center;
   justify-content: space-between;
 }
+
+.mobile-dtable-row-expand-rate-formatter .dtable-ui-row-expand-rate-formatter .dtable-font {
+  font-size: 24px;
+  margin-right: 0.25rem;
+}
+
+.mobile-dtable-row-expand-formula-formatter .dtable-ui-row-expand-formula-formatter.text-right {
+  text-align: left !important;
+}
+
+.mobile-dtable-row-expand-link-formula-formatter .dtable-ui.formula-formatter.multiple {
+  height: auto;
+  display: flex;
+  flex-wrap: wrap;
+}

package/lib/RowExpandFormatter/index.js

@@ -382,7 +382,7 @@ class RowExpandFormatter extends _react.default.Component {
       className
     } = this.props;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui dtable-row-expand-formatter', className)
+      className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-formatter', className)
     }, this.renderFormatter());
   }
 }

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

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

package/lib/SelectItem/index.js

@@ -1,41 +1,65 @@
 "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 = _interopRequireDefault(require("react"));
-class SelectItem extends _react.default.PureComponent {
-  constructor() {
-    super(...arguments);
-    this.getStyle = (option, fontSize) => {
-      return {
-        display: 'inline-block',
-        padding: '0px 10px',
-        marginRight: '8px',
-        height: '20px',
-        lineHeight: '20px',
-        textAlign: 'center',
-        borderRadius: '10px',
-        maxWidth: '250px',
-        fontSize: fontSize ? "".concat(fontSize, "px") : '13px',
-        backgroundColor: option.color,
-        color: option.textColor || null
-      };
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+const SelectItem = _ref => {
+  let {
+    option,
+    fontSize,
+    className,
+    isShowRemove,
+    onRemove
+  } = _ref;
+  const style = (0, _react.useMemo)(() => {
+    return {
+      display: 'flex',
+      alignItems: 'center',
+      padding: '0px 10px',
+      marginRight: 8,
+      height: 20,
+      lineHeight: '20px',
+      textAlign: 'center',
+      borderRadius: 10,
+      width: 'min-content',
+      maxWidth: 300,
+      margin: '5px 10px 5px 0',
+      fontSize: fontSize || 13,
+      backgroundColor: option.color,
+      color: option.textColor || null
     };
-  }
-  render() {
-    let {
-      option,
-      fontSize
-    } = this.props;
-    const style = this.getStyle(option, fontSize);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui select-item text-truncate",
-      style: style,
-      title: option.name
-    }, option.name);
-  }
-}
-exports.default = SelectItem;
+  }, [option, fontSize]);
+  const opBtnStyle = (0, _react.useMemo)(() => {
+    const textColor = option.textColor || null;
+    return {
+      cursor: 'pointer',
+      color: textColor === '#FFFFFF' ? '#FFFFFF' : '#909090',
+      marginLeft: 5
+    };
+  }, [option]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('dtable-ui dtable-ui-select-item', className),
+    style: style
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "dtable-ui-select-item-name text-truncate",
+    title: option.name
+  }, option.name), isShowRemove && /*#__PURE__*/_react.default.createElement("div", {
+    className: "dtable-ui-select-item-operation-btn",
+    style: opBtnStyle,
+    onClick: onRemove
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "dtable-font dtable-icon-fork-number",
+    style: {
+      fontSize: '12px',
+      transform: 'scale(0.8)',
+      display: 'inline-block',
+      lineHeight: '12px'
+    }
+  })));
+};
+var _default = exports.default = SelectItem;

package/lib/{Department-editor/selected-departments → SelectedDepartments}/index.css

@@ -1,4 +1,3 @@
-
 .selected-departments.dtable-ui .remove-container {
   width: 16px;
   text-align: right;

package/lib/{Department-editor/selected-departments → SelectedDepartments}/index.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
-var _constants = require("../constants");
-var _lang = require("../../lang");
+var _departments = require("../constants/departments");
+var _lang = require("../lang");
 require("./index.css");
 function SelectedDepartments(_ref) {
   let {
@@ -26,7 +26,7 @@ function SelectedDepartments(_ref) {
   }, [departments]);
   const dom = Array.isArray(value) ? value.map((content, index) => {
     if ([_dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT, _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB].includes(content)) {
-      const name = (0, _lang.getLocale)(_constants.DEPARTMENT_SELECT_RANGE_OPTIONS.find(option => option.type === content).name);
+      const name = (0, _lang.getLocale)(_departments.DEPARTMENT_SELECT_RANGE_OPTIONS.find(option => option.type === content).name);
       return /*#__PURE__*/_react.default.createElement("div", {
         key: "department-".concat(index),
         className: "department mr-1"

package/lib/SingleSelectEditor/index.js

@@ -1,27 +1,22 @@
 "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 = _interopRequireDefault(require("react"));
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _selectEditor = require("../select-editor");
-const SingleSelectEditor = _ref => {
+var _react = _interopRequireWildcard(require("react"));
+var _selectEditor = _interopRequireDefault(require("../select-editor"));
+const SingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     value: oldValue,
     ...props
   } = _ref;
   const value = oldValue ? [oldValue] : [];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_selectEditor.PCSelectEditor, Object.assign({}, props, {
-    value: value
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 767.8px)"
-  }, /*#__PURE__*/_react.default.createElement(_selectEditor.MBSelectEditor, Object.assign({}, props, {
-    value: value
-  }))));
-};
+  return /*#__PURE__*/_react.default.createElement(_selectEditor.default, Object.assign({}, props, {
+    value: value,
+    ref: ref
+  }));
+});
 var _default = exports.default = SingleSelectEditor;

package/lib/SvgIcon/index.js

@@ -6,30 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _constants = require("../constants");
 require("./index.css");
-const iconComponents = {};
-const requireContext = require.context('../assets/icons', false, /\.svg$/);
-requireContext.keys().forEach(path => {
-  const iconName = path.replace(/^\.\/(.*?)\.svg$/, '$1').toLowerCase();
-  iconComponents[iconName] = requireContext(path).default;
-});
-const SvgIcon = _ref => {
-  let {
+const needScaleIcons = ['check', 'dot', 'cross'];
+const SvgIcon = props => {
+  const {
     className,
     symbol,
     color
-  } = _ref;
-  if (!symbol) return null;
-  const iconClass = "dtable-ui-multicolor-icon multicolor-icon-".concat(symbol, " ").concat(className || '');
-  const props = {
+  } = props;
+  let iconClass = "dtable-ui-multicolor-icon multicolor-icon-".concat(symbol, " ").concat(className || '');
+  if (needScaleIcons.includes(symbol) && _constants.isMobile) {
+    iconClass += ' scale-icon';
+  }
+  return /*#__PURE__*/_react.default.createElement("svg", {
     className: iconClass,
-    style: {
-      fill: color
-    },
-    ariaHidden: 'true'
-  };
-  const IconComponent = iconComponents[symbol];
-  if (!IconComponent) return null;
-  return /*#__PURE__*/_react.default.createElement(IconComponent, props);
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement("use", {
+    fill: color,
+    xlinkHref: "#".concat(symbol)
+  }));
 };
 var _default = exports.default = SvgIcon;

package/lib/constants/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SIMPLE_CELL_FORMULA_RESULTS = exports.SIMPLE_CELL_COLUMNS = exports.ROW_EXPAND_FOCUS_STYLE = exports.ROW_EXPAND_BTN_FOCUS_STYLE = exports.NUMBER_TYPES = exports.LONG_TEXT_LENGTH_LIMIT = exports.LONG_TEXT_EXCEED_LIMIT_SUGGEST = exports.LONG_TEXT_EXCEED_LIMIT_MESSAGE = exports.KeyCodes = exports.FORMAT_REG_EXP_LIST = exports.FILE_EDITOR_STATUS = exports.EVENT_BUS_TYPE = exports.DELETED_OPTION_TIPS = exports.DELETED_OPTION_BACKGROUND_COLOR = exports.DEFAULT_CHECKBOX_MARK_STYLE = exports.DATE_TYPES = exports.ARRAY_FORMAT_COLUMNS = void 0;
+exports.isMobile = exports.SIMPLE_CELL_FORMULA_RESULTS = exports.SIMPLE_CELL_COLUMNS = exports.ROW_EXPAND_FOCUS_STYLE = exports.ROW_EXPAND_BTN_FOCUS_STYLE = exports.NUMBER_TYPES = exports.LONG_TEXT_LENGTH_LIMIT = exports.LONG_TEXT_EXCEED_LIMIT_SUGGEST = exports.LONG_TEXT_EXCEED_LIMIT_MESSAGE = exports.KeyCodes = exports.FORMAT_REG_EXP_LIST = exports.FILE_EDITOR_STATUS = exports.EVENT_BUS_TYPE = exports.DELETED_OPTION_TIPS = exports.DELETED_OPTION_BACKGROUND_COLOR = exports.DEFAULT_CHECKBOX_MARK_STYLE = exports.DATE_TYPES = exports.ARRAY_FORMAT_COLUMNS = void 0;
 var _dtableUtils = require("dtable-utils");
 var _keyCodes = _interopRequireDefault(require("./key-codes"));
 const NUMBER_TYPES = exports.NUMBER_TYPES = {
@@ -53,4 +53,5 @@ const LONG_TEXT_LENGTH_LIMIT = exports.LONG_TEXT_LENGTH_LIMIT = 10 * 10000;
 const FILE_EDITOR_STATUS = exports.FILE_EDITOR_STATUS = {
   PREVIEWER: 'previewer',
   ADDITION: 'addition'
-};
+};
+const isMobile = exports.isMobile = typeof window !== 'undefined' && (window.innerWidth < 768 || navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null);

package/lib/css/mb-cell-editor.css

@@ -1,4 +1,4 @@
-@media screen and (max-width: 767.8px) {
+@media screen and (max-width: 768px) {
   .dtable-ui-mb-editor-popover {
     position: fixed;
     top: 0;

package/lib/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "AutoNumberFormatter", {
     return _AutoNumberFormatter.default;
   }
 });
+Object.defineProperty(exports, "BodyPortal", {
+  enumerable: true,
+  get: function () {
+    return _BodyPortal.default;
+  }
+});
 Object.defineProperty(exports, "ButtonFormatter", {
   enumerable: true,
   get: function () {
@@ -178,16 +184,16 @@ Object.defineProperty(exports, "DateFormatter", {
     return _DateFormatter.default;
   }
 });
-Object.defineProperty(exports, "DepartmentEditor", {
+Object.defineProperty(exports, "DepartmentSelectFilter", {
   enumerable: true,
   get: function () {
-    return _DepartmentEditor.default;
+    return _DepartmentSelectFilter.default;
   }
 });
-Object.defineProperty(exports, "DepartmentSelectFilter", {
+Object.defineProperty(exports, "DepartmentSingleSelectEditor", {
   enumerable: true,
   get: function () {
-    return _DepartmentSelectFilter.default;
+    return _DepartmentSingleSelectEditor.default;
   }
 });
 Object.defineProperty(exports, "DepartmentSingleSelectFormatter", {
@@ -334,6 +340,36 @@ Object.defineProperty(exports, "MTimeFormatter", {
     return _MTimeFormatter.default;
   }
 });
+Object.defineProperty(exports, "MobileFullScreenPage", {
+  enumerable: true,
+  get: function () {
+    return _MobileFullScreenPage.default;
+  }
+});
+Object.defineProperty(exports, "MobileModal", {
+  enumerable: true,
+  get: function () {
+    return _MobileModal.default;
+  }
+});
+Object.defineProperty(exports, "MobileOperationSheet", {
+  enumerable: true,
+  get: function () {
+    return _MobileOperationSheet.default;
+  }
+});
+Object.defineProperty(exports, "MobileSelector", {
+  enumerable: true,
+  get: function () {
+    return _MobileSelector.default;
+  }
+});
+Object.defineProperty(exports, "MobileUpload", {
+  enumerable: true,
+  get: function () {
+    return _MobileUpload.default;
+  }
+});
 Object.defineProperty(exports, "ModalPortal", {
   enumerable: true,
   get: function () {
@@ -382,10 +418,16 @@ Object.defineProperty(exports, "RoleStatusEditor", {
     return _RoleStatusEditor.default;
   }
 });
+Object.defineProperty(exports, "RowExpand", {
+  enumerable: true,
+  get: function () {
+    return _RowExpand.default;
+  }
+});
 Object.defineProperty(exports, "RowExpandDialog", {
   enumerable: true,
   get: function () {
-    return _RowExpandDialog.default;
+    return _pcExpand.default;
   }
 });
 Object.defineProperty(exports, "RowExpandEditor", {
@@ -400,6 +442,12 @@ Object.defineProperty(exports, "RowExpandFormatter", {
     return _RowExpandFormatter.default;
   }
 });
+Object.defineProperty(exports, "RowExpandView", {
+  enumerable: true,
+  get: function () {
+    return _mbExpand.default;
+  }
+});
 Object.defineProperty(exports, "SelectItem", {
   enumerable: true,
   get: function () {
@@ -424,6 +472,12 @@ Object.defineProperty(exports, "SingleSelectFormatter", {
     return _SingleSelectFormatter.default;
   }
 });
+Object.defineProperty(exports, "SvgIcon", {
+  enumerable: true,
+  get: function () {
+    return _SvgIcon.default;
+  }
+});
 Object.defineProperty(exports, "TextEditor", {
   enumerable: true,
   get: function () {
@@ -501,11 +555,13 @@ var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("./Departm
 var _SimpleLongTextFormatter = _interopRequireDefault(require("./SimpleLongTextFormatter"));
 var _RowExpandFormatter = _interopRequireDefault(require("./RowExpandFormatter"));
 var _RowExpandEditor = _interopRequireDefault(require("./RowExpandEditor"));
-var _RowExpandDialog = _interopRequireDefault(require("./RowExpandDialog"));
+var _RowExpand = _interopRequireDefault(require("./RowExpand"));
+var _pcExpand = _interopRequireDefault(require("./RowExpand/pc-expand"));
+var _mbExpand = _interopRequireDefault(require("./RowExpand/mb-expand"));
 var _CheckboxEditor = _interopRequireDefault(require("./CheckboxEditor"));
 var _CollaboratorEditor = _interopRequireDefault(require("./CollaboratorEditor"));
 var _DateEditor = _interopRequireDefault(require("./DateEditor"));
-var _DepartmentEditor = _interopRequireDefault(require("./Department-editor"));
+var _DepartmentSingleSelectEditor = _interopRequireDefault(require("./DepartmentSingleSelectEditor"));
 var _DigitalSignEditor = _interopRequireDefault(require("./DigitalSignEditor"));
 var _DurationEditor = _interopRequireDefault(require("./DurationEditor"));
 var _EmailEditor = _interopRequireDefault(require("./EmailEditor"));
@@ -542,4 +598,11 @@ var _CollapsibleSettingLayout = _interopRequireDefault(require("./CollapsibleSet
 var _DTableRadioGroup = _interopRequireDefault(require("./DTableRadioGroup"));
 var _DTableEmptyTip = _interopRequireDefault(require("./DTableEmptyTip"));
 var _IconButton = _interopRequireDefault(require("./IconButton"));
-var _UploadProgress = _interopRequireDefault(require("./UploadProgress"));
+var _UploadProgress = _interopRequireDefault(require("./UploadProgress"));
+var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));
+var _BodyPortal = _interopRequireDefault(require("./BodyPortal"));
+var _MobileModal = _interopRequireDefault(require("./MobileModal"));
+var _MobileOperationSheet = _interopRequireDefault(require("./MobileOperationSheet"));
+var _MobileUpload = _interopRequireDefault(require("./MobileUpload"));
+var _MobileSelector = _interopRequireDefault(require("./MobileSelector"));
+var _MobileFullScreenPage = _interopRequireDefault(require("./MobileFullScreenPage"));

package/lib/locales/de.json

@@ -163,5 +163,7 @@
   "Mark_as_resolved": "Als erledigt markieren",
   "No_comment_yet": "Es sind keine Kommentare vorhanden.",
   "Add_comment": "Kommentar hinzufügen",
-  "Add_participants": "Teilnehmer hinzufügen"
+  "Add_participants": "Teilnehmer hinzufügen",
+  "Edit_long_text": "Langtext bearbeiten",
+  "Choose_a_department": "Bereich wählen"
 }

package/lib/locales/en.json

@@ -163,5 +163,7 @@
   "Mark_as_resolved": "Mark as resolved",
   "No_comment_yet": "No comment yet",
   "Add_comment": "Add comment",
-  "Add_participants": "Add participants"
+  "Add_participants": "Add participants",
+  "Edit_long_text": "Edit long text",
+  "Choose_a_department": "Choose a department"
 }

package/lib/locales/es.json

@@ -163,5 +163,7 @@
   "Mark_as_resolved": "Marcar como resuelto",
   "No_comment_yet": "No comment yet",
   "Add_comment": "Añadir comentario",
-  "Add_participants": "Añadir participantes"
+  "Add_participants": "Añadir participantes",
+  "Edit_long_text": "Edit long text",
+  "Choose_a_department": "Choose a department"
 }

package/lib/locales/fr.json

@@ -163,5 +163,7 @@
   "Mark_as_resolved": "Marquer comme résolu",
   "No_comment_yet": "Aucun commentaire n'est disponible.",
   "Add_comment": "Ajouter un commentaire",
-  "Add_participants": "Ajouter des participants"
+  "Add_participants": "Ajouter des participants",
+  "Edit_long_text": "Modifier le texte long",
+  "Choose_a_department": "Sélectionner un département"
 }

package/lib/locales/pt.json

@@ -163,5 +163,7 @@
   "Mark_as_resolved": "Marca conforme resolvido",
   "No_comment_yet": "No comment yet",
   "Add_comment": "Adicionar comentário",
-  "Add_participants": "Adicione participantes"
+  "Add_participants": "Adicione participantes",
+  "Edit_long_text": "Editar texto longo",
+  "Choose_a_department": "Choose a department"
 }

package/lib/locales/ru.json

@@ -163,5 +163,7 @@
   "Mark_as_resolved": "Пометить как разрешенный",
   "No_comment_yet": "Пока без комментариев",
   "Add_comment": "Добавить комментарий",
-  "Add_participants": "Добавить участников"
+  "Add_participants": "Добавить участников",
+  "Edit_long_text": "Редактировать длинный текст",
+  "Choose_a_department": "Выберите отдел"
 }

package/lib/locales/zh-CN.json

@@ -163,5 +163,7 @@
   "Mark_as_resolved": "标记为已解决",
   "No_comment_yet": "暂无评论",
   "Add_comment": "增加评论",
-  "Add_participants": "添加参与人"
+  "Add_participants": "添加参与人",
+  "Edit_long_text": "编辑长文本",
+  "Choose_a_department": "选择一个部门"
 }

package/lib/select-editor/index.js

@@ -1,27 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "MBSelectEditor", {
-  enumerable: true,
-  get: function () {
-    return _mbSelectEditor.default;
-  }
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactResponsive = _interopRequireDefault(require("react-responsive"));
+var _pcEditor = _interopRequireDefault(require("./pc-editor"));
+var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+const SelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    isMobile,
+    ...props
+  } = _ref;
+  if (isMobile === false) return /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
+    ref: ref
+  }));
+  if (isMobile === true) return /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
+    ref: ref
+  }));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    query: "(min-width: 768px)"
+  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
+    ref: ref
+  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    query: "(max-width: 768px)"
+  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
+    ref: ref
+  }))));
 });
-Object.defineProperty(exports, "PCSelectEditor", {
-  enumerable: true,
-  get: function () {
-    return _pcSelectEditor.default;
-  }
-});
-Object.defineProperty(exports, "SelectEditorOption", {
-  enumerable: true,
-  get: function () {
-    return _selectEditorOption.default;
-  }
-});
-var _mbSelectEditor = _interopRequireDefault(require("./mb-select-editor"));
-var _pcSelectEditor = _interopRequireDefault(require("./pc-select-editor"));
-var _selectEditorOption = _interopRequireDefault(require("./select-editor-option"));
+var _default = exports.default = SelectEditor;

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

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