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

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

@@ -1,12 +1,13 @@
 "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.renderImage = renderImage;
 exports.renderImageBlock = renderImageBlock;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
@@ -105,10 +106,9 @@ const Image = _ref => {
       'eventName': 'mouseup',
       'event': onResizeEnd
     }]);
-    const newData = {
-      ...element.data,
+    const newData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.data), {}, {
       width: imageRef.current.width
-    };
+    });
     (0, _helpers.updateImage)(editor, newData);
 
     // Reset hover menu position
@@ -235,10 +235,9 @@ const Image = _ref => {
   }, []);
   const onSetCaption = (0, _react.useCallback)(e => {
     const path = _slateReact.ReactEditor.findPath(editor, element);
-    const newData = {
-      ...data,
+    const newData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
       caption: e.target.value.trim()
-    };
+    });
     if (path) {
       _slate.Transforms.setNodes(editor, {
         data: newData
@@ -250,9 +249,7 @@ const Image = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isShowImagePlaceholder && /*#__PURE__*/_react.default.createElement("span", Object.assign({
     className: (0, _classnames.default)('sdoc-image-wrapper', className)
   }, attributes, {
-    style: {
-      ...style
-    },
+    style: (0, _objectSpread2.default)({}, style),
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
     contentEditable: "false",
     "data-src": (0, _helpers.getImageURL)(data, editor),
@@ -266,9 +263,7 @@ const Image = _ref => {
   }), children), isCopyImageError && /*#__PURE__*/_react.default.createElement("span", Object.assign({
     className: (0, _classnames.default)('sdoc-image-wrapper', className)
   }, attributes, {
-    style: {
-      ...style
-    },
+    style: (0, _objectSpread2.default)({}, style),
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
     contentEditable: "false",
     "data-src": data.src,
@@ -281,9 +276,7 @@ const Image = _ref => {
     "data-id": element.id,
     className: (0, _classnames.default)('sdoc-image-wrapper', className)
   }, attributes, {
-    style: {
-      ...style
-    },
+    style: (0, _objectSpread2.default)({}, style),
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
     contentEditable: "false",
     suppressContentEditableWarning: true
@@ -358,9 +351,7 @@ function renderImage(props, editor) {
     element,
     leaf
   } = props;
-  let style = {
-    ...props.style
-  };
+  let style = (0, _objectSpread2.default)({}, props.style);
   if (leaf && leaf.computed_background_color) {
     style['backgroundColor'] = leaf.computed_background_color;
   }
@@ -395,7 +386,7 @@ function renderImageBlock(props, editor) {
     className: "sdoc-image-block-wrapper",
     style: {
       display: 'flex',
-      justifyContent: `${justifyContent}`
+      justifyContent: "".concat(justifyContent)
     }
   }, attributes, {
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),

package/dist/basic-sdk/extension/plugins/image/use-copy-image.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 = require("react");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -13,11 +14,10 @@ var _helpers = require("./helpers");
 const updateImageNode = async function (editor, element, newUrl) {
   let isError = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   const nodePath = _slateReact.ReactEditor.findPath(editor, element);
-  const newData = {
-    ...element.data,
+  const newData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.data), {}, {
     src: newUrl,
     is_copy_error: isError
-  };
+  });
   _slate.Transforms.setNodes(editor, {
     data: newData
   }, {
@@ -56,7 +56,7 @@ const useCopyImage = _ref => {
             updateImageNode(editor, element, imageUrl[0]);
           }
         } else {
-          throw new Error(`HTTP error status: ${response.status}`);
+          throw new Error("HTTP error status: ".concat(response.status));
         }
       } catch (error) {
         console.error(error);

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.upsertLinkText = exports.updateLink = exports.unWrapLinkNode = exports.isWeChat = exports.isSdocFile = exports.isMenuDisabled = exports.isLinkToolBarActive = exports.insertLink = exports.getMenuPosition = exports.getLinkType = exports.genLinkNode = exports.checkLink = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _slugid = _interopRequireDefault(require("slugid"));
@@ -151,10 +152,9 @@ const upsertLinkText = (editor, _ref) => {
       const firstText = newLInkNode.children[0];
       (0, _core.replaceNodeChildren)(editor, {
         at: newLinkPath,
-        nodes: {
-          ...firstText,
+        nodes: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, firstText), {}, {
           text
-        },
+        }),
         insertOptions: {
           select: true
         }

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

@@ -32,7 +32,7 @@ const LinkHover = _ref => {
       location.href = element.href;
     }
   }, [element.href]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
     id: "link-op-menu",
     className: "link-op-menu",
     style: menuPosition

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

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../../../constants");
 var _commonUtils = require("../../../../utils/common-utils");
@@ -36,14 +37,14 @@ const LinkMenu = _ref => {
 
   // Apply for comment Editor
   if (editor.editorType === _constants.COMMENT_EDITOR) {
-    const menuProps = {
+    const menuProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
       isRichEditor,
-      className,
-      ...menuConfig,
+      className
+    }, menuConfig), {}, {
       disabled: disabled,
       isActive: false,
       onMouseDown: openLinkDialog
-    };
+    });
     menuProps.id = 'sdoc-comment-editor' + menuConfig.id;
     return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, menuProps);
   }

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _commons = require("../../../commons");
@@ -50,15 +51,15 @@ class ListMenu extends _react.default.Component {
       ariaLabel
     } = this.props;
     const menuConfig = _constants.MENUS_CONFIG_MAP[type];
-    const props = {
+    const props = (0, _objectSpread2.default)((0, _objectSpread2.default)({
       isRichEditor,
       className,
-      ariaLabel,
-      ...menuConfig,
+      ariaLabel
+    }, menuConfig), {}, {
       disabled: this.isDisabled(),
       isActive: this.isActive(),
       onMouseDown: this.onMouseDown
-    };
+    });
     return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, props);
   }
 }

package/dist/basic-sdk/extension/plugins/list/plugin/index.js

@@ -1,9 +1,11 @@
 "use strict";
 
+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 _slate = require("@seafile/slate");
 var _constants = require("../../../constants");
 var _core = require("../../../core");
@@ -78,13 +80,12 @@ const withList = editor => {
             const pointBeforeListItem = _slate.Editor.before(editor, editor.selection.focus);
             let currentLic = null;
             let hasMultipleChildren = false;
-            const editorOptions = {
-              ...editor,
+            const editorOptions = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, editor), {}, {
               selection: {
                 anchor: editor.selection.anchor,
                 focus: pointBeforeListItem
               }
-            };
+            });
             if (pointBeforeListItem && (0, _isAcrossListItems.isAcrossListItems)(editorOptions)) {
               // get closest lic ancestor of current selectable
               const _licNodes = (0, _core.getNodeEntries)(editor, {

package/dist/basic-sdk/extension/plugins/list/plugin/on-tab-handle.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.onTabHandle = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _constants = require("../../../constants");
@@ -30,12 +31,8 @@ const onTabHandle = (editor, event) => {
         anchor,
         focus
       } = {
-        anchor: {
-          ...selection.focus
-        },
-        focus: {
-          ...selection.anchor
-        }
+        anchor: (0, _objectSpread2.default)({}, selection.focus),
+        focus: (0, _objectSpread2.default)({}, selection.anchor)
       });
     }
     const unHungRange = _slate.Editor.unhangRange(editor, {

package/dist/basic-sdk/extension/plugins/list/transforms/insert-list-item.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.insertListItem = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _constants = require("../../../constants");
 var _core = require("../../../core");
@@ -68,10 +70,7 @@ const insertListItem = editor => {
       // listItem 有内容，光标在结尾
       const marks = (_Editor$marks = _slate.Editor.marks(editor)) === null || _Editor$marks === void 0 ? void 0 : _Editor$marks.key;
       const itemContent = (0, _model.generateEmptyListContent)();
-      _slate.Transforms.insertNodes(editor, {
-        ...itemContent,
-        ...marks
-      }, {
+      _slate.Transforms.insertNodes(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemContent), marks), {
         at: nextListItemPath
       });
       const listItem = (0, _model.generateEmptyListItem)();

package/dist/basic-sdk/extension/plugins/list/transforms/toggle-list.js

@@ -1,9 +1,11 @@
 "use strict";
 
+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 _slate = require("@seafile/slate");
 var _constants = require("../../../constants");
 var _core = require("../../../core");
@@ -48,12 +50,9 @@ const wrapRangeList = (editor, type) => {
           mode: 'lowest'
         };
         const startList = (0, _core.findNode)(editor, options);
-        const endList = (0, _core.findNode)(editor, {
-          ...options,
-          ...{
-            at: end
-          }
-        });
+        const endList = (0, _core.findNode)(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, options), {
+          at: end
+        }));
         const rangeLength = Math.min(startList[1].length, endList[1].length);
         _slate.Transforms.setNodes(editor, {
           type

package/dist/basic-sdk/extension/plugins/markdown/plugin.js

@@ -1,9 +1,11 @@
 "use strict";
 
+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 _slate = require("@seafile/slate");
 var _constants = require("../../../constants");
 var _constants2 = require("../../constants");
@@ -30,14 +32,8 @@ const LIST_SHORT_CUT = {
 const REFERENCE_SHORT_CUT = {
   '>': _constants2.BLOCKQUOTE
 };
-const KEY_TO_TYPE_FOR_SPACE_DEFAULT_EDITOR = {
-  ...TITLE_SHORT_CUT,
-  ...LIST_SHORT_CUT,
-  ...REFERENCE_SHORT_CUT
-};
-const KEY_TO_TYPE_FOR_SPACE_COMMENT_EDITOR = {
-  ...LIST_SHORT_CUT
-};
+const KEY_TO_TYPE_FOR_SPACE_DEFAULT_EDITOR = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, TITLE_SHORT_CUT), LIST_SHORT_CUT), REFERENCE_SHORT_CUT);
+const KEY_TO_TYPE_FOR_SPACE_COMMENT_EDITOR = (0, _objectSpread2.default)({}, LIST_SHORT_CUT);
 const KEY_TO_INLINE_TYPE_FOR_SPACE = {
   // Inline shortcut keys
   '**': _constants2.TEXT_STYLE_MAP.BOLD,
@@ -115,9 +111,7 @@ const withMarkDown = editor => {
               path: range.focus.path,
               offset: startOffset
             },
-            focus: {
-              ...selection.focus
-            }
+            focus: (0, _objectSpread2.default)({}, selection.focus)
           },
           voids: true
         });
@@ -140,9 +134,7 @@ const withMarkDown = editor => {
             path: range.focus.path,
             offset: startOffset
           },
-          focus: {
-            ...selection.focus
-          }
+          focus: (0, _objectSpread2.default)({}, selection.focus)
         },
         voids: true
       });
