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

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,14 +1,15 @@
 "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 _utils = require("../../../../../utils");
 var _constants = require("../../../../constants");
+var _commonUtils = require("../../../../utils/common-utils");
 var _commons = require("../../../commons");
 var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
 var _constants2 = require("../../../constants");
@@ -36,21 +37,21 @@ 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);
   }
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const linkShortCutTexts = (0, _react.useMemo)(() => {
-    const printTexts = (0, _utils.isMac)() ? ['⌘', 'k'] : ['Ctrl', 'k'];
+    const printTexts = (0, _commonUtils.isMac)() ? ['⌘', 'k'] : ['Ctrl', 'k'];
     return printTexts;
   }, []);
   return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {

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/helper.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformToText = exports.sortCollaborators = exports.insertTemporaryMentionInput = exports.insertMention = exports.getPrevMentionIptEntry = exports.getPreCharacters = exports.getMentionTempIptEntry = exports.getMentionEntry = void 0;
+exports.transformToText = exports.sortCollaborators = exports.insertTemporaryMentionInput = exports.insertMention = exports.getSelectionCoords = exports.getPrevMentionIptEntry = exports.getPreCharacters = exports.getMentionTempIptEntry = exports.getMentionEntry = void 0;
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _context = _interopRequireDefault(require("../../../../context"));
@@ -180,4 +180,60 @@ const getPreCharacters = editor => {
   });
   return beforeStr;
 };
-exports.getPreCharacters = getPreCharacters;
+exports.getPreCharacters = getPreCharacters;
+const getSelectionCoords = () => {
+  let doc = window.document;
+  let sel = doc.selection;
+  let range;
+  let rects;
+  let rect;
+  let x = 0;
+  let y = 0;
+  if (sel) {
+    if (sel.type !== 'Control') {
+      range = sel.createRange();
+      range.collapse(true);
+      x = range.boundingLeft;
+      y = range.boundingTop;
+    }
+  } else if (window.getSelection) {
+    sel = window.getSelection();
+    if (sel.rangeCount) {
+      range = sel.getRangeAt(0).cloneRange();
+      if (range.getClientRects) {
+        range.collapse(true);
+        rects = range.getClientRects();
+        if (rects.length > 0) {
+          rect = rects[0];
+        }
+        // When the cursor is at the beginning of the line, rect is undefined
+        if (rect) {
+          x = rect.left;
+          y = rect.top;
+        }
+      }
+      // Fall back to inserting a temporary element
+      if (x === 0 && y === 0 || rect === undefined) {
+        let span = doc.createElement('span');
+        if (span.getClientRects) {
+          // Ensure span has dimensions and position by
+          // adding a zero-width space character
+          span.appendChild(doc.createTextNode('\u200b'));
+          range.insertNode(span);
+          rect = span.getClientRects()[0];
+          x = rect.left;
+          y = rect.top;
+          let spanParent = span.parentNode;
+          spanParent.removeChild(span);
+          // Glue any broken text nodes back together
+          spanParent.normalize();
+        }
+      }
+    }
+  }
+  return {
+    x: x,
+    y: y
+  };
+};
+exports.getSelectionCoords = getSelectionCoords;

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

@@ -5,9 +5,9 @@ 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");
+var _constants = require("../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _elementType = require("../../constants/element-type");
 var _core = require("../../core");
@@ -67,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
-          });
+          }));
         }
       }
     }
