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

package/dist/basic-sdk/extension/plugins/paragraph/render-elem.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderParagraph = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -62,10 +63,9 @@ const Paragraph = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     "data-id": element.id
   }, customAttributes, {
-    style: {
-      position: isShowPlaceHolder ? 'relative' : '',
-      ...style
-    },
+    style: (0, _objectSpread2.default)({
+      position: isShowPlaceHolder ? 'relative' : ''
+    }, style),
     className: className
   }), children, isShowPlaceHolder && /*#__PURE__*/_react.default.createElement(_placeholder.default, {
     title: placeholder,

package/dist/basic-sdk/extension/plugins/quick-insert/render-elem.js

@@ -48,7 +48,7 @@ const RenderQuickInsert = (_ref, editor, readonly) => {
     if (overflowX < 0) {
       left = sideMenuRef.current.offsetWidth + 10;
     }
-    return `top: ${top}px; left: ${left}px`;
+    return "top: ".concat(top, "px; left: ").concat(left, "px");
   }, []);
   const handleInsertMenuStyle = (0, _react.useCallback)(() => {
     const currentDom = _slateReact.ReactEditor.toDOMNode(editor, element);

package/dist/basic-sdk/extension/plugins/sdoc-link/helpers.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.unwrapLinkNode = exports.removeTempInput = exports.removeShortCutSymbol = exports.onCopySdocLinkNode = exports.isTriggeredByShortcut = exports.isMenuDisabled = exports.insertTextWhenRemoveFileNameCollector = exports.insertTempInput = exports.insertSdocFileLink = exports.getUrl = exports.getType = exports.getSdocLinkEntry = exports.getSdocFileIcon = exports.getNewFileListData = exports.getFileSearchInputEntry = exports.getBeforeText = exports.generateSdocFileNode = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
@@ -208,9 +209,7 @@ const removeShortCutSymbol = editor => {
         path: beforeRange.focus.path,
         offset: beforeText.length - 2
       },
-      focus: {
-        ...selection.focus
-      }
+      focus: (0, _objectSpread2.default)({}, selection.focus)
     },
     voids: true
   });
@@ -276,7 +275,7 @@ const insertTextWhenRemoveFileNameCollector = (editor, searchInputNode) => {
 exports.insertTextWhenRemoveFileNameCollector = insertTextWhenRemoveFileNameCollector;
 const getSdocFileIcon = () => {
   const server = _context.default.getSetting('serviceUrl');
-  return `${server}/media/img/file/256/sdoc.png`;
+  return "".concat(server, "/media/img/file/256/sdoc.png");
 };
 exports.getSdocFileIcon = getSdocFileIcon;
 const getSdocLinkEntry = function (editor) {

package/dist/basic-sdk/extension/plugins/sdoc-link/hover-menu/index.js

@@ -57,7 +57,7 @@ const SdocLinkHoverMenu = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const selectedType = element.display_type || _constants2.SDOC_LINK_TYPE.TEXT_LINK;
-  const id = `sdoc-link-display-type-${element.id}`;
+  const id = "sdoc-link-display-type-".concat(element.id);
   const newSdocFileTypes = _constants2.SDOC_LINK_TYPES.filter(sdocLinkType => (0, _core.getCurrentNode)(editor)[0].type === _constants.TABLE_CELL ? sdocLinkType !== _constants2.SDOC_LINK_TYPE.CARD_LINK : true);
   return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-link-hover-menu-container",
@@ -86,7 +86,7 @@ const SdocLinkHoverMenu = _ref => {
     className: "sdocfont sdoc-copy icon-font"
   })), /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
