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

package/dist/basic-sdk/extension/plugins/ai/ai-menu/menu-item.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
 var _aiIcon = _interopRequireDefault(require("../ai-icon"));
 const MenuItem = _ref => {
   let {

package/dist/basic-sdk/extension/plugins/ai/ai-menu/style.css

@@ -1,5 +1,5 @@
 .menu-group-item.sdoc-ask-ai-menu-container {
-  width: 80px;
+  width: auto;
   color: #212529;
   font-size: 14px;
 }

package/dist/basic-sdk/extension/plugins/ai/ai-module/index.js

@@ -12,10 +12,10 @@ var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _toast = _interopRequireDefault(require("../../../../../components/toast"));
 var _context = _interopRequireDefault(require("../../../../../context"));
-var _mdToHtml = _interopRequireDefault(require("../../../../../slate-convert/md-to-html"));
-var _mdToSlate = _interopRequireDefault(require("../../../../../slate-convert/md-to-slate"));
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
+var _mdToHtml = _interopRequireDefault(require("../../../../slate-convert/md-to-html"));
+var _mdToSlate = _interopRequireDefault(require("../../../../slate-convert/md-to-slate"));
 var _commons = require("../../../commons");
 var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
 var _constants = require("../../../constants");
@@ -96,8 +96,8 @@ function AIModule(_ref) {
           rect = markedSpan[markedSpan.length - 1].getBoundingClientRect();
         }
         const el = aiRef.current;
-        el.style.top = `${((_rect = rect) === null || _rect === void 0 ? void 0 : _rect.bottom) + 8 - 3.23}px`; // top = Current top + Element height - Element padding bottom
-        el.style.left = `${slateRect.left}px`;
+        el.style.top = "".concat(((_rect = rect) === null || _rect === void 0 ? void 0 : _rect.bottom) + 8 - 3.23, "px"); // top = Current top + Element height - Element padding bottom
+        el.style.left = "".concat(slateRect.left, "px");
         el.style.display = 'block';
         setIsShowAIPopover(true);
         (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
@@ -126,8 +126,8 @@ function AIModule(_ref) {
       var _inputRef$current2;
       const slateRect = slateDom.getBoundingClientRect();
       const el = aiRef.current;
-      el.style.top = `${slateRect.bottom + 8}px`; // top = Current top + Element height
-      el.style.left = `${slateRect.left}px`;
+      el.style.top = "".concat(slateRect.bottom + 8, "px"); // top = Current top + Element height
+      el.style.left = "".concat(slateRect.left, "px");
       el.style.display = 'block';
       setIsShowAIPopover(true);
       (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
@@ -188,15 +188,15 @@ function AIModule(_ref) {
       const slateDom = _slateReact.ReactEditor.toDOMNode(editor, aboveNode[0]);
       const slateRect = slateDom.getBoundingClientRect();
       const el = aiRef.current;
-      el.style.top = `${((_rect2 = rect) === null || _rect2 === void 0 ? void 0 : _rect2.bottom) + 8 - 3.23}px`; // top = Current top + Element height - Element padding bottom
-      el.style.left = `${slateRect.left}px`;
+      el.style.top = "".concat(((_rect2 = rect) === null || _rect2 === void 0 ? void 0 : _rect2.bottom) + 8 - 3.23, "px"); // top = Current top + Element height - Element padding bottom
+      el.style.left = "".concat(slateRect.left, "px");
       el.style.display = 'block';
     } else {
       const slateDom = _slateReact.ReactEditor.toDOMNode(editor, element);
       const slateRect = slateDom.getBoundingClientRect();
       const el = aiRef.current;
-      el.style.top = `${slateRect.bottom + 8}px`; // top = Current top + Element height
-      el.style.left = `${slateRect.left}px`;
+      el.style.top = "".concat(slateRect.bottom + 8, "px"); // top = Current top + Element height
+      el.style.left = "".concat(slateRect.left, "px");
       el.style.display = 'block';
     }
   }, [editor, element]);
@@ -513,7 +513,7 @@ function AIModule(_ref) {
     onKeyDown: onKeyDown,
     onChange: onSearchValueChanged
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: `sdocfont sdoc-send-arrow ${!searchValue ? 'disable' : ''}`,
+    className: "sdocfont sdoc-send-arrow ".concat(!searchValue ? 'disable' : ''),
     onClick: onEnter
   }))), !searchValue && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-ai-operations sdoc-dropdown-menu"
