@seafile/sdoc-editor 2.0.78-test-0.0.1 → 2.0.79

package/dist/components/doc-operations/revision-operations/revisions/revisions-dialog/revision-operation/index.js

@@ -18,7 +18,7 @@ const RevisionOperation = _ref => {
     updateOperatingRevision,
     onDeleteOtherRevision
   } = _ref;
-  const targetId = "sdoc-revision-".concat(revision.id);
+  const targetId = `sdoc-revision-${revision.id}`;
   const popoverRef = (0, _react.useRef)(null);
   const [isPopoverShow, setPopoverShow] = (0, _react.useState)(false);
   const toggle = (0, _react.useCallback)(() => {

package/dist/components/doc-operations/revision-operations/view-changes/index.js

@@ -39,21 +39,21 @@ const ViewChanges = _ref => {
     for (const item of searchParams.entries()) {
       if (item[0] !== REVISION_DIFF_KEY) {
         if (newParamsString) {
-          newParamsString = newParamsString + "&".concat(item[0], "=").concat(item[1]);
+          newParamsString = newParamsString + `&${item[0]}=${item[1]}`;
         } else {
-          newParamsString = "".concat(item[0], "=").concat(item[1]);
+          newParamsString = `${item[0]}=${item[1]}`;
         }
       }
     }
     if (!searchParams.has(REVISION_DIFF_KEY) && nextIsShowChanges) {
       if (newParamsString) {
-        newParamsString = newParamsString + "&".concat(REVISION_DIFF_KEY, "=").concat(REVISION_DIFF_VALUE);
+        newParamsString = newParamsString + `&${REVISION_DIFF_KEY}=${REVISION_DIFF_VALUE}`;
       } else {
-        newParamsString = "".concat(REVISION_DIFF_KEY, "=").concat(REVISION_DIFF_VALUE);
+        newParamsString = `${REVISION_DIFF_KEY}=${REVISION_DIFF_VALUE}`;
       }
     }
     const validPathName = url.pathname.endsWith('/') ? url.pathname : url.pathname + '/';
-    const newURL = "".concat(url.origin).concat(validPathName).concat(newParamsString ? '?' + newParamsString : '');
+    const newURL = `${url.origin}${validPathName}${newParamsString ? '?' + newParamsString : ''}`;
     window.history.replaceState(null, null, newURL);
     propsOnViewChangesToggle(nextIsShowChanges);
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/layout/content.js

@@ -6,18 +6,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-const _excluded = ["children", "className"];
 class Content extends _react.Component {
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        className
-      } = _this$props,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const {
+      children,
+      className,
+      ...restProps
+    } = this.props;
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: (0, _classnames.default)('sdoc-editor-page-content', className)
     }, restProps), children);

package/dist/layout/header.js

@@ -6,18 +6,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-const _excluded = ["children", "className"];
 class Header extends _react.Component {
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        className
-      } = _this$props,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const {
+      children,
+      className,
+      ...restProps
+    } = this.props;
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: (0, _classnames.default)('sdoc-editor-page-header d-flex justify-content-between align-items-center px-4', className)
     }, restProps), children);

package/dist/layout/layout.js

@@ -6,18 +6,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _basicSdk = require("../basic-sdk");
 var _localStorageUtils = _interopRequireDefault(require("../basic-sdk/utils/local-storage-utils"));
