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

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

@@ -1,25 +1,23 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.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");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../../../constants");
 var _imagePlaceholder = _interopRequireDefault(require("../../../assets/images/image-placeholder.png"));
-var _constants2 = require("../../../constants");
+var _constants = require("../../../constants");
 var _useScrollContext = require("../../../hooks/use-scroll-context");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _constants3 = require("../../constants");
-var _constants4 = require("./constants");
+var _constants2 = require("../../constants");
+var _constants3 = require("./constants");
 var _copyImageErrorSvg = _interopRequireDefault(require("./copy-image-error-svg"));
 var _helpers = require("./helpers");
 var _hoverMenu = _interopRequireDefault(require("./hover-menu"));
@@ -40,7 +38,7 @@ const Image = _ref => {
   } = _ref;
   const {
     data,
-    border_type = _constants4.IMAGE_BORDER_TYPE[0].type
+    border_type = _constants3.IMAGE_BORDER_TYPE[0].type
   } = element;
   const {
     show_caption = false,
@@ -49,7 +47,7 @@ const Image = _ref => {
   const path = _slateReact.ReactEditor.findPath(editor, element);
   const nodeEntry = _slate.Editor.node(editor, [path[0]]);
   const imageStyle = {
-    border: _constants4.IMAGE_BORDER_TYPE.find(item => item.type === border_type).value
+    border: _constants3.IMAGE_BORDER_TYPE.find(item => item.type === border_type).value
   };
   const readOnly = (0, _slateReact.useReadOnly)();
   const imageRef = (0, _react.useRef)(null);
@@ -107,9 +105,10 @@ const Image = _ref => {
       'eventName': 'mouseup',
       'event': onResizeEnd
     }]);
-    const newData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.data), {}, {
+    const newData = {
+      ...element.data,
       width: imageRef.current.width
-    });
+    };
     (0, _helpers.updateImage)(editor, newData);
 
     // Reset hover menu position