@@ -163,7 +162,7 @@ const withMention = editor => {
       const interceptorKeyCodes = [DownArrow, UpArrow, Enter, Esc];
       if (interceptorKeyCodes.includes(keyCode)) {
         event.preventDefault();
-        eventBus.dispatch(_constants2.INTERNAL_EVENT.HANDLE_MENTION_TEMP_CHOSEN, {
+        eventBus.dispatch(_constants.INTERNAL_EVENT.HANDLE_MENTION_TEMP_CHOSEN, {
           event
         });
         return;
@@ -205,7 +204,7 @@ const withMention = editor => {
         data
       } = event;
       const compositionText = data.replace(/\'/g, '');
-      eventBus.dispatch(_constants2.INTERNAL_EVENT.UPDATE_MENTION_TEMP_CONTENT, {
+      eventBus.dispatch(_constants.INTERNAL_EVENT.UPDATE_MENTION_TEMP_CONTENT, {
         compositionText
       });
       return true;
@@ -232,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

@@ -8,13 +8,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
-var _constants = require("../../../../../constants");
 var _hooks = require("../../../../../hooks");
-var _utils = require("../../../../../utils");
-var _constants2 = require("../../../../comment/constants");
+var _constants = require("../../../../comment/constants");
 var _useParticipants = require("../../../../comment/hooks/use-participants");
-var _utils2 = require("../../../../comment/utils");
-var _constants3 = require("../../../../constants");
+var _utils = require("../../../../comment/utils");
+var _constants2 = require("../../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _mouseEvent = require("../../../../utils/mouse-event");
 var _commons = require("../../../commons");
@@ -71,15 +69,15 @@ const ParticipantPopover = _ref => {
       offsetHeight,
       scrollTop
     } = collaboratorsPopoverRef.current;
-    if (mouseDownType === _constants2.DOWN) {
-      if (offsetTop + itemOffsetHeight - scrollTop - offsetHeight + _constants2.POPOVER_ADDING_HEIGHT > 0) {
-        let top = offsetTop + itemOffsetHeight - offsetHeight + _constants2.POPOVER_ADDING_HEIGHT;
+    if (mouseDownType === _constants.DOWN) {
+      if (offsetTop + itemOffsetHeight - scrollTop - offsetHeight + _constants.POPOVER_ADDING_HEIGHT > 0) {
+        let top = offsetTop + itemOffsetHeight - offsetHeight + _constants.POPOVER_ADDING_HEIGHT;
         collaboratorsPopoverRef.current.scrollTop = top;
       }
     }
-    if (mouseDownType === _constants2.UP) {
+    if (mouseDownType === _constants.UP) {
       if (offsetTop < scrollTop) {
-        collaboratorsPopoverRef.current.scrollTop = offsetTop - _constants2.POPOVER_ADDING_HEIGHT;
+        collaboratorsPopoverRef.current.scrollTop = offsetTop - _constants.POPOVER_ADDING_HEIGHT;
       }
     }
   }, []);
@@ -94,22 +92,22 @@ const ParticipantPopover = _ref => {
     } = collaboratorsPopoverRef.current;
 
     // Whether the vertical direction exceeds the screen
-    const isVerticalDirectionBeyondScreen = height + caretPosition.y + _constants2.LINE_HEIGHT > window.innerHeight;
+    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 + _constants2.LINE_HEIGHT}px` : `${caretPosition.y + _constants2.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 + _constants2.FONT_SIZE_WIDTH + width > window.innerWidth;
+    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 + _constants2.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 => {
     if (!searchingText.length) return validCollaborators;
-    if (searchingText) return (0, _utils2.searchCollaborators)(validCollaborators, searchingText, editor);
+    if (searchingText) return (0, _utils.searchCollaborators)(validCollaborators, searchingText, editor);
     return [];
   }, [editor, validCollaborators]);
   const handleInvolvedKeyUp = (0, _react.useCallback)(() => {
@@ -121,7 +119,7 @@ const ParticipantPopover = _ref => {
     setActiveCollaboratorIndex(0);
     setSearchedCollaborators(searchedCollaborators);
     setTimeout(() => {
-      const caretPosition = (0, _utils.getSelectionCoords)();
+      const caretPosition = (0, _helper.getSelectionCoords)();
       setCollaboratorsPopoverPosition(caretPosition);
     }, 1);
   }, [getSearchedCollaborators, searchText, hideCommentPopover, setCollaboratorsPopoverPosition]);
@@ -130,7 +128,7 @@ const ParticipantPopover = _ref => {
     const collaboratorsLen = searchedCollaborators.length;
     if (collaboratorsLen === 0) return;
     let nextActiveCollaboratorIndex = activeCollaboratorIndex;
-    if (direction === _constants2.DOWN) {
+    if (direction === _constants.DOWN) {
       nextActiveCollaboratorIndex++;
       if (nextActiveCollaboratorIndex >= collaboratorsLen) {
         nextActiveCollaboratorIndex = 0;
@@ -164,15 +162,15 @@ const ParticipantPopover = _ref => {
     let {
       event
     } = _ref2;
-    if (event.keyCode === _constants.KeyCodes.DownArrow) {
-      handleSelectingCollaborator(event, _constants2.DOWN);
+    if (event.keyCode === _constants2.KeyCodes.DownArrow) {
+      handleSelectingCollaborator(event, _constants.DOWN);
       return;
     }
-    if (event.keyCode === _constants.KeyCodes.UpArrow) {
-      handleSelectingCollaborator(event, _constants2.UP);
+    if (event.keyCode === _constants2.KeyCodes.UpArrow) {
+      handleSelectingCollaborator(event, _constants.UP);
       return;
     }
-    if (event.keyCode === _constants.KeyCodes.Enter) {
+    if (event.keyCode === _constants2.KeyCodes.Enter) {
       if (searchedCollaborators.length > 0) {
         handleSelectCollaborator();
         event.preventDefault();
@@ -182,7 +180,7 @@ const ParticipantPopover = _ref => {
       }
       return;
     }
-    if (event.keyCode === _constants.KeyCodes.Esc) {
+    if (event.keyCode === _constants2.KeyCodes.Esc) {
       (0, _helper.transformToText)(editor);
       return;
     }
@@ -193,7 +191,7 @@ const ParticipantPopover = _ref => {
   // Add the Enter keydown event listener during the capture phase
   (0, _react.useEffect)(() => {
     const handleKeydownCapture = event => {
-      if (event.keyCode === _constants.KeyCodes.Enter) {
+      if (event.keyCode === _constants2.KeyCodes.Enter) {
         handleMentionChosen({
           event
         });
@@ -212,7 +210,7 @@ const ParticipantPopover = _ref => {
     }
     setSearchedCollaborators(newCollaborators);
     setTimeout(() => {
-      const caretPosition = (0, _utils.getSelectionCoords)();
+      const caretPosition = (0, _helper.getSelectionCoords)();
       setCollaboratorsPopoverPosition(caretPosition);
     }, 1);
   }, [getSearchedCollaborators, hideCommentPopover, searchText, setCollaboratorsPopoverPosition]);
@@ -223,7 +221,7 @@ const ParticipantPopover = _ref => {
   }, [searchText, validCollaborators]);
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
-    const unsubscribe = eventBus.subscribe(_constants3.INTERNAL_EVENT.HANDLE_MENTION_TEMP_CHOSEN, handleMentionChosen);
+    const unsubscribe = eventBus.subscribe(_constants2.INTERNAL_EVENT.HANDLE_MENTION_TEMP_CHOSEN, handleMentionChosen);
     return () => {
       unsubscribe();
     };

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