@@ -563,7 +563,7 @@ function AIModule(_ref) {
     onKeyDown: onKeyDown,
     onChange: onSearchValueChanged
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: `sdocfont sdoc-send-arrow ${!searchValue ? 'disable' : ''}`,
+    className: "sdocfont sdoc-send-arrow ".concat(!searchValue ? 'disable' : ''),
     onClick: onEnter
   }))), !searchValue && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-ai-operations sdoc-dropdown-menu"

package/dist/basic-sdk/extension/plugins/ai/ai-module/tip-dialog.js

@@ -1,14 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TipDialog;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _modalHeader = _interopRequireDefault(require("../../../../../components/modal-header"));
 function TipDialog(_ref) {
   let {
     closeDialog,
@@ -17,11 +16,20 @@ function TipDialog(_ref) {
   const {
     t
   } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  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
-  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
-    toggle: closeDialog
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
   }, t('Tip')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, t('AI_tip_content')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     color: "secondary",
     className: "mr-2",

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setBlockQuoteType = exports.isMenuDisabled = exports.insertBlockQuote = exports.getFormattedRestElements = exports.getFormattedElements = exports.getBlockQuoteType = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _constants = require("../../constants");
@@ -117,10 +118,9 @@ const getFormattedElements = data => {
       // Merge quote block
       let preElement = elements[elements.length - 1];
       if ((preElement === null || preElement === void 0 ? void 0 : preElement.type) === _constants.BLOCKQUOTE && (item === null || item === void 0 ? void 0 : item.type) === _constants.BLOCKQUOTE) {
-        elements[elements.length - 1] = {
-          ...preElement,
+        elements[elements.length - 1] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, preElement), {}, {
           children: [...preElement.children, ...item.children]
-        };
+        });
       } else {
         elements.push(item);
       }

package/dist/basic-sdk/extension/plugins/blockquote/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");
@@ -40,15 +41,15 @@ class QuoteMenu extends _react.default.Component {
       className
     } = this.props;
     const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.BLOCKQUOTE];