@@ -187,7 +186,7 @@ const Image = _ref => {
     let unsubscribeImageColumnToggle = null;
     if (column_key) {
       const eventBus = _eventBus.default.getInstance();
-      unsubscribeImageColumnToggle = eventBus.subscribe(_constants.EXTERNAL_EVENT.IMAGE_COLUMN_TOGGLE, onImageColumnToggle);
+      unsubscribeImageColumnToggle = eventBus.subscribe(_constants.INTERNAL_EVENT.IMAGE_COLUMN_TOGGLE, onImageColumnToggle);
     }
     return () => {
       unsubscribeImageColumnToggle && unsubscribeImageColumnToggle();
@@ -230,15 +229,16 @@ const Image = _ref => {
     // External network images do not reload after failure to load
     if (!data.src.startsWith('http')) {
       const eventBus = _eventBus.default.getInstance();
-      eventBus.subscribe(_constants2.INTERNAL_EVENT.RELOAD_IMAGE, reloadImage);
+      eventBus.subscribe(_constants.INTERNAL_EVENT.RELOAD_IMAGE, reloadImage);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const onSetCaption = (0, _react.useCallback)(e => {
     const path = _slateReact.ReactEditor.findPath(editor, element);
-    const newData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+    const newData = {
+      ...data,
       caption: e.target.value.trim()
-    });
+    };
     if (path) {
       _slate.Transforms.setNodes(editor, {
         data: newData
@@ -250,7 +250,9 @@ 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: (0, _objectSpread2.default)({}, style),
+    style: {
+      ...style
+    },
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
     contentEditable: "false",
     "data-src": (0, _helpers.getImageURL)(data, editor),
@@ -264,7 +266,9 @@ const Image = _ref => {
   }), children), isCopyImageError && /*#__PURE__*/_react.default.createElement("span", Object.assign({
     className: (0, _classnames.default)('sdoc-image-wrapper', className)
   }, attributes, {
-    style: (0, _objectSpread2.default)({}, style),
+    style: {
+      ...style
+    },
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
     contentEditable: "false",
     "data-src": data.src,
@@ -277,7 +281,9 @@ const Image = _ref => {
     "data-id": element.id,
     className: (0, _classnames.default)('sdoc-image-wrapper', className)
   }, attributes, {
-    style: (0, _objectSpread2.default)({}, style),
+    style: {
+      ...style
+    },
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
     contentEditable: "false",
     suppressContentEditableWarning: true
@@ -312,7 +318,7 @@ const Image = _ref => {
     onMouseDown: onResizeStart
   }), isResizing && /*#__PURE__*/_react.default.createElement("span", {
     className: "image-size"
-  }, /*#__PURE__*/_react.default.createElement("span", null, t('Width'), ':', parseInt(movingWidth || ((_imageRef$current = imageRef.current) === null || _imageRef$current === void 0 ? void 0 : _imageRef$current.clientWidth))), /*#__PURE__*/_react.default.createElement("span", null, "\xA0\xA0"), /*#__PURE__*/_react.default.createElement("span", null, t('Height'), ':', imageRef.current.clientHeight))), nodeEntry[0].type === _constants3.IMAGE_BLOCK && show_caption && /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, t('Width'), ':', parseInt(movingWidth || ((_imageRef$current = imageRef.current) === null || _imageRef$current === void 0 ? void 0 : _imageRef$current.clientWidth))), /*#__PURE__*/_react.default.createElement("span", null, "\xA0\xA0"), /*#__PURE__*/_react.default.createElement("span", null, t('Height'), ':', imageRef.current.clientHeight))), nodeEntry[0].type === _constants2.IMAGE_BLOCK && show_caption && /*#__PURE__*/_react.default.createElement("input", {
     id: "sdoc-image-caption-input",
     ref: imageCaptionInputRef,
     className: "sdoc-image-caption-input-wrapper",
@@ -352,12 +358,14 @@ function renderImage(props, editor) {
     element,
     leaf
   } = props;
-  let style = (0, _objectSpread2.default)({}, props.style);
+  let style = {
+    ...props.style
+  };
   if (leaf && leaf.computed_background_color) {
     style['backgroundColor'] = leaf.computed_background_color;
   }
   if (element.add || element.delete) {
-    style = Object.assign({}, style, element.add ? _constants3.ADDED_STYLE : _constants3.DELETED_STYLE);
+    style = Object.assign({}, style, element.add ? _constants2.ADDED_STYLE : _constants2.DELETED_STYLE);
     if (style.computed_background_color) {
       style['backgroundColor'] = style.computed_background_color;
     }
@@ -387,7 +395,7 @@ function renderImageBlock(props, editor) {
     className: "sdoc-image-block-wrapper",
     style: {
       display: 'flex',
-      justifyContent: "".concat(justifyContent)
+      justifyContent: `${justifyContent}`
     }
   }, attributes, {
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),

package/dist/basic-sdk/extension/plugins/image/use-copy-image.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = require("react");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -14,10 +13,11 @@ 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 = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.data), {}, {
+  const newData = {
+    ...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: ".concat(response.status));
+          throw new Error(`HTTP error status: ${response.status}`);
         }
       } catch (error) {
         console.error(error);

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

@@ -5,7 +5,6 @@ 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"));
@@ -152,9 +151,10 @@ const upsertLinkText = (editor, _ref) => {
       const firstText = newLInkNode.children[0];
       (0, _core.replaceNodeChildren)(editor, {
         at: newLinkPath,
-        nodes: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, firstText), {}, {
+        nodes: {
+          ...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,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../../../constants");
 var _commonUtils = require("../../../../utils/common-utils");
@@ -37,14 +36,14 @@ const LinkMenu = _ref => {
 
   // Apply for comment Editor
   if (editor.editorType === _constants.COMMENT_EDITOR) {
-    const menuProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    const menuProps = {
       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,7 +5,6 @@ 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");
@@ -51,15 +50,15 @@ class ListMenu extends _react.default.Component {
       ariaLabel
     } = this.props;
     const menuConfig = _constants.MENUS_CONFIG_MAP[type];
-    const props = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    const props = {
       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,11 +1,9 @@
 "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");
@@ -80,12 +78,13 @@ const withList = editor => {
             const pointBeforeListItem = _slate.Editor.before(editor, editor.selection.focus);
             let currentLic = null;
             let hasMultipleChildren = false;
-            const editorOptions = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, editor), {}, {
+            const editorOptions = {
+              ...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,7 +5,6 @@ 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");
@@ -31,8 +30,12 @@ const onTabHandle = (editor, event) => {
         anchor,
         focus
       } = {
-        anchor: (0, _objectSpread2.default)({}, selection.focus),
-        focus: (0, _objectSpread2.default)({}, selection.anchor)
+        anchor: {
+          ...selection.focus
+        },
+        focus: {
+          ...selection.anchor
+        }
       });
     }
     const unHungRange = _slate.Editor.unhangRange(editor, {

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

@@ -1,11 +1,9 @@
 "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");
@@ -70,7 +68,10 @@ 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, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemContent), marks), {
+      _slate.Transforms.insertNodes(editor, {
+        ...itemContent,
+        ...marks
+      }, {
         at: nextListItemPath
       });
       const listItem = (0, _model.generateEmptyListItem)();

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

@@ -1,11 +1,9 @@
 "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");
@@ -50,9 +48,12 @@ const wrapRangeList = (editor, type) => {
           mode: 'lowest'
         };
         const startList = (0, _core.findNode)(editor, options);
-        const endList = (0, _core.findNode)(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, options), {
-          at: end
-        }));
+        const endList = (0, _core.findNode)(editor, {
+          ...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,11 +1,9 @@
 "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");
@@ -32,8 +30,14 @@ const LIST_SHORT_CUT = {
 const REFERENCE_SHORT_CUT = {
   '>': _constants2.BLOCKQUOTE
 };
-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_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_INLINE_TYPE_FOR_SPACE = {
   // Inline shortcut keys
   '**': _constants2.TEXT_STYLE_MAP.BOLD,
@@ -111,7 +115,9 @@ const withMarkDown = editor => {
               path: range.focus.path,
               offset: startOffset
             },
-            focus: (0, _objectSpread2.default)({}, selection.focus)
+            focus: {
+              ...selection.focus
+            }
           },
           voids: true
         });
@@ -134,7 +140,9 @@ const withMarkDown = editor => {
             path: range.focus.path,
             offset: startOffset
           },
-          focus: (0, _objectSpread2.default)({}, selection.focus)
+          focus: {
+            ...selection.focus
+          }
         },
         voids: true
       });
@@ -161,7 +169,9 @@ const withMarkDown = editor => {
               path: range.focus.path,
               offset: startOffset
             },
-            focus: (0, _objectSpread2.default)({}, selection.focus)
+            focus: {
+              ...selection.focus
+            }
           },
           voids: true
         });

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _constants = require("../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
@@ -67,9 +66,10 @@ const withMention = editor => {
               });
             }
           }
-          return (0, _core.focusEditor)(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, insertPoint), {}, {
+          return (0, _core.focusEditor)(editor, {
+            ...insertPoint,
             offset: insertPoint.offset + text.length
-          }));
+          });
         }
       }
     }