@@ -169,9 +161,7 @@ const withMarkDown = editor => {
               path: range.focus.path,
               offset: startOffset
             },
-            focus: {
-              ...selection.focus
-            }
+            focus: (0, _objectSpread2.default)({}, selection.focus)
           },
           voids: true
         });

package/dist/basic-sdk/extension/plugins/mention/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 _constants = require("../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
@@ -66,10 +67,9 @@ const withMention = editor => {
               });
             }
           }
-          return (0, _core.focusEditor)(editor, {
-            ...insertPoint,
+          return (0, _core.focusEditor)(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, insertPoint), {}, {
             offset: insertPoint.offset + text.length
-          });
+          }));
         }
       }
     }
@@ -231,10 +231,9 @@ const withMention = editor => {
         at: insertPoint
       });
       event.preventDefault();
-      (0, _core.focusEditor)(editor, {
-        ...insertPoint,
+      (0, _core.focusEditor)(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, insertPoint), {}, {
         offset: insertPoint.offset + data.length
-      });
+      }));
       if (nextNodeEntry) {
         const [nextNode, nextPath] = nextNodeEntry;
         if (_slate.Text.isText(nextNode) && nextNode.text === '') {

package/dist/basic-sdk/extension/plugins/mention/render-elem/comment-participant-item.js

@@ -40,7 +40,7 @@ const CommentParticipantItem = _ref => {
   }, [participant, onSelectParticipant]);
   const active = participantIndex === activeParticipantIndex;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `comment-participant-item ${active ? 'active' : ''}`,
+    className: "comment-participant-item ".concat(active ? 'active' : ''),
     ref: ref,
     onClick: selectParticipant
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/extension/plugins/mention/render-elem/participant-popover.js

@@ -95,14 +95,14 @@ const ParticipantPopover = _ref => {
     const isVerticalDirectionBeyondScreen = height + caretPosition.y + _constants.LINE_HEIGHT > window.innerHeight;
 
     // if the vertical direction exceeds the screen, collaboratorsPopoverRef appear above the cursor
-    const top = isVerticalDirectionBeyondScreen ? `${caretPosition.y - offsetHeight + _constants.LINE_HEIGHT}px` : `${caretPosition.y + _constants.LINE_HEIGHT}px`;
+    const top = isVerticalDirectionBeyondScreen ? "".concat(caretPosition.y - offsetHeight + _constants.LINE_HEIGHT, "px") : "".concat(caretPosition.y + _constants.LINE_HEIGHT, "px");
     collaboratorsPopoverRef.current.style.top = top;
 
     // Whether the horizontal direction exceeds the screen
     const isHorizontalDirectionBeyondScreen = caretPosition.x + _constants.FONT_SIZE_WIDTH + width > window.innerWidth;
 
     // if the horizontal direction exceeds the screen, collaboratorsPopoverRef is displayed against the right side of the screen
-    const left = isHorizontalDirectionBeyondScreen ? `${window.innerWidth - width}px` : `${caretPosition.x + _constants.FONT_SIZE_WIDTH}px`;
+    const left = isHorizontalDirectionBeyondScreen ? "".concat(window.innerWidth - width, "px") : "".concat(caretPosition.x + _constants.FONT_SIZE_WIDTH, "px");
     collaboratorsPopoverRef.current.style.left = left;
   }, [collaboratorsPopoverRef]);
   const getSearchedCollaborators = (0, _react.useCallback)(searchingText => {

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateColumnWidthOnDeletion = exports.updateColumnWidth = exports.insertMultiColumn = exports.hasImageInColumn = exports.handleInsertMultiColumn = exports.getCurrentPageWidth = exports.generateEmptyMultiColumn = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _slugid = _interopRequireDefault(require("slugid"));
@@ -72,14 +73,14 @@ const generateEmptyMultiColumn = (editor, MultiColumnType) => {
     children: columnNodes,
     column,
     style: {
-      gridTemplateColumns: `repeat(${multiColumnNumber}, ${initialColumnWidth}px)`
+      gridTemplateColumns: "repeat(".concat(multiColumnNumber, ", ").concat(initialColumnWidth, "px)")
     }
   };
 };
 exports.generateEmptyMultiColumn = generateEmptyMultiColumn;
 const updateColumnWidth = (editor, element, column, newPath) => {
   const path = (0, _core.findPath)(editor, element, newPath);
-  const gridTemplateColumns = column.map(column => `${column.width}px`).join(' ');
+  const gridTemplateColumns = column.map(column => "".concat(column.width, "px")).join(' ');
   _slate.Transforms.setNodes(editor, {
     column: column,
     style: {
@@ -152,8 +153,7 @@ const updateColumnWidthOnDeletion = function (editor, selection, column, deletio
   const columnWidth = Math.max(_constants3.COLUMN_MIN_WIDTH, parseInt(currentPageWidth / remainingColumn.length));
 
   // Recalculate width of every left column
-  const newColumn = remainingColumn.map((column, index) => ({
-    ...column,
+  const newColumn = remainingColumn.map((column, index) => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
     left: index * columnWidth,
     width: columnWidth
   }));

package/dist/basic-sdk/extension/plugins/multi-column/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 _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -22,9 +23,7 @@ const MultiColumn = _ref => {
   } = _ref;
   const editor = (0, _slateReact.useSlateStatic)();
   const multiColumn = (0, _react.useRef)(null);
-  const [style, setStyle] = (0, _react.useState)(element.style ? {
-    ...element.style
-  } : {});
+  const [style, setStyle] = (0, _react.useState)(element.style ? (0, _objectSpread2.default)({}, element.style) : {});
   const multiColumnContainerClassName = (0, _classnames.default)('sdoc-multicolumn-container', className);
   const [pageWidth, setPageWidth] = (0, _react.useState)((0, _helper.getCurrentPageWidth)(editor));
   const readOnly = (0, _slateReact.useReadOnly)();
@@ -45,24 +44,21 @@ const MultiColumn = _ref => {
       // Check if sdocPageWidth changes
       if (pageWidth && newPageWidth !== pageWidth) {
         const scaleFactor = newPageWidth / pageWidth;
-        const updatedColumns = element.column.map(item => ({
-          ...item,
+        const updatedColumns = element.column.map(item => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
           width: Math.round(item.width * scaleFactor)
         }));
-        const columnWidthList = updatedColumns.map(item => `${item.width}px`);
-        const newStyle = {
-          ...element.style,
+        const columnWidthList = updatedColumns.map(item => "".concat(item.width, "px"));
+        const newStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), {}, {
           gridTemplateColumns: columnWidthList.join(' ')
-        };
+        });
         setStyle(newStyle);
         setPageWidth(newPageWidth);
         (0, _helper.updateColumnWidth)(editor, element, updatedColumns);
       } else {
-        const columnWidthList = element.column.map(item => `${item.width}px`);
-        const newStyle = {
-          ...element.style,
+        const columnWidthList = element.column.map(item => "".concat(item.width, "px"));
+        const newStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), {}, {
           gridTemplateColumns: columnWidthList.join(' ')
-        };
+        });
         setStyle(newStyle);
       }
     });

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,