-    const props = {
+    const props = (0, _objectSpread2.default)((0, _objectSpread2.default)({
       isRichEditor,
       className,
-      ariaLabel: 'blockquote',
-      ...menuConfig,
+      ariaLabel: 'blockquote'
+    }, menuConfig), {}, {
       disabled: this.isDisabled(),
       isActive: this.isActive(),
       onMouseDown: this.onMouseDown
-    };
+    });
     return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, props);
   }
 }

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _toast = _interopRequireDefault(require("../../../../../components/toast"));
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _constants = require("../../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _commons = require("../../../commons");
@@ -28,7 +28,7 @@ const CalloutMenu = _ref => {
   } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const handleDisplayAlert = (0, _react.useCallback)(type => {
     setTimeout(() => {
-      _toast.default.warning(`${t('The_current_location_does_not_support_pasting')}${t(type && type.at(0).toUpperCase() + type.slice(1))}`);
+      _toast.default.warning("".concat(t('The_current_location_does_not_support_pasting')).concat(t(type && type.at(0).toUpperCase() + type.slice(1))));
     }, 0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);

package/dist/basic-sdk/extension/plugins/callout/render-elem/callout-color-selector/index.js

@@ -48,7 +48,7 @@ const ColorSelector = _ref => {
       background_color
     } = _ref2;
     return /*#__PURE__*/_react.default.createElement("li", {
-      key: `sdoc-callout-color-selector-${index}`,
+      key: "sdoc-callout-color-selector-".concat(index),
       className: "sdoc-callout-color-item",
       "data-border-color": border_color,
       "data-background-color": background_color,

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

@@ -114,7 +114,7 @@ const renderCallout = (_ref, editor) => {
   }), /*#__PURE__*/_react.default.createElement("div", {
     onClick: handleClick,
     ref: calloutRef,
-    className: `${attributes.className} sdoc-callout-container`,
+    className: "".concat(attributes.className, " sdoc-callout-container"),
     style: containerStyle
   }, element.callout_icon && /*#__PURE__*/_react.default.createElement("div", {
     className: "callout-icon"

package/dist/basic-sdk/extension/plugins/check-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");
@@ -43,15 +44,15 @@ class CheckListMenu extends _react.default.Component {
       className
     } = this.props;
     const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.CHECK_LIST_ITEM];
-    const props = {
+    const props = (0, _objectSpread2.default)((0, _objectSpread2.default)({
       isRichEditor,
       className,
-      ariaLabel: 'check list',
-      ...menuConfig,
+      ariaLabel: 'check list'
+    }, menuConfig), {}, {
       disabled: this.isDisabled(),
       isActive: this.isActive(),
       onMouseDown: this.onMouseDown
-    };
+    });
     return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, props);
   }
 }

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

@@ -45,7 +45,7 @@ class CheckListItem extends _react.default.PureComponent {
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       "data-id": id
     }, attributes, {
-      className: `sdoc-checkbox-container ${attributes.className}`,
+      className: "sdoc-checkbox-container ".concat(attributes.className),
       style: style
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-checkbox-input-wrapper"

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

@@ -1,10 +1,12 @@
 "use strict";
 
 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 _commons = require("../../../commons");
 var _constants = require("../../../constants");
@@ -21,15 +23,15 @@ const ClearFormatMenu = _ref => {
     (0, _helpers.clearStyles)(editor);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const props = {
+  const props = (0, _objectSpread2.default)((0, _objectSpread2.default)({
     isRichEditor,
     className,
-    ariaLabel: 'clear',
-    ...menuConfig,
+    ariaLabel: 'clear'
+  }, menuConfig), {}, {
     disabled: (0, _helpers.isMenuDisabled)(editor, readonly),
     isActive: false,
     'onMouseDown': onMouseDown
-  };
+  });
   return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, props);
 };
 var _default = exports.default = ClearFormatMenu;

package/dist/basic-sdk/extension/plugins/code-block/hover-menu/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
 var _commons = require("../../../commons/");
 var _helpers = require("../helpers");
 var _prismjs = require("../prismjs");
@@ -34,14 +34,14 @@ const LangList = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   }, langsData.map((item, index) => {
     return /*#__PURE__*/_react.default.createElement("li", {
       ref: el => ref.current[index] = el,
-      className: `langs-list-li ${selectedLanguageText === item.text ? 'active' : ''} ${selectedIndex === index ? 'hover' : ''}`,
+      className: "langs-list-li ".concat(selectedLanguageText === item.text ? 'active' : '', " ").concat(selectedIndex === index ? 'hover' : ''),
       id: item.value,
       key: item.value,
       onClick: () => {
         onSelectLang(item, index);
       }
     }, item.text, /*#__PURE__*/_react.default.createElement("span", {
-      className: `li-check-mark ${selectedLanguageText === item.text ? 'li-checked' : ''}`
+      className: "li-check-mark ".concat(selectedLanguageText === item.text ? 'li-checked' : '')
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark icon-font"
     })));
@@ -188,7 +188,7 @@ const CodeBlockHoverMenu = _ref2 => {
     className: "sdoc-code-block-hover-operation-item sdoc-code-block-hover-operation-lang"
   }, /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
-    className: `op-item ${isShowlangsList ? 'active' : ''}`,
+    className: "op-item ".concat(isShowlangsList ? 'active' : ''),
     onClick: onShowLangs
   }, /*#__PURE__*/_react.default.createElement("span", null, selectedLanguageText), /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-drop-down icon-font"
@@ -199,7 +199,7 @@ const CodeBlockHoverMenu = _ref2 => {
     className: "sdoc-code-block-hover-operation-item"
   }, /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
-    className: `op-item ${white_space === 'normal' ? 'active' : ''}`,
+    className: "op-item ".concat(white_space === 'normal' ? 'active' : ''),
     onClick: onAutoLineWrap
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-auto-linefeed icon-font"

package/dist/basic-sdk/extension/plugins/code-block/plugin.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
@@ -47,9 +48,7 @@ const withCodeBlock = editor => {
         options['at'] = [path[0]];
       }
       const codeBlockNode = JSON.parse(data.getData('text/code-block'));
-      return _slate.Transforms.insertNodes(newEditor, codeBlockNode, {
-        ...options
-      });
+      return _slate.Transforms.insertNodes(newEditor, codeBlockNode, (0, _objectSpread2.default)({}, options));
     }
     insertData(data);
   };
@@ -203,9 +202,7 @@ const withCodeBlock = editor => {
           offset: 0,
           path: newEditor.selection.focus.path
         },
