@seafile/sdoc-editor 2.0.79 → 2.0.80-test-0.0.2

package/dist/basic-sdk/extension/plugins/table/helpers.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateTableRowHeight = exports.updateColumnWidth = exports.syncRemoveTable = exports.splitCell = exports.setTableSelectedRange = exports.setTableFragmentData = exports.setCellStyle = exports.removeTableElement = exports.removeTable = exports.normalizeTableELement = exports.moveRows = exports.moveColumns = exports.isTableWidthFitScreen = exports.isTableMenuDisabled = exports.isTableLocation = exports.isSelectedAllCell = exports.isPreventResetTableSelectedRange = exports.isLastTableCell = exports.isInTableSameCell = exports.isInTable = exports.isHideDragHandlerLine = exports.isCursorAtCellStart = exports.isCursorAtCellEnd = exports.isCombineCellsDisabled = exports.isAllInTable = exports.insertTableRow = exports.insertTableElement = exports.insertTableColumn = exports.insertTableByTemplate = exports.insertTable = exports.insertMultipleRowsAndColumns = exports.handleInsertTable = exports.handleCombinedCellsBeforeDeleteTableRow = exports.handleCombinedCellsBeforeDeleteTableColumn = exports.handleCombinedCellsAfterInsertTableRow = exports.handleCombinedCellsAfterInsertTableColumn = exports.getTableSelectedRangeAfterDrag = exports.getTableRowSelectedRange = exports.getTableDragType = exports.getTableColumnsWidth = exports.getTableColumnsAfterInsertColumn = exports.getTableColumns = exports.getTableColumnSelectedRange = exports.getSelectedInfo = exports.getRowHeight = exports.getRowDomHeight = exports.getResizeMaskCellInfo = exports.getInsertPosition = exports.getHighlightClass = exports.getFirstTableCell = exports.getCellInheritStyles = exports.getCellHighlightClassName = exports.getCellColumn = exports.generateTableRow = exports.generateTableCell = exports.generateInheritStyle = exports.generateEmptyTable = exports.generateDragMoveElement = exports.focusClosestCellWhenJustifyCellSize = exports.focusCell = exports.fitTableColumnToScreen = exports.elementHasImage = exports.deleteTableSelectCells = exports.deleteTableRangeData = exports.deleteHandler = exports.combineCells = exports.colorBlend = exports.adjustCombinedCellRange = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _deepCopy = _interopRequireDefault(require("deep-copy"));
@@ -138,8 +139,8 @@ const generateEmptyTable = (editor, tableProps) => {
       alternate_highlight_color
     },
     style: {
-      gridTemplateColumns: `repeat(${colsCount}, ${columnWidth}px)`,
-      gridAutoRows: `minmax(${_constants3.TABLE_ROW_MIN_HEIGHT}px, auto)`
+      gridTemplateColumns: "repeat(".concat(colsCount, ", ").concat(columnWidth, "px)"),
+      gridAutoRows: "minmax(".concat(_constants3.TABLE_ROW_MIN_HEIGHT, "px, auto)")
     }
   };
 };