-    className: `op-item ${isShowDisplayStylePopover ? 'link-style-icon-active' : ''}`,
+    className: "op-item ".concat(isShowDisplayStylePopover ? 'link-style-icon-active' : ''),
     onClick: onShowProver,
     id: id
   }, /*#__PURE__*/_react.default.createElement("i", {

package/dist/basic-sdk/extension/plugins/sdoc-link/render/render-elem.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");
@@ -120,13 +121,9 @@ const SdocFileLink = _ref => {
   }, []);
   let style = {};
   if (element.add) {
-    style = {
-      ..._constants.ADDED_STYLE
-    };
+    style = (0, _objectSpread2.default)({}, _constants.ADDED_STYLE);
   } else if (element.delete) {
-    style = {
-      ..._constants.DELETED_STYLE
-    };
+    style = (0, _objectSpread2.default)({}, _constants.DELETED_STYLE);
   }
   if (style.computed_background_color) {
     style['backgroundColor'] = style.computed_background_color;
@@ -137,7 +134,7 @@ const SdocFileLink = _ref => {
   return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     "data-id": element.id,
     contentEditable: false,
-    className: `sdoc-file-render ${isSelected ? 'sdoc-file-link-selected' : ''} ${element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? 'sdoc-file-card-link' : ''}`,
+    className: "sdoc-file-render ".concat(isSelected ? 'sdoc-file-link-selected' : '', " ").concat(element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? 'sdoc-file-card-link' : ''),
     onClick: onClickFile,
     style: element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? style : {}
   }), /*#__PURE__*/_react.default.createElement("span", {

package/dist/basic-sdk/extension/plugins/search-replace/helper.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.scrollIntoView = exports.handleReplaceKeyword = exports.getHighlightInfos = exports.drawHighlights = exports.clearCanvas = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _constants = require("../../constants");
@@ -31,18 +33,16 @@ const formatTextEntries = textEntries => {
 const splitTextNode = node => {
   return node.children.reduce((pre, cur) => {
     if (cur.type === _constants.IMAGE) {
-      pre.push({
-        ...node,
+      pre.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, node), {}, {
         children: []
-      });
+      }));
     } else {
       pre[pre.length - 1].children.push(cur);
     }
     return pre;
-  }, [{
-    ...node,
+  }, [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, node), {}, {
     children: []
-  }]);
+  })]);
 };
 const matchSearchWordPosition = (node, searchWord) => {
   const content = _slate.Node.string(node);

package/dist/basic-sdk/extension/plugins/search-replace/menu/index.js

@@ -54,9 +54,9 @@ const SearchReplaceMenu = _ref => {
     const canvasList = [];
     for (let index = 0; index < generateCount; index++) {
       const top = index * 5000;
-      canvasList.push( /*#__PURE__*/_react.default.createElement("canvas", {
+      canvasList.push(/*#__PURE__*/_react.default.createElement("canvas", {
         key: 'sdoc-find-search-' + index,
-        id: `sdoc-find-search-${index}`,
+        id: "sdoc-find-search-".concat(index),
         className: "sdoc-find-search-highlight-canvas",
         width: articleContainerSize.offsetWidth,
         height: 5000,
@@ -79,7 +79,7 @@ const SearchReplaceMenu = _ref => {
     readonly: readonly,
     isOpen: isOpenPopover,
     closePopover: onMouseDown
-  }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+  }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: articleContainerSize.clientHeight
     },

package/dist/basic-sdk/extension/plugins/search-replace/popover/index.js

@@ -46,7 +46,7 @@ const SearchReplacePopover = _ref => {
   } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const searchInputSuffixContent = (0, _react.useMemo)(() => {
     if (!!searchContent.length && !highlightInfos.length) return t('Search_not_found');
-    if (highlightInfos.length) return `${currentSelectIndex + 1} / ${highlightInfos.length}`;
+    if (highlightInfos.length) return "".concat(currentSelectIndex + 1, " / ").concat(highlightInfos.length);
   }, [currentSelectIndex, highlightInfos.length, searchContent.length, t]);
   (0, _react.useEffect)(() => {
     let y = 95;
@@ -168,7 +168,7 @@ const SearchReplacePopover = _ref => {
     if ((0, _isHotkey.default)('enter', e)) handleNext();
     if ((0, _isHotkey.default)('enter+shift', e)) handleLast();
   };
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-search-replace-popover-container",
     onMouseDown: handleStartMove,
     onMouseMove: handleMouseMove,

package/dist/basic-sdk/extension/plugins/search-replace/popover/replace-all-confirm-modal.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _modalHeader = _interopRequireDefault(require("../../../../../components/modal-header"));
 const ReplaceAllConfirmModal = _ref => {
   let {
     isOpen,
@@ -29,11 +28,18 @@ const ReplaceAllConfirmModal = _ref => {
     originalWord,
     replacedWord
   });
+  const close = /*#__PURE__*/_react.default.createElement("span", {
+    className: "sdoc-add-link-close-icon",
+    onClick: handleCancel
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "sdocfont sdoc-sm-close",
+    "aria-hidden": "true"
+  }));
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: isOpen
-  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
-    toggle: handleCancel
-  }, t('Tip')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, `${modalContent}`), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
+  }, t('Tip')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, "".concat(modalContent)), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement("button", {
     onClick: handleCancel,
     className: "btn btn-secondary"
   }, t('Cancel')), /*#__PURE__*/_react.default.createElement("button", {

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