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

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

@@ -5,7 +5,6 @@ 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"));
@@ -139,8 +138,8 @@ const generateEmptyTable = (editor, tableProps) => {
       alternate_highlight_color
     },
     style: {
-      gridTemplateColumns: "repeat(".concat(colsCount, ", ").concat(columnWidth, "px)"),
-      gridAutoRows: "minmax(".concat(_constants3.TABLE_ROW_MIN_HEIGHT, "px, auto)")
+      gridTemplateColumns: `repeat(${colsCount}, ${columnWidth}px)`,
+      gridAutoRows: `minmax(${_constants3.TABLE_ROW_MIN_HEIGHT}px, auto)`
     }
   };
 };
@@ -223,7 +222,10 @@ const setCellStyle = (editor, style) => {
         if (path) {
           firstTableCellNodePath = firstTableCellNodePath ? firstTableCellNodePath : path;
           _slate.Transforms.setNodes(editor, {
-            style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, node.style), style),
+            style: {
+              ...node.style,
+              ...style
+            },
             inherit_style: generateInheritStyle(_constants3.INHERIT_CELL_STYLE_WHEN_SELECT_SINGLE, style, node)
           }, {
             at: path
@@ -257,7 +259,10 @@ const setCellStyle = (editor, style) => {
       const path = [...tablePath, i, j];
       const node = (0, _core.getNode)(editor, path);
       _slate.Transforms.setNodes(editor, {
-        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, node.style), style),
+        style: {
+          ...node.style,
+          ...style
+        },
         inherit_style: generateInheritStyle(_constants3.INHERIT_CELL_STYLE_WHEN_SELECT_MULTIPLE, style, node)
       }, {
         at: path
@@ -812,9 +817,10 @@ const updateTableRowHeight = (editor, element, rowHeight) => {
   } = targetNode;
   if (style[_constants3.TABLE_ROW_STYLE.MIN_HEIGHT] === rowHeight) return;
   _slate.Transforms.setNodes(editor, {
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
+    style: {
+      ...style,
       [_constants3.TABLE_ROW_STYLE.MIN_HEIGHT]: rowHeight
-    })
+    }
   }, {
     at: path
   });
@@ -866,9 +872,10 @@ const getTableColumnsAfterInsertColumn = (editor, element, targetColumnIndex, in
   }
   const proportion = totalColumnsWidth / (editor.width - 1);
   return newColumns.map(column => {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+    return {
+      ...column,
       width: Math.max(parseInt(column.width / proportion), _constants3.TABLE_CELL_MIN_WIDTH)
-    });
+    };
   });
 };
 exports.getTableColumnsAfterInsertColumn = getTableColumnsAfterInsertColumn;
@@ -1012,7 +1019,7 @@ const setTableFragmentData = (editor, dataTransfer) => {
   const fragment = editor.getFragment();
   const string = JSON.stringify(fragment);
   const encoded = window.btoa(encodeURIComponent(string));
-  dataTransfer.setData("application/".concat(_constants2.CLIPBOARD_FORMAT_KEY), encoded);
+  dataTransfer.setData(`application/${_constants2.CLIPBOARD_FORMAT_KEY}`, encoded);
   const tableDom = document.createElement('table');
   const {
     minColIndex,
@@ -1066,9 +1073,10 @@ const deleteTableRangeData = editor => {
       const firstNode = node.children[0];
       (0, _core.replaceNodeChildren)(editor, {
         at: path,
-        nodes: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, firstNode), {}, {
+        nodes: {
+          ...firstNode,
           text: ''
-        })
+        }
       });
     }
   }
@@ -1373,12 +1381,13 @@ const getRowDomHeight = (editor, row) => {
 exports.getRowDomHeight = getRowDomHeight;
 const normalizeTableCell = (editor, cell) => {
   if (!cell) return generateTableCell(editor);
-  let newCell = (0, _objectSpread2.default)({
+  let newCell = {
     children: [{
       text: '',
       id: _slugid.default.nice()
-    }]
-  }, cell);
+    }],
+    ...cell
+  };
 
   // normalize cell children
   let newCellChildren = [];