@@ -222,10 +223,7 @@ const setCellStyle = (editor, style) => {
         if (path) {
           firstTableCellNodePath = firstTableCellNodePath ? firstTableCellNodePath : path;
           _slate.Transforms.setNodes(editor, {
-            style: {
-              ...node.style,
-              ...style
-            },
+            style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, node.style), style),
             inherit_style: generateInheritStyle(_constants3.INHERIT_CELL_STYLE_WHEN_SELECT_SINGLE, style, node)
           }, {
             at: path
@@ -259,10 +257,7 @@ const setCellStyle = (editor, style) => {
       const path = [...tablePath, i, j];
       const node = (0, _core.getNode)(editor, path);
       _slate.Transforms.setNodes(editor, {
-        style: {
-          ...node.style,
-          ...style
-        },
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, node.style), style),
         inherit_style: generateInheritStyle(_constants3.INHERIT_CELL_STYLE_WHEN_SELECT_MULTIPLE, style, node)
       }, {
         at: path
@@ -817,10 +812,9 @@ const updateTableRowHeight = (editor, element, rowHeight) => {
   } = targetNode;
   if (style[_constants3.TABLE_ROW_STYLE.MIN_HEIGHT] === rowHeight) return;
   _slate.Transforms.setNodes(editor, {
-    style: {
-      ...style,
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
       [_constants3.TABLE_ROW_STYLE.MIN_HEIGHT]: rowHeight
-    }
+    })
   }, {
     at: path
   });
@@ -872,10 +866,9 @@ const getTableColumnsAfterInsertColumn = (editor, element, targetColumnIndex, in
   }
   const proportion = totalColumnsWidth / (editor.width - 1);
   return newColumns.map(column => {
-    return {
-      ...column,
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
       width: Math.max(parseInt(column.width / proportion), _constants3.TABLE_CELL_MIN_WIDTH)
-    };
+    });
   });
 };
 exports.getTableColumnsAfterInsertColumn = getTableColumnsAfterInsertColumn;
@@ -1019,7 +1012,7 @@ const setTableFragmentData = (editor, dataTransfer) => {
   const fragment = editor.getFragment();
   const string = JSON.stringify(fragment);
   const encoded = window.btoa(encodeURIComponent(string));
-  dataTransfer.setData(`application/${_constants2.CLIPBOARD_FORMAT_KEY}`, encoded);
+  dataTransfer.setData("application/".concat(_constants2.CLIPBOARD_FORMAT_KEY), encoded);
   const tableDom = document.createElement('table');
   const {
     minColIndex,
@@ -1073,10 +1066,9 @@ const deleteTableRangeData = editor => {
       const firstNode = node.children[0];
       (0, _core.replaceNodeChildren)(editor, {
         at: path,
-        nodes: {
-          ...firstNode,
+        nodes: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, firstNode), {}, {
           text: ''
-        }
+        })
       });
     }
   }
@@ -1381,13 +1373,12 @@ const getRowDomHeight = (editor, row) => {
 exports.getRowDomHeight = getRowDomHeight;
 const normalizeTableCell = (editor, cell) => {
   if (!cell) return generateTableCell(editor);
-  let newCell = {
+  let newCell = (0, _objectSpread2.default)({
     children: [{
       text: '',
       id: _slugid.default.nice()
-    }],
-    ...cell
-  };
+    }]
+  }, cell);
 
   // normalize cell children
   let newCellChildren = [];
