@seafile/sdoc-editor 2.0.77 → 2.0.78-test-0.0.2

package/dist/layout/layout.js

@@ -6,38 +6,40 @@ 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,
-    ...restProps
-  } = _ref;
-  const cacheHistoryfiles = () => {
+      children,
+      className
+    } = _ref,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const cacheHistoryFiles = () => {
     const isPublished = _basicSdk.context.getSetting('isPublished') || false;
     const isSdocRevision = _basicSdk.context.getSetting('isSdocRevision') || false;
     if (isPublished) return;
     if (isSdocRevision) return;
     const docUuid = _basicSdk.context.getSetting('docUuid');
     const docName = _basicSdk.context.getSetting('docName');
-    const rencentFiles = _localStorageUtils.default.getItem('sdoc-recent-files', []);
+    const recentFiles = _localStorageUtils.default.getItem('sdoc-recent-files', []);
     let arr = [];
     const newFile = {
       doc_uuid: docUuid,
       name: docName
     };
-    if (rencentFiles.length > 0) {
-      const isExist = rencentFiles.find(item => item.doc_uuid === docUuid);
+    if (recentFiles.length > 0) {
+      const isExist = recentFiles.find(item => item.doc_uuid === docUuid);
       if (isExist) return;
       if (!isExist) {
-        let newRencentFiles = rencentFiles.slice(0);
-        if (rencentFiles.length === 10) {
-          newRencentFiles.shift();
+        let newRecentFiles = recentFiles.slice(0);
+        if (recentFiles.length === 10) {
+          newRecentFiles.shift();
         }
-        arr = [newFile, ...newRencentFiles];
+        arr = [newFile, ...newRecentFiles];
       }
     } else {
       arr.push(newFile);
@@ -53,7 +55,7 @@ const Layout = _ref => {
         element && element.scrollIntoView(true);
       }
     }, 500);
-    cacheHistoryfiles();
+    cacheHistoryFiles();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({

package/dist/pages/published-revision-viewer.js

@@ -11,9 +11,9 @@ var _reactI18next = require("react-i18next");
 var _basicSdk = require("../basic-sdk");
 var _docInfo = _interopRequireDefault(require("../components/doc-info"));
 var _docOperations = _interopRequireDefault(require("../components/doc-operations"));
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
 var _layout = _interopRequireWildcard(require("../layout"));
 var _utils = require("../utils");
-var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 require("../assets/css/simple-editor.css");
 const PublishedRevisionViewer = () => {
   _basicSdk.context.initApi();

package/dist/pages/sdoc-wiki-editor.js

@@ -14,7 +14,7 @@ var _wikiEditor = _interopRequireDefault(require("../basic-sdk/editor/wiki-edito
 var _extension = require("../basic-sdk/extension");
 var _nodeId = _interopRequireDefault(require("../basic-sdk/node-id"));
 var _socket = require("../basic-sdk/socket");
-var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
 require("../assets/css/simple-viewer.css");
 const SdocWikiEditor = _ref => {
   let {

package/dist/pages/simple-editor.js

@@ -12,10 +12,10 @@ var _basicSdk = require("../basic-sdk");
 var _views = require("../basic-sdk/views");
 var _docInfo = _interopRequireDefault(require("../components/doc-info"));
 var _docOperations = _interopRequireDefault(require("../components/doc-operations"));
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
 var _hooks = require("../hooks");
 var _layout = _interopRequireWildcard(require("../layout"));
 var _utils = require("../utils");
-var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 require("../assets/css/simple-editor.css");
 const SimpleEditor = _ref => {
   let {

package/dist/pages/simple-viewer.js

@@ -9,8 +9,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _basicSdk = require("../basic-sdk");
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
 var _layout = _interopRequireWildcard(require("../layout"));
-var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 require("../assets/css/simple-viewer.css");
 class SimpleViewer extends _react.default.Component {
   constructor(props) {

package/dist/pages/wiki-viewer.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _basicSdk = require("../basic-sdk");
-var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
 require("../assets/css/simple-viewer.css");
 const WikiViewer = _ref => {
   let {

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_${SEATABLE_ROW}`,
+    id: "sdoc_".concat(SEATABLE_ROW),
     iconClass: 'sdocfont sdoc-seatable-row',
     text: 'SeaTable_row'
   },
   [SEATABLE_COLUMN]: {
-    id: `sdoc_${SEATABLE_COLUMN}`,
+    id: "sdoc_".concat(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_${CHART}`,
+    id: "sdoc_".concat(CHART),
     iconClass: 'sdocfont sdoc-chart',
     text: 'chart'
   }

package/dist/plugin-module/editor/plugin-editor.js

@@ -1,11 +1,12 @@
 "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 _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
 var _deepCopy = _interopRequireDefault(require("deep-copy"));
@@ -167,10 +168,9 @@ const PluginEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     },
     // get value
     getSlateValue: () => {
-      return (0, _deepCopy.default)({
-        ...document,
+      return (0, _deepCopy.default)((0, _objectSpread2.default)((0, _objectSpread2.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(`${t('The_current_version_does_not_support_>5MB_video_file')}`, {
+      _basicSdk.toaster.warning("".concat(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,6 +7,7 @@ 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");
@@ -27,10 +28,7 @@ const ChartEditDialog = _ref => {
   } = _ref;
   const [statItemData, setStatItemData] = (0, _react.useState)(element.stat_item || {});
   const onSettingChange = (0, _react.useCallback)(setting => {
-    const newStatItemData = {
-      ...statItemData,
-      ...setting
-    };
+    const newStatItemData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, statItemData), setting);
     setStatItemData(newStatItemData);
   }, [statItemData]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {

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

@@ -1,9 +1,11 @@
 "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");
@@ -39,13 +41,11 @@ const generateChartNode = editor => {
     tables: []
   };
   const model = new _seaChart.ChartModel(initConfig.option, initConfig.tables);
-  return {
-    ...element,
-    stat_item: {
-      ...model,
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
+    stat_item: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, model), {}, {
       type: model.config.type
-    }
-  };
+    })
+  });
 };
 exports.generateChartNode = generateChartNode;
 const insertChart = (editor, insertPosition) => {

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

@@ -6,6 +6,7 @@ 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");
@@ -87,17 +88,13 @@ 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, {
-        ...columnNode
-      }, {
+      path && _slate.Transforms.insertNodes(editor, (0, _objectSpread2.default)({}, columnNode), {
         at: [path[0] + 1]
       });
       (0, _core.focusEditor)(editor);
       return;
     }
-    _slate.Transforms.insertNodes(editor, {
-      ...columnNode
-    });
+    _slate.Transforms.insertNodes(editor, (0, _objectSpread2.default)({}, 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 ${item.iconClass}`
+    className: "control-icon ".concat(item.iconClass)
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "control-label"
   }, item.label)));

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

@@ -1,10 +1,12 @@
 "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");
@@ -45,7 +47,7 @@ const Column = _ref => {
       key: columnKey,
       name: columnName
     } = data;
-    let displayValue = columnName ? `{${columnName}}` : '';
+    let displayValue = columnName ? "{".concat(columnName, "}") : '';
     if (editor.getColumnCellValue) {
       displayValue = editor.getColumnCellValue(columnKey) || 'null';
       if (!isLongTextColumn) {
@@ -86,39 +88,30 @@ const Column = _ref => {
     highlight_color = null,
     strikethrough = null
   } = element.children[0];
-  const style = {
+  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)({
     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;
@@ -169,7 +162,7 @@ const Column = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "label-container"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: `control-icon ${data.icon_class}`
+    className: "control-icon ".concat(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 ${cardListClassName ? cardListClassName : ''}`;
+    const rowCardListClass = "row-card-list ".concat(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-${rowIdx}`,
+        key: "row-card-".concat(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,6 +5,7 @@ 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"));
@@ -28,10 +29,7 @@ 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: {
-        ...this.props.style,
-        ...style
-      }
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 = `${tableId}-${key}`;
+        const draggedCellId = "".concat(tableId, "-").concat(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 = `${tableId}-${columnKey}`;
+      const draggedCellId = "".concat(tableId, "-").concat(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 ${cardHeaderClassName ? cardHeaderClassName : ''}`
+      className: "row-card-header ".concat(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 = `${tableId}-${key}`;
+        const draggedCellId = "".concat(tableId, "-").concat(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,6 +5,7 @@ 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");
@@ -84,9 +85,7 @@ const insertSeaTableRow = function (editor, table_id, selectedRowID) {
 };
 exports.insertSeaTableRow = insertSeaTableRow;
 const updateSeaTableTable = (editor, props, options) => {
-  _slate.Transforms.setNodes(editor, {
-    ...props
-  }, options);
+  _slate.Transforms.setNodes(editor, (0, _objectSpread2.default)({}, props), options);
 };
 exports.updateSeaTableTable = updateSeaTableTable;
 const getAllCollaborators = () => {

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

@@ -1,11 +1,12 @@
 "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 _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _slateReact = require("@seafile/slate-react");
@@ -87,13 +88,11 @@ const RowRecord = _ref => {
             type: array_type || _dtableUtils.CellType.TEXT,
             data: array_data || null
           };
-          return {
-            ...column,
-            data: {
-              ...data,
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+            data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
               display_column
-            }
-          };
+            })
+          });
         }
         return column;
       });

package/dist/plugin-module/plugins/seatable-row/render-elem/record-header.js

@@ -1,11 +1,12 @@
 "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 = 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");
@@ -38,10 +39,9 @@ function RecordHeader(_ref) {
   const onDrag = (e, currentCell, currentColumnKey) => {
     const width = getWidthFromMouseEvent(e, currentCell);
     if (width >= 80) {
-      const newColumnWidthMap = {
-        ...columnWidthMap,
+      const newColumnWidthMap = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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-${columnType}-formatter`;
+      const containerClassName = "document-".concat(columnType, "-formatter");
       switch (columnType) {
         case _dtableUtils.CellType.TEXT:
           {