-const _excluded = ["children", "className"];
 const Layout = _ref => {
   let {
-      children,
-      className
-    } = _ref,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    children,
+    className,
+    ...restProps
+  } = _ref;
   const cacheHistoryFiles = () => {
     const isPublished = _basicSdk.context.getSetting('isPublished') || false;
     const isSdocRevision = _basicSdk.context.getSetting('isSdocRevision') || false;

package/dist/plugin-module/constants/index.js

@@ -17,12 +17,12 @@ const CHART_PREVIEW_TYPE = exports.CHART_PREVIEW_TYPE = {
 const SUPPORTED_SIDE_OPERATION_TYPE = exports.SUPPORTED_SIDE_OPERATION_TYPE = [SEATABLE_TABLE, SEATABLE_ROW];
 const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
   [SEATABLE_ROW]: {
-    id: "sdoc_".concat(SEATABLE_ROW),
+    id: `sdoc_${SEATABLE_ROW}`,
     iconClass: 'sdocfont sdoc-seatable-row',
     text: 'SeaTable_row'
   },
   [SEATABLE_COLUMN]: {
-    id: "sdoc_".concat(SEATABLE_COLUMN),
+    id: `sdoc_${SEATABLE_COLUMN}`,
     iconClass: 'sdocfont sdoc-choose-column',
     text: 'SeaTable_column'
   },
@@ -33,7 +33,7 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
     text: 'SeaTable_table'
   },
   [CHART]: {
-    id: "sdoc_".concat(CHART),
+    id: `sdoc_${CHART}`,
     iconClass: 'sdocfont sdoc-chart',
     text: 'chart'
   }

package/dist/plugin-module/editor/plugin-editor.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 = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
 var _deepCopy = _interopRequireDefault(require("deep-copy"));
@@ -168,9 +167,10 @@ const PluginEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     },
     // get value
     getSlateValue: () => {
-      return (0, _deepCopy.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, document), {}, {
+      return (0, _deepCopy.default)({
+        ...document,
         elements: slateValue
-      }));
+      });
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/plugin-module/gloable-ui/insert-element-dialog.js

@@ -51,7 +51,7 @@ const InsertElementDialog = _ref => {
   }, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
   const handleDisplayAlert = (0, _react.useCallback)(() => {
     setTimeout(() => {
-      _basicSdk.toaster.warning("".concat(t('The_current_version_does_not_support_>5MB_video_file')), {
+      _basicSdk.toaster.warning(`${t('The_current_version_does_not_support_>5MB_video_file')}`, {
         duration: 3
       });
     }, 0);

package/dist/plugin-module/plugins/chart/chart-edit-dialog/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _DTableModalHeader2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableModalHeader"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
@@ -28,7 +27,10 @@ const ChartEditDialog = _ref => {
   } = _ref;
   const [statItemData, setStatItemData] = (0, _react.useState)(element.stat_item || {});
   const onSettingChange = (0, _react.useCallback)(setting => {
-    const newStatItemData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, statItemData), setting);
+    const newStatItemData = {
+      ...statItemData,
+      ...setting
+    };
     setStatItemData(newStatItemData);
   }, [statItemData]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {

package/dist/plugin-module/plugins/chart/helpers.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isInsertChartMenuDisabled = exports.isInViewPort = exports.insertChart = exports.generateChartNode = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _seaChart = require("sea-chart");
 var _constants = require("../../../basic-sdk/extension/constants");
@@ -41,11 +39,13 @@ const generateChartNode = editor => {
     tables: []
   };
   const model = new _seaChart.ChartModel(initConfig.option, initConfig.tables);
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
-    stat_item: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, model), {}, {
+  return {
+    ...element,
+    stat_item: {
+      ...model,
       type: model.config.type
-    })
-  });
+    }
+  };
 };
 exports.generateChartNode = generateChartNode;
 const insertChart = (editor, insertPosition) => {

package/dist/plugin-module/plugins/seatable-column/helpers.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setSeaTableColumn = exports.isMenuDisabled = exports.insertSeaTableColumn = exports.getColumnWidth = exports.getColumnType = exports.getColumnByKey = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _constants = require("../../../basic-sdk/extension/constants");
@@ -88,13 +87,17 @@ const insertSeaTableColumn = function (editor, active, option) {
     }
     if (insertPosition === _constants.INSERT_POSITION.AFTER) {
       const path = _slate.Editor.path(editor, editor.selection);
-      path && _slate.Transforms.insertNodes(editor, (0, _objectSpread2.default)({}, columnNode), {
+      path && _slate.Transforms.insertNodes(editor, {
+        ...columnNode
+      }, {
         at: [path[0] + 1]
       });
       (0, _core.focusEditor)(editor);
       return;
     }
-    _slate.Transforms.insertNodes(editor, (0, _objectSpread2.default)({}, columnNode));
+    _slate.Transforms.insertNodes(editor, {
+      ...columnNode
+    });
   }
   (0, _core.focusEditor)(editor);
 };

package/dist/plugin-module/plugins/seatable-column/menu/column-list-item.js

@@ -29,7 +29,7 @@ function ColumnListItem(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "column-list-menu-item"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "control-icon ".concat(item.iconClass)
+    className: `control-icon ${item.iconClass}`
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "control-label"
   }, item.label)));