@@ -1413,9 +1404,7 @@ const normalizeTableCell = (editor, cell) => {
 
   // normalize cell style
   if (newCell.data) {
-    const cellStyle = {
-      ...newCell.data
-    };
+    const cellStyle = (0, _objectSpread2.default)({}, newCell.data);
     delete newCell['data'];
     Object.keys(cellStyle).forEach(cellStyleKey => {
       if (cellStyleKey === 'align') {
@@ -1434,9 +1423,7 @@ const normalizeTableELement = (editor, element) => {
       size
     });
   }
-  let newElement = {
-    ...element
-  };
+  let newElement = (0, _objectSpread2.default)({}, element);
   for (let i = 0; i < element.children.length; i++) {
     const row = newElement.children[i];
     for (let j = 0; j < row.children.length; j++) {
@@ -1509,9 +1496,7 @@ const getInsertPosition = editor => {
 };
 exports.getInsertPosition = getInsertPosition;
 const generateInheritStyle = (allowedInheritStyleList, style, cell) => {
-  const inheritStyle = {
-    ...cell['inherit_style']
-  } || {};
+  const inheritStyle = (0, _objectSpread2.default)({}, cell['inherit_style']) || {};
   for (const key in style) {
     if (Object.hasOwnProperty.call(style, key) && allowedInheritStyleList.includes(key)) {
       inheritStyle[key] = style[key];
@@ -2053,8 +2038,7 @@ const fitTableColumnToScreen = editor => {
   } = getSelectedInfo(editor);
   const colCount = table.columns.length;
   const columnWidth = Math.max(_constants3.TABLE_CELL_MIN_WIDTH, parseInt(editor.width / colCount));
-  const columns = table.columns.map(column => ({
-    ...column,
+  const columns = table.columns.map(column => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
     width: columnWidth
   }));
   _slate.Transforms.setNodes(editor, {
@@ -2114,10 +2098,9 @@ const deleteTableSelectCells = (editor, deleteRange) => {
     const firstNode = node.children[0];
     (0, _core.replaceNodeChildren)(editor, {
       at: path,
-      nodes: {
-        ...firstNode,
+      nodes: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, firstNode), {}, {
         text: ''
-      }
+      })
     });
   }
 };

package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/common-menu.js

@@ -22,7 +22,7 @@ class CommonMenu extends _react.Component {
       if (!isRichEditor) {
         return itemClass + ' ' + className + ' sdoc-menu-with-dropdown';
       }
-      itemClass = `rich-icon-btn d-flex ${disabled ? 'rich-icon-btn-disabled' : 'rich-icon-btn-hover'}`;
+      itemClass = "rich-icon-btn d-flex ".concat(disabled ? 'rich-icon-btn-disabled' : 'rich-icon-btn-hover');
       return itemClass + ' ' + className + ' sdoc-menu-with-dropdown';
     });
     (0, _defineProperty2.default)(this, "hidePopover", () => {
@@ -66,7 +66,7 @@ class CommonMenu extends _react.Component {
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-menu-with-dropdown-triangle"
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`
+      className: "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down')
     }))), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
       target: id,
       className: "sdoc-common-menu-popover sdoc-table-menu-popover",

package/dist/basic-sdk/extension/plugins/table/menu/color-selector-popover/index.js

@@ -111,7 +111,7 @@ const ColorSelectorPopover = _ref => {
     onMouseDown: setColorProxy
   }, _constants.DEFAULT_COLORS.map((color, index) => {
     return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
-      key: `default-color-${index}`,
+      key: "default-color-".concat(index),
       color: color,
       lastUsedColor: lastUsedColor
     });
@@ -124,7 +124,7 @@ const ColorSelectorPopover = _ref => {
     onMouseDown: setColorProxy
   }, _constants.STANDARD_COLORS.map((color, index) => {
     return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
-      key: `standard-color-${index}`,
+      key: "standard-color-".concat(index),
       color: color,
       lastUsedColor: lastUsedColor
     });
@@ -137,7 +137,7 @@ const ColorSelectorPopover = _ref => {
     onMouseDown: setColorProxy
   }, recentUsedColors.map((color, index) => {
     return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
-      key: `standard-color-${index}`,
+      key: "standard-color-".concat(index),
       color: {
         value: color,
         name: color

package/dist/basic-sdk/extension/plugins/table/model.js

@@ -45,9 +45,9 @@ class Table {
       alternate_highlight_color: ''
     };
     this.style = options.style || {
-      gridTemplateColumns: `repeat(1, ${_constants2.TABLE_CELL_MIN_WIDTH}}px)`,
+      gridTemplateColumns: "repeat(1, ".concat(_constants2.TABLE_CELL_MIN_WIDTH, "}px)"),
       // grid
-      gridAutoRows: `minmax(${_constants2.TABLE_ROW_MIN_HEIGHT}}px, auto)`
+      gridAutoRows: "minmax(".concat(_constants2.TABLE_ROW_MIN_HEIGHT, "}px, auto)")
     };
   }
 }

package/dist/basic-sdk/extension/plugins/table/plugin.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 _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
@@ -193,10 +194,9 @@ const withTable = editor => {
             // delete other module
             const newAnchor = (0, _core.getStartPoint)(editor, _slate.Path.next(anchorEntry[1]));
             _slate.Transforms.delete(editor, {
-              at: {
-                ...selection,
+              at: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selection), {}, {
                 anchor: newAnchor
-              }
+              })
             });
             (0, _core.focusEditor)(editor, newAnchor.path);
             return;
@@ -214,10 +214,9 @@ const withTable = editor => {
             // delete other module
             const newAnchor = (0, _core.getEndPoint)(editor, _slate.Path.previous(anchorEntry[1]));
             _slate.Transforms.delete(editor, {
-              at: {
-                ...selection,
+              at: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selection), {}, {
                 anchor: newAnchor
-              }
+              })
             });
             (0, _core.focusEditor)(editor, newAnchor.path);
             return;
@@ -246,10 +245,9 @@ const withTable = editor => {
               // delete other module
               const newFocus = (0, _core.getEndPoint)(editor, _slate.Path.previous(focusEntry[1]));
               _slate.Transforms.delete(editor, {
-                at: {
-                  ...selection,
+                at: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selection), {}, {
                   focus: newFocus
-                }
+                })
               });
               (0, _core.focusEditor)(editor, focus.path);
               return;
@@ -266,10 +264,9 @@ const withTable = editor => {
               // delete other module
               const newFocus = (0, _core.getStartPoint)(editor, _slate.Path.next(focusEntry[1]));
               _slate.Transforms.delete(editor, {
-                at: {
-                  ...selection,
+                at: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selection), {}, {
                   focus: newFocus
-                }
+                })
               });
               (0, _core.focusEditor)(editor, focus.path);
               return;
@@ -329,20 +326,18 @@ const withTable = editor => {
         const column = rowChildren[j];
         newRowChildren.push(column);
       }
-      selectedRows.push({
-        ...row,
+      selectedRows.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), {}, {
         children: newRowChildren
-      });
+      }));
     }
     for (let j = minColIndex; j <= maxColIndex; j++) {
       const column = columns[j];
       selectedColumns.push(column);
     }
-    return [Object.freeze({
-      ...selectedNode,
+    return [Object.freeze((0, _objectSpread2.default)((0, _objectSpread2.default)({}, selectedNode), {}, {
       children: selectedRows,
       columns: selectedColumns
-    })];
+    }))];
   };
 
   // copy: mod + c
@@ -391,7 +386,7 @@ const withTable = editor => {
       insertData(data);
       return;
     }
-    const fragment = data.getData(`application/${_constants2.CLIPBOARD_FORMAT_KEY}`);
+    const fragment = data.getData("application/".concat(_constants2.CLIPBOARD_FORMAT_KEY));
     if (fragment) {
       const decoded = decodeURIComponent(window.atob(fragment));
       const parsedData = JSON.parse(decoded);
@@ -494,8 +489,8 @@ const withTable = editor => {
       const columnWidth = Math.max(_constants3.TABLE_CELL_MIN_WIDTH, parseInt(editor.width / columnCount));
       _slate.Transforms.setNodes(newEditor, {
         style: {
-          gridTemplateColumns: `repeat(${columnCount}, ${columnWidth}px)`,
-          gridAutoRows: `minmax(${_constants3.TABLE_ROW_MIN_HEIGHT}}px, auto)`
+          gridTemplateColumns: "repeat(".concat(columnCount, ", ").concat(columnWidth, "px)"),
+          gridAutoRows: "minmax(".concat(_constants3.TABLE_ROW_MIN_HEIGHT, "}px, auto)")
         }
       }, {
         at: path

package/dist/basic-sdk/extension/plugins/table/popover/table-size-popover/index.js

@@ -196,7 +196,7 @@ const TableSizePopover = _ref => {
       for (let j = 1; j <= displaySize[1]; j++) {
         const isSelectedChild = i <= selectedSize[0] && selectedSize[0] !== 0 && j <= selectedSize[1] && selectedSize[1] !== 0;
         const child = /*#__PURE__*/_react.default.createElement("div", {
-          key: `sdoc-table-size-cell-${i}-${j}`,
+          key: "sdoc-table-size-cell-".concat(i, "-").concat(j),
           className: (0, _classnames.default)('sdoc-table-size-cell', {
             'active': isSelectedChild
           }),
@@ -205,8 +205,8 @@ const TableSizePopover = _ref => {
         });
         children.push(child);
       }
-      tableSize.push( /*#__PURE__*/_react.default.createElement("div", {
-        key: `sdoc-table-size-row-${i}`,
+      tableSize.push(/*#__PURE__*/_react.default.createElement("div", {
+        key: "sdoc-table-size-row-".concat(i),
         className: "sdoc-table-size-row d-flex"
       }, children));
     }
@@ -235,7 +235,7 @@ const TableSizePopover = _ref => {
     className: "sdoc-table-size-select"
   }, renderTableSize()), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-selected-table-size-tip w-100 "
-  }, `${selectedSize[0]} x ${selectedSize[1]}`), /*#__PURE__*/_react.default.createElement(_tableTemplate.default, {
+  }, "".concat(selectedSize[0], " x ").concat(selectedSize[1])), /*#__PURE__*/_react.default.createElement(_tableTemplate.default, {
     templateRef: templateRef,
     editor: editor,
     targetId: "sdoc-table-template-review-btn",

package/dist/basic-sdk/extension/plugins/table/popover/table-template/sample-table.js

@@ -20,14 +20,14 @@ const SampleTable = _ref => {
   } = _ref;
   // generate table
   const renderTableRow = (0, _react.useCallback)((row, column) => new Array(row).fill(null).map((_, index) => /*#__PURE__*/_react.default.createElement("div", {
-    className: `sdoc-table-template-row table-row ${(0, _helpers.getCellHighlightClassName)(alternateColor, index)}`,
-    key: `sdoc-template-table-row-${index}`,
+    className: "sdoc-table-template-row table-row ".concat((0, _helpers.getCellHighlightClassName)(alternateColor, index)),
+    key: "sdoc-template-table-row-".concat(index),
     onClick: () => {
       onClickTemplate(alternateColor);
     }
   }, new Array(column).fill(null).map((_, index) => /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-table-template-cell",
-    key: `sdoc-template-table-cell-${index}`
+    key: "sdoc-template-table-cell-".concat(index)
   })))), [onClickTemplate, alternateColor]);
   const key = JSON.stringify(curPositon);
   const isActive = _constants.TABLE_TEMPLATE_POSITION_MAP[key] === alternateColor;

package/dist/basic-sdk/extension/plugins/table/render/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 _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -194,13 +195,11 @@ const Table = _ref => {
   const handlerStartDragging = (0, _react.useCallback)(() => {
     setIsDraggingResizeHandler(true);
   }, []);
-  let style = element.style ? {
-    ...element.style
-  } : {};
-  const columnWidthList = columns.map(item => `${item.width}px`);
+  let style = element.style ? (0, _objectSpread2.default)({}, element.style) : {};
+  const columnWidthList = columns.map(item => "".concat(item.width, "px"));
   style.gridTemplateColumns = columnWidthList.join(' ');
   const rowHeightList = element.children.map((item, index) => (0, _helpers.getRowHeight)(item, index));
-  style.gridAutoRows = rowHeightList.map(item => `minmax(${item}px, auto)`).join(' ');
+  style.gridAutoRows = rowHeightList.map(item => "minmax(".concat(item, "px, auto)")).join(' ');
   return /*#__PURE__*/_react.default.createElement(_hooks.TableSelectedRangeContext.Provider, {
     value: selectedRange
   }, /*#__PURE__*/_react.default.createElement(_hooks.ResizeHandlersContext.Provider, {
@@ -250,13 +249,11 @@ function renderTable(props) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     const editor = (0, _slateReact.useSlateStatic)();
     const columns = (0, _helpers.getTableColumns)(editor, element);
-    let style = element.style ? {
-      ...element.style
-    } : {};
-    const columnWidthList = columns.map(item => `${item.width}px`);
+    let style = element.style ? (0, _objectSpread2.default)({}, element.style) : {};
+    const columnWidthList = columns.map(item => "".concat(item.width, "px"));
     style.gridTemplateColumns = columnWidthList.join(' ');
     const rowHeightList = element.children.map((item, index) => (0, _helpers.getRowHeight)(item, index));
-    style.gridAutoRows = rowHeightList.map(item => `minmax(${item}px, auto)`).join(' ');
+    style.gridAutoRows = rowHeightList.map(item => "minmax(".concat(item, "px, auto)")).join(' ');
     return /*#__PURE__*/_react.default.createElement(_tableRoot.default, {
       columns: columns,
       attributes: attributes

package/dist/basic-sdk/extension/plugins/table/render/render-cell.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 _slateReact = require("@seafile/slate-react");
@@ -81,12 +82,9 @@ const TableCell = _ref => {
     rowspan = 1,
     colspan = 1
   } = element;
-  style.gridArea = `${rowIndex + 1} / ${cellIndex + 1} / span ${rowspan} / span ${colspan}`;
+  style.gridArea = "".concat(rowIndex + 1, " / ").concat(cellIndex + 1, " / span ").concat(rowspan, " / span ").concat(colspan);
   if (element.style) {
-    style = {
-      ...element.style,
-      ...style
-    };
+    style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), style);
   }
   const onMouseMove = mouseDownEvent => {
     eventBus.dispatch(_constants.INTERNAL_EVENT.TABLE_CELL_MOUSE_ENTER, {
@@ -106,12 +104,11 @@ const TableCell = _ref => {
     const table = tableEntry[0];
     const displayType = (0, _helpers.getTableDragType)(table, selectedRange);
     const resizeMaskCellInfo = (0, _helpers.getResizeMaskCellInfo)(editor, table, rowIndex, cellIndex);
-    const cellInfo = {
-      ...resizeMaskCellInfo,
+    const cellInfo = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resizeMaskCellInfo), {}, {
       displayType,
       mouseDownEvent: event,
       tableId
-    };
+    });
     if (cellInfo.displayType === _constants3.DRAG_HANDLER_COLUMN) {
       const offsetX = cellInfo.mouseDownEvent.nativeEvent.offsetX;
       const cellWidth = cellInfo.width;
@@ -172,10 +169,7 @@ const TableCell = _ref => {
     }
   }, [cellIndex, editor, eventBus, rowIndex, tableEntry, tableId]);
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
-    style: {
-      ...element.style,
-      ...style
-    },
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), style),
     className: (0, _classnames.default)('table-cell', attributes.className, highlightClass, {
       [_constants3.CELL_SELECTED]: isSelected,
       'cell-light-height-left-border': isSelectedFirstCell,
@@ -236,12 +230,9 @@ function renderTableCell(props) {
       rowspan = 1,
       colspan = 1
     } = element;
-    style.gridArea = `${rowIndex + 1} / ${cellIndex + 1} / span ${rowspan} / span ${colspan}`;
+    style.gridArea = "".concat(rowIndex + 1, " / ").concat(cellIndex + 1, " / span ").concat(rowspan, " / span ").concat(colspan);
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
-      style: {
-        ...element.style,
-        ...style
-      },
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), style),
       className: (0, _classnames.default)('table-cell', highlightClass, attributes.className),
       "data-id": element.id
     }), /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/column-resize-handler.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 _mouseEvent = require("../../../../../utils/mouse-event");
@@ -73,17 +75,15 @@ const ColumnResizeHandler = _ref => {
       const newColumns = columns.slice(0);
       const column = newColumns[cellIndex];
       const newWidth = width + left - initLeft;
-      newColumns[cellIndex] = {
-        ...column,
+      newColumns[cellIndex] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
         width: newWidth
-      };
+      });
       const nextColumn = columns[cellIndex + 1];
       if (nextColumn) {
         const nextColumnWidth = nextColumn.width - left + initLeft;
-        newColumns[cellIndex + 1] = {
-          ...nextColumn,
+        newColumns[cellIndex + 1] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextColumn), {}, {
           width: nextColumnWidth
-        };
+        });
       }
       (0, _helpers.updateColumnWidth)(editor, table, newColumns);
       (0, _helpers.focusClosestCellWhenJustifyCellSize)(editor, adjustingCell);

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/first-column-left-resize-handler.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 _mouseEvent = require("../../../../../utils/mouse-event");
@@ -67,10 +69,9 @@ const FirstColumnResizeHandler = _ref => {
       const newColumns = columns.slice(0);
       const column = newColumns[cellIndex];
       const newWidth = width + left - initLeft;
-      newColumns[cellIndex] = {
-        ...column,
+      newColumns[cellIndex] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
         width: newWidth
-      };
+      });
       (0, _helpers.updateColumnWidth)(editor, table, newColumns);
       (0, _helpers.focusClosestCellWhenJustifyCellSize)(editor, adjustingCell);
       hideResizeHandlers();

package/dist/basic-sdk/extension/plugins/table/render/resize-mask/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 _constants = require("../../../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../../../utils/event-bus"));
@@ -44,10 +45,9 @@ const ResizeMask = _ref => {
       top,
       left
     });
-    setCellInfo({
-      ...resizeMaskCellInfo,
+    setCellInfo((0, _objectSpread2.default)((0, _objectSpread2.default)({}, resizeMaskCellInfo), {}, {
       mouseDownEvent
-    });
+    }));
   }, [editor, table]);
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
@@ -58,16 +58,12 @@ const ResizeMask = _ref => {
   }, [handleCellMouseMove]);
   const getHandlerDisplayInfo = (0, _react.useCallback)(mode => {
     let resizeHandlerInfo = {};
-    if (mode === _constants2.RESIZE_MASK_BOTTOM) resizeHandlerInfo = {
-      ...cellInfo,
-      ...maskStyle,
+    if (mode === _constants2.RESIZE_MASK_BOTTOM) resizeHandlerInfo = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, cellInfo), maskStyle), {}, {
       displayType: _constants2.RESIZE_HANDLER_ROW
-    };
-    if (mode === _constants2.RESIZE_MASK_RIGHT) resizeHandlerInfo = {
-      ...cellInfo,
-      ...maskStyle,
+    });
+    if (mode === _constants2.RESIZE_MASK_RIGHT) resizeHandlerInfo = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, cellInfo), maskStyle), {}, {
       displayType: _constants2.RESIZE_HANDLER_COLUMN
-    };
+    });
     if (mode === _constants2.RESIZE_MASK_LEFT) {
       const {
         cellIndex,
@@ -78,11 +74,11 @@ const ResizeMask = _ref => {
       const calculateCellIndex = cellIndex === 0 ? 0 : cellIndex - 1;
       const resizeMaskCellInfo = (0, _helpers.getResizeMaskCellInfo)(editor, table, rowIndex, calculateCellIndex);
       const displayType = focusCellIndex === 0 ? _constants2.RESIZE_HANDLER_FIRST_COLUMN : _constants2.RESIZE_HANDLER_COLUMN;
-      resizeHandlerInfo = {
-        displayType,
-        ...resizeMaskCellInfo,
+      resizeHandlerInfo = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        displayType
+      }, resizeMaskCellInfo), {}, {
         mouseDownEvent
-      };
+      });
     }
     if (mode === _constants2.RESIZE_MASK_TOP) {
       const {
@@ -91,11 +87,11 @@ const ResizeMask = _ref => {
         mouseDownEvent
       } = cellInfo;
       const resizeMaskCellInfo = (0, _helpers.getResizeMaskCellInfo)(editor, table, rowIndex - 1, cellIndex);
-      resizeHandlerInfo = {
-        displayType: _constants2.RESIZE_HANDLER_ROW,
-        ...resizeMaskCellInfo,
+      resizeHandlerInfo = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        displayType: _constants2.RESIZE_HANDLER_ROW
+      }, resizeMaskCellInfo), {}, {
         mouseDownEvent: mouseDownEvent
-      };
+      });
     }
     return resizeHandlerInfo;
   }, [cellInfo, editor, maskStyle, table]);