@@ -231,9 +231,10 @@ const withMention = editor => {
         at: insertPoint
       });
       event.preventDefault();
-      (0, _core.focusEditor)(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, insertPoint), {}, {
+      (0, _core.focusEditor)(editor, {
+        ...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 ".concat(active ? 'active' : ''),
+    className: `comment-participant-item ${active ? 'active' : ''}`,
     ref: ref,
     onClick: selectParticipant
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -8,11 +8,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
-var _hooks = require("../../../../../hooks");
 var _constants = require("../../../../comment/constants");
 var _useParticipants = require("../../../../comment/hooks/use-participants");
 var _utils = require("../../../../comment/utils");
 var _constants2 = require("../../../../constants");
+var _useCollaborators = require("../../../../hooks/use-collaborators");
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _mouseEvent = require("../../../../utils/mouse-event");
 var _commons = require("../../../commons");
@@ -28,7 +28,7 @@ const ParticipantPopover = _ref => {
   const collaboratorsPopoverRef = (0, _react.useRef)(null);
   const {
     collaborators
-  } = (0, _hooks.useCollaborators)();
+  } = (0, _useCollaborators.useCollaborators)();
   const {
     addParticipants,
     participants
@@ -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 ? "".concat(caretPosition.y - offsetHeight + _constants.LINE_HEIGHT, "px") : "".concat(caretPosition.y + _constants.LINE_HEIGHT, "px");
+    const top = isVerticalDirectionBeyondScreen ? `${caretPosition.y - offsetHeight + _constants.LINE_HEIGHT}px` : `${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 ? "".concat(window.innerWidth - width, "px") : "".concat(caretPosition.x + _constants.FONT_SIZE_WIDTH, "px");
+    const left = isHorizontalDirectionBeyondScreen ? `${window.innerWidth - width}px` : `${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,7 +5,6 @@ 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"));
@@ -73,14 +72,14 @@ const generateEmptyMultiColumn = (editor, MultiColumnType) => {
     children: columnNodes,
     column,
     style: {
-      gridTemplateColumns: "repeat(".concat(multiColumnNumber, ", ").concat(initialColumnWidth, "px)")
+      gridTemplateColumns: `repeat(${multiColumnNumber}, ${initialColumnWidth}px)`
     }
   };
 };
 exports.generateEmptyMultiColumn = generateEmptyMultiColumn;
 const updateColumnWidth = (editor, element, column, newPath) => {
   const path = (0, _core.findPath)(editor, element, newPath);
-  const gridTemplateColumns = column.map(column => "".concat(column.width, "px")).join(' ');
+  const gridTemplateColumns = column.map(column => `${column.width}px`).join(' ');
   _slate.Transforms.setNodes(editor, {
     column: column,
     style: {
@@ -153,7 +152,8 @@ 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) => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+  const newColumn = remainingColumn.map((column, index) => ({
+    ...column,
     left: index * columnWidth,
     width: columnWidth
   }));

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

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -23,7 +22,9 @@ const MultiColumn = _ref => {
   } = _ref;
   const editor = (0, _slateReact.useSlateStatic)();
   const multiColumn = (0, _react.useRef)(null);
-  const [style, setStyle] = (0, _react.useState)(element.style ? (0, _objectSpread2.default)({}, element.style) : {});
+  const [style, setStyle] = (0, _react.useState)(element.style ? {
+    ...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)();
@@ -44,21 +45,24 @@ const MultiColumn = _ref => {
       // Check if sdocPageWidth changes
       if (pageWidth && newPageWidth !== pageWidth) {
         const scaleFactor = newPageWidth / pageWidth;
-        const updatedColumns = element.column.map(item => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+        const updatedColumns = element.column.map(item => ({
+          ...item,
           width: Math.round(item.width * scaleFactor)
         }));
-        const columnWidthList = updatedColumns.map(item => "".concat(item.width, "px"));
-        const newStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), {}, {
+        const columnWidthList = updatedColumns.map(item => `${item.width}px`);
+        const newStyle = {
+          ...element.style,
           gridTemplateColumns: columnWidthList.join(' ')
-        });
+        };
         setStyle(newStyle);
         setPageWidth(newPageWidth);
         (0, _helper.updateColumnWidth)(editor, element, updatedColumns);
       } else {
-        const columnWidthList = element.column.map(item => "".concat(item.width, "px"));
-        const newStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.style), {}, {
+        const columnWidthList = element.column.map(item => `${item.width}px`);
+        const newStyle = {
+          ...element.style,
           gridTemplateColumns: columnWidthList.join(' ')
-        });
+        };
         setStyle(newStyle);
       }
     });

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 const MultiColumnRoot = _ref => {
@@ -15,9 +14,10 @@ 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: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, attributes.style), {}, {
+    style: {
+      ...attributes.style,
       maxWidth: '100%'
-    })
+    }
   }), children);
 };
 var _default = exports.default = MultiColumnRoot;