-        focus: {
-          ...newEditor.selection.focus
-        }
+        focus: (0, _objectSpread2.default)({}, newEditor.selection.focus)
       };
       const str = _slate.Editor.string(newEditor, range);
       if (str.trim() === '') {

package/dist/basic-sdk/extension/plugins/code-block/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.renderCodeLine = exports.renderCodeBlock = 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");
@@ -52,10 +53,9 @@ const CodeBlock = _ref => {
   }, []);
   const onChangeAutoLineWrap = (0, _react.useCallback)(autoWrap => {
     const path = _slateReact.ReactEditor.findPath(editor, element);
-    const newStyle = {
-      ...style,
+    const newStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
       white_space: autoWrap
-    };
+    });
     _slate.Transforms.setNodes(editor, {
       style: newStyle
     }, {
@@ -140,7 +140,7 @@ const CodeBlock = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     "data-id": element.id
   }, attributes, {
-    className: `sdoc-code-block-container ${attributes.className}`,
+    className: "sdoc-code-block-container ".concat(attributes.className),
     onClick: onFocusCodeBlock,
     onMouseLeave: onMouseLeave
   }), /*#__PURE__*/_react.default.createElement("pre", {
@@ -148,7 +148,7 @@ const CodeBlock = _ref => {
     className: 'sdoc-code-block-pre',
     ref: codeBlockRef
   }, /*#__PURE__*/_react.default.createElement("code", {
-    className: `sdoc-code-block-code ${white_space === 'nowrap' ? 'sdoc-code-no-wrap' : ''}`
+    className: "sdoc-code-block-code ".concat(white_space === 'nowrap' ? 'sdoc-code-no-wrap' : '')
   }, children)), showHoverMenu && /*#__PURE__*/_react.default.createElement(_hoverMenu.default, {
     menuPosition: menuPosition,
     onChangeLanguage: onChangeLanguage,

package/dist/basic-sdk/extension/plugins/file-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");
@@ -56,7 +56,7 @@ const FileLinkHoverMenu = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const selectedType = element.display_type || _constants2.FILE_LINK_TYPE.TEXT_LINK;
-  const id = `file-link-display-type-${element.id}`;
+  const id = "file-link-display-type-".concat(element.id);
   const newFileLinkTypes = _constants2.FILE_LINK_TYPES.filter(fileLinkType => (0, _core.getCurrentNode)(editor)[0].type === _constants.TABLE_CELL ? fileLinkType !== _constants2.FILE_LINK_TYPE.CARD_LINK : true);
   return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-link-hover-menu-container",

package/dist/basic-sdk/extension/plugins/file-link/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 _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -104,13 +105,9 @@ const FileLink = _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;

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.setFontSize = exports.setFont = exports.scaleFontSize = exports.loadFont = exports.isMenuDisabled = exports.hasFontLoaded = exports.getFontSize = exports.getFont = exports.generatorFontFamily = void 0;
 var _slate = require("@seafile/slate");
 var _context = _interopRequireDefault(require("../../../../context"));
-var _utils = require("../../../../utils");
+var _commonUtils = require("../../../utils/common-utils");
 var _constants = require("../../constants");
 var _core = require("../../core");
 const isMenuDisabled = (editor, readonly) => {
@@ -129,7 +129,7 @@ const hasFontLoaded = function () {
   if (isSystemOwn) return true;
   if (!name) return true;
   const nameString = name.split(' ').join('+');
-  const fontLinkId = `sdoc-font-link-${nameString}-${fontWeight}`;
+  const fontLinkId = "sdoc-font-link-".concat(nameString, "-").concat(fontWeight);
   return document.getElementById(fontLinkId);
 };
 exports.hasFontLoaded = hasFontLoaded;
@@ -145,9 +145,9 @@ const loadFont = function () {
   if (!name) return;
   const validFontWeight = supportFontWeight.includes(fontWeight) ? fontWeight : supportFontWeight[0];
   const nameString = name.split(' ').join('+');
-  const fontLinkId = `sdoc-font-link-${nameString}-${validFontWeight}`;
+  const fontLinkId = "sdoc-font-link-".concat(nameString, "-").concat(validFontWeight);
   if (document.getElementById(fontLinkId)) return;
-  const href = `https://fonts.googleapis.com/css?family=${nameString}:${validFontWeight}`;
+  const href = "https://fonts.googleapis.com/css?family=".concat(nameString, ":").concat(validFontWeight);
   const fontLink = document.createElement('link');
   fontLink.rel = 'stylesheet';
   fontLink.href = href;
@@ -159,7 +159,7 @@ exports.loadFont = loadFont;
 const generatorFontFamily = (fontName, fontWeight) => {
   const lang = _context.default.getSetting('lang') || 'zh-cn';
   if (fontName === _constants.DEFAULT_FONT) {
-    return `'Arial', ${lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial'}, 'sans-serif'`;
+    return "'Arial', ".concat(lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial', ", 'sans-serif'");
   }
   const fontObject = _constants.FONT.find(item => item.name === fontName) || {};
   const {
@@ -167,7 +167,7 @@ const generatorFontFamily = (fontName, fontWeight) => {
     fontFamilyName
   } = fontObject;
   loadFont(fontObject, fontWeight);
-  const validFontName = fontFamilyName && (0, _utils.isMac)() ? fontFamilyName['mac'] : fontName;
-  return `${validFontName}, ${lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial'}, ${usuallyFontFamilyName || 'sans-serif'}`;
+  const validFontName = fontFamilyName && (0, _commonUtils.isMac)() ? fontFamilyName['mac'] : fontName;
+  return "".concat(validFontName, ", ").concat(lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial', ", ").concat(usuallyFontFamilyName || 'sans-serif');
 };
 exports.generatorFontFamily = generatorFontFamily;

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

@@ -10,8 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../../../../components/tooltip"));
 var _context = _interopRequireDefault(require("../../../../../../context"));
+var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
 var _localStorageUtils = _interopRequireDefault(require("../../../../../utils/local-storage-utils"));
 var _objectUtils = _interopRequireDefault(require("../../../../../utils/object-utils"));
 var _constants = require("../../../../constants");
@@ -61,7 +61,7 @@ const FontFamily = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowMenu]);
-  const caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`;
+  const caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
   const {
     bottom
   } = fontRef.current ? fontRef.current.getBoundingClientRect() : {
@@ -119,7 +119,7 @@ const FontFamily = _ref => {
   }, t('Recently_used')), recentUsedFonts.map((item, index) => {
     const fontObject = _constants.FONT.find(font => font.name === item);
     return /*#__PURE__*/_react.default.createElement(_fontItem.default, {
-      key: `${index}-recently-used`,
+      key: "".concat(index, "-recently-used"),
       fontObject: fontObject,
       selectedFont: selectedFont,
       setFont: updateFont
@@ -135,7 +135,7 @@ const FontFamily = _ref => {
       });
     }
     return /*#__PURE__*/_react.default.createElement(_fontItem.default, {
-      key: `${index}-all-font`,
+      key: "".concat(index, "-all-font"),
       fontObject: item,
       selectedFont: selectedFont,
       setFont: updateFont

package/dist/basic-sdk/extension/plugins/font/menu/font-size/font-size-scale.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../../../../components/tooltip"));
+var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
 const FontSizeScale = _ref => {
   let {
     isRichEditor = true,

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

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../../../../components/tooltip"));
+var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
 var _constants = require("../../../../constants");
 var _helpers = require("../../helpers");
 require("./index.css");
@@ -51,7 +51,7 @@ const FontSize = _ref => {
     'rich-icon-btn-hover': isRichEditor && !disabled,
     'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
   });
-  const caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`;
+  const caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
   const {
     bottom
   } = fontSizeRef.current ? fontSizeRef.current.getBoundingClientRect() : {

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

@@ -10,8 +10,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
-var _utils = require("../../../../../utils");
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
+var _commonUtils = require("../../../../utils/common-utils");
 var _constants = require("../../../constants");
 var _core = require("../../../core");
 var _helpers = require("../helpers");
@@ -89,7 +89,7 @@ class HeaderMenu extends _react.default.Component {
       this.menu = ref;
     });
     (0, _defineProperty2.default)(this, "getToolTip", type => {
-      return (0, _utils.isMac)() ? _constants.MAC_HOTKEYS[type] : _constants.WIN_HOTKEYS[type];
+      return (0, _commonUtils.isMac)() ? _constants.MAC_HOTKEYS[type] : _constants.WIN_HOTKEYS[type];
     });
     this.state = {
       isShowHeaderPopover: false
@@ -102,7 +102,7 @@ class HeaderMenu extends _react.default.Component {
     const {
       isShowHeaderPopover
     } = this.state;
-    const headerIconClass = `sdocfont sdoc-${isShowHeaderPopover ? 'caret-up' : 'drop-down'}`;
+    const headerIconClass = "sdocfont sdoc-".concat(isShowHeaderPopover ? 'caret-up' : 'drop-down');
     const currentType = this.getValue();
     const disabled = this.isDisabled();
     const itemList = [_constants.PARAGRAPH, 'divider', _constants.TITLE, _constants.SUBTITLE, 'divider', ..._constants.HEADERS];
@@ -127,7 +127,7 @@ class HeaderMenu extends _react.default.Component {
           className: "sdoc-dropdown-menu-divider"
         });
       }
-      const id = `${item}-${index}`;
+      const id = "".concat(item, "-").concat(index);
       const isSelected = currentType === item;
       return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
         key: index
@@ -141,7 +141,7 @@ class HeaderMenu extends _react.default.Component {
         className: "sdocfont sdoc-check-mark"
       }), /*#__PURE__*/_react.default.createElement("span", {
         style: {
-          fontSize: `${_constants.SDOC_FONT_SIZE[item]}pt`
+          fontSize: "".concat(_constants.SDOC_FONT_SIZE[item], "pt")
         }
       }, t(_constants.HEADER_TITLE_MAP[item]))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
         target: id,