@@ -1404,7 +1413,9 @@ const normalizeTableCell = (editor, cell) => {
 
   // normalize cell style
   if (newCell.data) {
-    const cellStyle = (0, _objectSpread2.default)({}, newCell.data);
+    const cellStyle = {
+      ...newCell.data
+    };
     delete newCell['data'];
     Object.keys(cellStyle).forEach(cellStyleKey => {
       if (cellStyleKey === 'align') {
@@ -1423,7 +1434,9 @@ const normalizeTableELement = (editor, element) => {
       size
     });
   }
-  let newElement = (0, _objectSpread2.default)({}, element);
+  let newElement = {
+    ...element
+  };
   for (let i = 0; i < element.children.length; i++) {
     const row = newElement.children[i];
     for (let j = 0; j < row.children.length; j++) {
@@ -1496,7 +1509,9 @@ const getInsertPosition = editor => {
 };
 exports.getInsertPosition = getInsertPosition;
 const generateInheritStyle = (allowedInheritStyleList, style, cell) => {
-  const inheritStyle = (0, _objectSpread2.default)({}, cell['inherit_style']) || {};
+  const inheritStyle = {
+    ...cell['inherit_style']
+  } || {};
   for (const key in style) {
     if (Object.hasOwnProperty.call(style, key) && allowedInheritStyleList.includes(key)) {
       inheritStyle[key] = style[key];
@@ -2038,7 +2053,8 @@ 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 => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+  const columns = table.columns.map(column => ({
+    ...column,
     width: columnWidth
   }));
   _slate.Transforms.setNodes(editor, {
@@ -2098,9 +2114,10 @@ const deleteTableSelectCells = (editor, deleteRange) => {
     const firstNode = node.children[0];
     (0, _core.replaceNodeChildren)(editor, {
       at: path,
-      nodes: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, firstNode), {}, {
+      nodes: {
+        ...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 ".concat(disabled ? 'rich-icon-btn-disabled' : 'rich-icon-btn-hover');
+      itemClass = `rich-icon-btn d-flex ${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-".concat(isShowMenu ? 'caret-up' : 'drop-down')
+      className: `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${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-".concat(index),
+      key: `default-color-${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-".concat(index),
+      key: `standard-color-${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-".concat(index),
+      key: `standard-color-${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, ".concat(_constants2.TABLE_CELL_MIN_WIDTH, "}px)"),
+      gridTemplateColumns: `repeat(1, ${_constants2.TABLE_CELL_MIN_WIDTH}}px)`,
       // grid
-      gridAutoRows: "minmax(".concat(_constants2.TABLE_ROW_MIN_HEIGHT, "}px, auto)")
+      gridAutoRows: `minmax(${_constants2.TABLE_ROW_MIN_HEIGHT}}px, auto)`
     };
   }
 }

package/dist/basic-sdk/extension/plugins/table/plugin.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 _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
@@ -194,9 +193,10 @@ const withTable = editor => {
             // delete other module
             const newAnchor = (0, _core.getStartPoint)(editor, _slate.Path.next(anchorEntry[1]));
             _slate.Transforms.delete(editor, {
-              at: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selection), {}, {
+              at: {
+                ...selection,
                 anchor: newAnchor
-              })
+              }
             });
             (0, _core.focusEditor)(editor, newAnchor.path);
             return;
@@ -214,9 +214,10 @@ const withTable = editor => {
             // delete other module
             const newAnchor = (0, _core.getEndPoint)(editor, _slate.Path.previous(anchorEntry[1]));
             _slate.Transforms.delete(editor, {
-              at: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selection), {}, {
+              at: {
+                ...selection,
                 anchor: newAnchor
-              })
+              }
             });
             (0, _core.focusEditor)(editor, newAnchor.path);
             return;
@@ -245,9 +246,10 @@ const withTable = editor => {
               // delete other module
               const newFocus = (0, _core.getEndPoint)(editor, _slate.Path.previous(focusEntry[1]));
               _slate.Transforms.delete(editor, {
-                at: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selection), {}, {
+                at: {
+                  ...selection,
                   focus: newFocus
-                })
+                }
               });
               (0, _core.focusEditor)(editor, focus.path);
               return;
@@ -264,9 +266,10 @@ const withTable = editor => {
               // delete other module
               const newFocus = (0, _core.getStartPoint)(editor, _slate.Path.next(focusEntry[1]));
               _slate.Transforms.delete(editor, {
-                at: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selection), {}, {
+                at: {
+                  ...selection,
                   focus: newFocus
-                })
+                }
               });
               (0, _core.focusEditor)(editor, focus.path);
               return;
@@ -326,18 +329,20 @@ const withTable = editor => {
         const column = rowChildren[j];
         newRowChildren.push(column);
       }
-      selectedRows.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), {}, {
+      selectedRows.push({
+        ...row,
         children: newRowChildren
-      }));
+      });
     }
     for (let j = minColIndex; j <= maxColIndex; j++) {
       const column = columns[j];
       selectedColumns.push(column);
     }
-    return [Object.freeze((0, _objectSpread2.default)((0, _objectSpread2.default)({}, selectedNode), {}, {
+    return [Object.freeze({
+      ...selectedNode,
       children: selectedRows,
       columns: selectedColumns
-    }))];
+    })];
   };
 
   // copy: mod + c
@@ -386,7 +391,7 @@ const withTable = editor => {
       insertData(data);
       return;
     }
-    const fragment = data.getData("application/".concat(_constants2.CLIPBOARD_FORMAT_KEY));
+    const fragment = data.getData(`application/${_constants2.CLIPBOARD_FORMAT_KEY}`);
     if (fragment) {
       const decoded = decodeURIComponent(window.atob(fragment));
       const parsedData = JSON.parse(decoded);
@@ -489,8 +494,8 @@ const withTable = editor => {
       const columnWidth = Math.max(_constants3.TABLE_CELL_MIN_WIDTH, parseInt(editor.width / columnCount));
       _slate.Transforms.setNodes(newEditor, {
         style: {
-          gridTemplateColumns: "repeat(".concat(columnCount, ", ").concat(columnWidth, "px)"),
-          gridAutoRows: "minmax(".concat(_constants3.TABLE_ROW_MIN_HEIGHT, "}px, auto)")
+          gridTemplateColumns: `repeat(${columnCount}, ${columnWidth}px)`,
+          gridAutoRows: `minmax(${_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-".concat(i, "-").concat(j),
+          key: `sdoc-table-size-cell-${i}-${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-".concat(i),
+      tableSize.push( /*#__PURE__*/_react.default.createElement("div", {
+        key: `sdoc-table-size-row-${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 "
-  }, "".concat(selectedSize[0], " x ").concat(selectedSize[1])), /*#__PURE__*/_react.default.createElement(_tableTemplate.default, {
+  }, `${selectedSize[0]} x ${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 ".concat((0, _helpers.getCellHighlightClassName)(alternateColor, index)),
-    key: "sdoc-template-table-row-".concat(index),
+    className: `sdoc-table-template-row table-row ${(0, _helpers.getCellHighlightClassName)(alternateColor, index)}`,
+    key: `sdoc-template-table-row-${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-".concat(index)
+    key: `sdoc-template-table-cell-${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,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 _slateReact = require("@seafile/slate-react");
@@ -195,11 +194,13 @@ const Table = _ref => {
   const handlerStartDragging = (0, _react.useCallback)(() => {
     setIsDraggingResizeHandler(true);
   }, []);
-  let style = element.style ? (0, _objectSpread2.default)({}, element.style) : {};
-  const columnWidthList = columns.map(item => "".concat(item.width, "px"));
+  let style = element.style ? {
+    ...element.style
+  } : {};
+  const columnWidthList = columns.map(item => `${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(".concat(item, "px, auto)")).join(' ');
+  style.gridAutoRows = rowHeightList.map(item => `minmax(${item}px, auto)`).join(' ');
   return /*#__PURE__*/_react.default.createElement(_hooks.TableSelectedRangeContext.Provider, {
     value: selectedRange
   }, /*#__PURE__*/_react.default.createElement(_hooks.ResizeHandlersContext.Provider, {
@@ -249,11 +250,13 @@ 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 ? (0, _objectSpread2.default)({}, element.style) : {};
-    const columnWidthList = columns.map(item => "".concat(item.width, "px"));
+    let style = element.style ? {
+      ...element.style
+    } : {};
+    const columnWidthList = columns.map(item => `${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(".concat(item, "px, auto)")).join(' ');
+    style.gridAutoRows = rowHeightList.map(item => `minmax(${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,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 _slateReact = require("@seafile/slate-react");
@@ -82,9 +81,12 @@ const TableCell = _ref => {
     rowspan = 1,
     colspan = 1
   } = element;
-  style.gridArea = "".concat(rowIndex + 1, " / ").concat(cellIndex + 1, " / span ").concat(rowspan, " / span ").concat(colspan);
+  style.gridArea = `${rowIndex + 1} / ${cellIndex + 1} / span ${rowspan} / span ${colspan}`;
   if (element.style) {
-    style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), style);
+    style = {
+      ...element.style,
+      ...style
+    };
   }
   const onMouseMove = mouseDownEvent => {
     eventBus.dispatch(_constants.INTERNAL_EVENT.TABLE_CELL_MOUSE_ENTER, {
@@ -104,11 +106,12 @@ 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 = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resizeMaskCellInfo), {}, {
+    const cellInfo = {
+      ...resizeMaskCellInfo,
       displayType,
       mouseDownEvent: event,
       tableId
-    });
+    };
     if (cellInfo.displayType === _constants3.DRAG_HANDLER_COLUMN) {
       const offsetX = cellInfo.mouseDownEvent.nativeEvent.offsetX;
       const cellWidth = cellInfo.width;
@@ -169,7 +172,10 @@ const TableCell = _ref => {
     }
   }, [cellIndex, editor, eventBus, rowIndex, tableEntry, tableId]);
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), style),
+    style: {
+      ...element.style,
+      ...style
+    },
     className: (0, _classnames.default)('table-cell', attributes.className, highlightClass, {
       [_constants3.CELL_SELECTED]: isSelected,
       'cell-light-height-left-border': isSelectedFirstCell,
@@ -230,9 +236,12 @@ function renderTableCell(props) {
       rowspan = 1,
       colspan = 1
     } = element;
-    style.gridArea = "".concat(rowIndex + 1, " / ").concat(cellIndex + 1, " / span ").concat(rowspan, " / span ").concat(colspan);
+    style.gridArea = `${rowIndex + 1} / ${cellIndex + 1} / span ${rowspan} / span ${colspan}`;
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
-      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), style),
+      style: {
+        ...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,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 _mouseEvent = require("../../../../../utils/mouse-event");
@@ -75,15 +73,17 @@ const ColumnResizeHandler = _ref => {
       const newColumns = columns.slice(0);
       const column = newColumns[cellIndex];
       const newWidth = width + left - initLeft;
-      newColumns[cellIndex] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+      newColumns[cellIndex] = {
+        ...column,
         width: newWidth
-      });
+      };
       const nextColumn = columns[cellIndex + 1];
       if (nextColumn) {
         const nextColumnWidth = nextColumn.width - left + initLeft;
-        newColumns[cellIndex + 1] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextColumn), {}, {
+        newColumns[cellIndex + 1] = {
+          ...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,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 _mouseEvent = require("../../../../../utils/mouse-event");
@@ -69,9 +67,10 @@ const FirstColumnResizeHandler = _ref => {
       const newColumns = columns.slice(0);
       const column = newColumns[cellIndex];
       const newWidth = width + left - initLeft;
-      newColumns[cellIndex] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+      newColumns[cellIndex] = {
+        ...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,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 _constants = require("../../../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../../../utils/event-bus"));
@@ -45,9 +44,10 @@ const ResizeMask = _ref => {
       top,
       left
     });
-    setCellInfo((0, _objectSpread2.default)((0, _objectSpread2.default)({}, resizeMaskCellInfo), {}, {
+    setCellInfo({
+      ...resizeMaskCellInfo,
       mouseDownEvent
-    }));
+    });
   }, [editor, table]);
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
@@ -58,12 +58,16 @@ const ResizeMask = _ref => {
   }, [handleCellMouseMove]);
   const getHandlerDisplayInfo = (0, _react.useCallback)(mode => {
     let resizeHandlerInfo = {};
-    if (mode === _constants2.RESIZE_MASK_BOTTOM) resizeHandlerInfo = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, cellInfo), maskStyle), {}, {
+    if (mode === _constants2.RESIZE_MASK_BOTTOM) resizeHandlerInfo = {
+      ...cellInfo,
+      ...maskStyle,
       displayType: _constants2.RESIZE_HANDLER_ROW
-    });
-    if (mode === _constants2.RESIZE_MASK_RIGHT) resizeHandlerInfo = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, cellInfo), maskStyle), {}, {
+    };
+    if (mode === _constants2.RESIZE_MASK_RIGHT) resizeHandlerInfo = {
+      ...cellInfo,
+      ...maskStyle,
       displayType: _constants2.RESIZE_HANDLER_COLUMN
-    });
+    };
     if (mode === _constants2.RESIZE_MASK_LEFT) {
       const {
         cellIndex,
@@ -74,11 +78,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 = (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        displayType
-      }, resizeMaskCellInfo), {}, {
+      resizeHandlerInfo = {
+        displayType,
+        ...resizeMaskCellInfo,
         mouseDownEvent
-      });
+      };
     }
     if (mode === _constants2.RESIZE_MASK_TOP) {
       const {
@@ -87,11 +91,11 @@ const ResizeMask = _ref => {
         mouseDownEvent
       } = cellInfo;
       const resizeMaskCellInfo = (0, _helpers.getResizeMaskCellInfo)(editor, table, rowIndex - 1, cellIndex);
-      resizeHandlerInfo = (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        displayType: _constants2.RESIZE_HANDLER_ROW
-      }, resizeMaskCellInfo), {}, {
+      resizeHandlerInfo = {
+        displayType: _constants2.RESIZE_HANDLER_ROW,
+        ...resizeMaskCellInfo,
         mouseDownEvent: mouseDownEvent
-      });
+      };
     }
     return resizeHandlerInfo;
   }, [cellInfo, editor, maskStyle, table]);