package/dist/plugin-module/plugins/seatable-column/render-elem.js

@@ -1,12 +1,10 @@
 "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 = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _slateReact = require("@seafile/slate-react");
 var _basicSdk = require("../../../basic-sdk");
@@ -47,7 +45,7 @@ const Column = _ref => {
       key: columnKey,
       name: columnName
     } = data;
-    let displayValue = columnName ? "{".concat(columnName, "}") : '';
+    let displayValue = columnName ? `{${columnName}}` : '';
     if (editor.getColumnCellValue) {
       displayValue = editor.getColumnCellValue(columnKey) || 'null';
       if (!isLongTextColumn) {
@@ -88,30 +86,39 @@ const Column = _ref => {
     highlight_color = null,
     strikethrough = null
   } = element.children[0];
-  const style = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+  const style = {
     margin: '0',
     border: '1px solid transparent',
     userSelect: 'none',
-    display: 'inline-block'
-  }, isShowLabel && {
-    border: '1px solid #007bff'
-  }), font_size && {
-    fontSize: font_size
-  }), font && {
-    fontFamily: font
-  }), bold && {
-    fontWeight: 600
-  }), italic && {
-    fontStyle: 'italic'
-  }), underline && {
-    textDecoration: 'underline'
-  }), color && {
-    color: color
-  }), highlight_color && {
-    backgroundColor: highlight_color
-  }), strikethrough && {
-    textDecoration: 'line-through'
-  });
+    display: 'inline-block',
+    ...(isShowLabel && {
+      border: '1px solid #007bff'
+    }),
+    ...(font_size && {
+      fontSize: font_size
+    }),
+    ...(font && {
+      fontFamily: font
+    }),
+    ...(bold && {
+      fontWeight: 600
+    }),
+    ...(italic && {
+      fontStyle: 'italic'
+    }),
+    ...(underline && {
+      textDecoration: 'underline'
+    }),
+    ...(color && {
+      color: color
+    }),
+    ...(highlight_color && {
+      backgroundColor: highlight_color
+    }),
+    ...(strikethrough && {
+      textDecoration: 'line-through'
+    })
+  };
   const onColumnClick = (0, _react.useCallback)(event => {
     event.stopPropagation();
     if (isReadOnly || isShowLabel) return;
@@ -162,7 +169,7 @@ const Column = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "label-container"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "control-icon ".concat(data.icon_class)
+    className: `control-icon ${data.icon_class}`
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "control-label"
   }, data.name)))));

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/record-content.js

@@ -163,7 +163,7 @@ class RecordContent extends _react.Component {
       scrollLeft,
       selectedRowId
     } = this.state;
