@seafile/sdoc-editor 2.0.73 → 2.0.75-test-0.0.1

package/dist/basic-sdk/extension/plugins/multi-column/render/multi-column-root.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 _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 const MultiColumnRoot = _ref => {
@@ -14,10 +15,9 @@ const MultiColumnRoot = _ref => {
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
     className: (0, _classnames.default)('sdoc-multicolumn-wrapper position-relative', attributes.className),
-    style: {
-      ...attributes.style,
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, attributes.style), {}, {
       maxWidth: '100%'
-    }
+    })
   }), children);
 };
 var _default = exports.default = MultiColumnRoot;

package/dist/basic-sdk/extension/plugins/multi-column/render/render-column.js

@@ -32,7 +32,7 @@ const Column = _ref => {
     className: (0, _classnames.default)('column', attributes.className),
     "data-id": element.id,
     style: {
-      width: `${columnWidth}px`
+      width: "".concat(columnWidth, "px")
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-column-container"

package/dist/basic-sdk/extension/plugins/multi-column/resize-handlers/column-resize-handler.js

@@ -17,7 +17,7 @@ const ColumnResizeHandler = _ref => {
   } = _ref;
   const isActive = isMouseNearBorder || isDraggingResizeHandler && adjustingCell === index;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `column-width-just ${isActive ? 'active' : ''}`,
+    className: "column-width-just ".concat(isActive ? 'active' : ''),
     onMouseDown: event => {
       event.preventDefault();
       handleMouseDown(index, event);

package/dist/basic-sdk/extension/plugins/multi-column/resize-handlers/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");
@@ -78,15 +79,13 @@ const ResizeHandlers = _ref => {
       if (cellWidths[index] === _constants.COLUMN_MIN_WIDTH && deltaX < 0) return;
       const updatedColumn = column.map((column, colIndex) => {
         if (colIndex === index) {
-          return {
-            ...column,
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
             width: newWidth
-          };
+          });
         } else if (colIndex === index + 1) {
-          return {
-            ...column,
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
             width: cellWidths[index] + cellWidths[index + 1] - newWidth
-          };
+          });
         }
         return column;
       });
@@ -95,8 +94,7 @@ const ResizeHandlers = _ref => {
     const onMouseUp = event => {
       event.preventDefault();
       if (adjustingCell === null) return;
-      const newColumn = column.map(column => ({
-        ...column,
+      const newColumn = column.map(column => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
         left: column.width
       }));
       handleResizeColumn(newColumn);
@@ -137,7 +135,7 @@ const ResizeHandlers = _ref => {
       index: index,
       handleMouseDown: handleMouseDown,
       style: {
-        left: `${left - 15}px`
+        left: "".concat(left - 15, "px")
       },
       adjustingCell: adjustingCell,
       isDraggingResizeHandler: isDraggingResizeHandler,

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/plugin/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slate = require("@seafile/slate");
-var _constants = require("../../../../../constants");
+var _constants = require("../../../../constants");
 var _constants2 = require("../../../constants");
 var _core = require("../../../core");
 var _helpers = require("../../list/helpers");

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

@@ -11,7 +11,7 @@ var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _toast = _interopRequireDefault(require("../../../../../components/toast"));
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _commons = require("../../../commons");
 var _constants = require("../../../constants");
 var _core = require("../../../core");
@@ -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

@@ -33,7 +33,7 @@ const ReplaceAllConfirmModal = _ref => {
     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", {
+  }, 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/dialogs/custom-table-size-dialog/index.js

@@ -9,7 +9,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _modalHeader = _interopRequireDefault(require("../../../../../../components/modal-header"));
 var _constants = require("../../constants");
 var _helpers = require("../../helpers");
 var _numberInput = _interopRequireDefault(require("./number-input"));
@@ -52,14 +51,23 @@ const CustomTableSizeDialog = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [cols]);
+  const close = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     toggle: closeDialog,
     size: "md",
     className: "sdoc-custom-table-size-dialog",
     zIndex: 1111
-  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
-    toggle: closeDialog
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
   }, t('Customize_the_number_of_rows_and_columns')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex sdoc-custom-table-size-container"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/extension/plugins/table/dialogs/split-cell-setting-dialog.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _modalHeader = _interopRequireDefault(require("../../../../../components/modal-header"));
 var _helpers = require("../helpers");
 const SplitCellSettingDialog = _ref => {
   let {
@@ -64,14 +62,23 @@ const SplitCellSettingDialog = _ref => {
     closeDialog();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [rowNumber, columnNumber]);
+  const close = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     autoFocus: false,
     toggle: closeDialog,
     zIndex: 1071,
     returnFocusAfterClose: true
-  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
-    toggle: closeDialog
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
   }, t('Split_cell')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Row, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
     md: 6
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {

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)")
     };
   }
 }