-    const rowCardListClass = "row-card-list ".concat(cardListClassName ? cardListClassName : '');
+    const rowCardListClass = `row-card-list ${cardListClassName ? cardListClassName : ''}`;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "seatable-table-wrapper"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -191,7 +191,7 @@ class RecordContent extends _react.Component {
     }, displayRows.map((row, rowIdx) => {
       const formulaRow = formulaRows && formulaRows[row._id] || {};
       return /*#__PURE__*/_react.default.createElement(_rowCardItem.default, {
-        key: "row-card-".concat(rowIdx),
+        key: `row-card-${rowIdx}`,
         setItemScrollLeft: this.setItemScrollLeft,
         onRef: this.onRef,
         rowCardType: rowCardType,

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/resize-handle/ResizeHandle.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _draggable = _interopRequireDefault(require("../../../../seatable-tables/draggable"));
@@ -29,7 +28,10 @@ class ResizeHandle extends _react.default.Component {
     return /*#__PURE__*/_react.default.createElement(_draggable.default, Object.assign({}, this.props, {
       ref: ref => this.draggable = ref,
       className: "react-grid-HeaderCell__resizeHandle",
-      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props.style), style)
+      style: {
+        ...this.props.style,
+        ...style
+      }
     }));
   }
 }

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header-cell.js

@@ -28,7 +28,7 @@ class RowCardHeaderCell extends _react.default.Component {
       let headerCellWidth = width;
       if (rowCardType === 'link') {
         const tableId = table._id;
-        const draggedCellId = "".concat(tableId, "-").concat(key);
+        const draggedCellId = `${tableId}-${key}`;
         const existedWidth = JSON.parse(localStorage.getItem(draggedCellId));
         if (existedWidth) {
           headerCellWidth = existedWidth;
@@ -56,7 +56,7 @@ class RowCardHeaderCell extends _react.default.Component {
       const {
         _id: tableId
       } = table;
-      const draggedCellId = "".concat(tableId, "-").concat(columnKey);
+      const draggedCellId = `${tableId}-${columnKey}`;
       let width = this.getWidthFromMouseEvent(e);
       this.setState({
         resizing: false

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header.js

@@ -78,7 +78,7 @@ class RowCardHeader extends _react.default.Component {
       // Start from the second column without name
       for (let i = 1; i < renderedColumns.length; i++) {
         const renderedColumn = renderedColumns[i];
-        cardHeaderCells.push(/*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
+        cardHeaderCells.push( /*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
           key: renderedColumn.key,
           column: renderedColumn,
           rowCardType: rowCardType,
@@ -118,7 +118,7 @@ class RowCardHeader extends _react.default.Component {
     } = this.state;
     const cardHeaderCells = this.getCardHeaderCells();
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "row-card-header ".concat(cardHeaderClassName ? cardHeaderClassName : '')
+      className: `row-card-header ${cardHeaderClassName ? cardHeaderClassName : ''}`
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "row-card-column-names records-column-names",
       ref: ref => this.recordItemRef = ref

package/dist/plugin-module/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-item.js

@@ -46,7 +46,7 @@ class RowCardItem extends _react.PureComponent {
           key,
           width
         } = column;
-        const draggedCellId = "".concat(tableId, "-").concat(key);
+        const draggedCellId = `${tableId}-${key}`;
         const existedWidth = JSON.parse(localStorage.getItem(draggedCellId));
         let columnWidth = existedWidth && rowCardType === 'link' ? existedWidth : width;
         if (draggedCell.id === draggedCellId) {

package/dist/plugin-module/plugins/seatable-row/helpers.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateSeaTableTable = exports.isInsertSeaTableRowDisabled = exports.insertSeaTableRow = exports.getAllCollaborators = exports.generateSeaTableRow = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _constants = require("../../../basic-sdk/extension/constants");
@@ -85,7 +84,9 @@ const insertSeaTableRow = function (editor, table_id, selectedRowID) {
 };
 exports.insertSeaTableRow = insertSeaTableRow;
 const updateSeaTableTable = (editor, props, options) => {
-  _slate.Transforms.setNodes(editor, (0, _objectSpread2.default)({}, props), options);
+  _slate.Transforms.setNodes(editor, {
+    ...props
+  }, options);
 };
 exports.updateSeaTableTable = updateSeaTableTable;
 const getAllCollaborators = () => {

package/dist/plugin-module/plugins/seatable-row/render-elem/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 = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _slateReact = require("@seafile/slate-react");
@@ -88,11 +87,13 @@ const RowRecord = _ref => {
             type: array_type || _dtableUtils.CellType.TEXT,
             data: array_data || null
           };
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
-            data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+          return {
+            ...column,
+            data: {
+              ...data,
               display_column
-            })
-          });
+            }
+          };
         }
         return column;
       });

package/dist/plugin-module/plugins/seatable-row/render-elem/record-header.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 = RecordHeader;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -39,9 +38,10 @@ function RecordHeader(_ref) {
   const onDrag = (e, currentCell, currentColumnKey) => {
     const width = getWidthFromMouseEvent(e, currentCell);
     if (width >= 80) {
-      const newColumnWidthMap = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, columnWidthMap), {}, {
+      const newColumnWidthMap = {
+        ...columnWidthMap,
         [currentColumnKey]: width
-      });
+      };
       setColumnWidthMap(newColumnWidthMap);
     }
   };

package/dist/plugin-module/plugins/seatable-tables/formatter/index.js

@@ -61,7 +61,7 @@ class CellFormatter extends _react.default.Component {
       const {
         type: columnType
       } = column || {};
-      const containerClassName = "document-".concat(columnType, "-formatter");
+      const containerClassName = `document-${columnType}-formatter`;
       switch (columnType) {
         case _dtableUtils.CellType.TEXT:
           {