@seafile/sdoc-editor 2.0.77 → 2.0.78-test-0.0.2

package/dist/basic-sdk/extension/core/utils/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.match = exports.generateEmptyElement = exports.generateDefaultText = exports.generateDefaultParagraph = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slugid = _interopRequireDefault(require("slugid"));
 var _constants = require("../../constants");
 const match = (node, path, predicate) => {
@@ -40,11 +41,11 @@ exports.generateDefaultParagraph = generateDefaultParagraph;
 const generateEmptyElement = function (type) {
   let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   let text = arguments.length > 2 ? arguments[2] : undefined;
-  return {
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({
     id: _slugid.default.nice(),
-    type,
-    ...props,
+    type
+  }, props), {}, {
     children: [generateDefaultText(text)]
-  };
+  });
 };
 exports.generateEmptyElement = generateEmptyElement;

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

@@ -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/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

@@ -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

@@ -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

@@ -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

@@ -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 {
@@ -168,6 +168,6 @@ const generatorFontFamily = (fontName, fontWeight) => {
   } = fontObject;
   loadFont(fontObject, fontWeight);
   const validFontName = fontFamilyName && (0, _commonUtils.isMac)() ? fontFamilyName['mac'] : fontName;
-  return `${validFontName}, ${lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial'}, ${usuallyFontFamilyName || 'sans-serif'}`;
+  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

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

@@ -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

@@ -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,

package/dist/basic-sdk/extension/plugins/header/placeholder.js

@@ -20,7 +20,7 @@ const Placeholder = props => {
     suppressContentEditableWarning: true,
     style: {
       position: 'absolute',
-      top: `${top}px`,
+      top: "".concat(top, "px"),
       color: 'rgba(191,191,191,1)',
       pointerEvents: 'none',
       width: '100%',

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderTitle = exports.renderSubtitle = exports.renderHeader = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _slate = require("@seafile/slate");
 var _constants = require("../../constants");
@@ -17,16 +18,14 @@ const renderTitle = (props, editor) => {
     children
   } = props;
   const style = {
-    fontSize: `${_constants.SDOC_FONT_SIZE[element.type]}pt`,
+    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt"),
     textAlign: element.align
   };
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     "data-id": element.id
   }, attributes, {
-    className: `sdoc-header-title ${attributes.className}`,
-    style: {
-      ...style
-    }
+    className: "sdoc-header-title ".concat(attributes.className),
+    style: (0, _objectSpread2.default)({}, style)
   }), children);
 };
 exports.renderTitle = renderTitle;
@@ -38,16 +37,14 @@ const renderSubtitle = (props, editor) => {
   } = props;
   const style = {
     color: '#888',
-    fontSize: `${_constants.SDOC_FONT_SIZE[element.type]}pt`,
+    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt"),
     textAlign: element.align
   };
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     "data-id": element.id
   }, attributes, {
-    className: `sdoc-header-subtitle ${attributes.className}`,
-    style: {
-      ...style
-    }
+    className: "sdoc-header-subtitle ".concat(attributes.className),
+    style: (0, _objectSpread2.default)({}, style)
   }), children);
 };
 exports.renderSubtitle = renderSubtitle;
@@ -62,13 +59,12 @@ const renderHeader = (props, editor) => {
     type
   } = element;
   const level = type.split('header')[1];
-  const style = {
+  const style = (0, _objectSpread2.default)({
     textAlign: element.align,
-    fontSize: `${_constants.SDOC_FONT_SIZE[element.type]}pt`,
-    ...(level === '6' && {
-      fontStyle: 'italic'
-    })
-  };
+    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt")
+  }, level === '6' && {
+    fontStyle: 'italic'
+  });
   let isShowPlaceHolder = false;
   if ((0, _helper.isEmptyNode)(element) && _slate.Node.string(element) === '' && !isComposing) {
     isShowPlaceHolder = true;
@@ -77,11 +73,10 @@ const renderHeader = (props, editor) => {
     "data-id": element.id,
     id: element.id // used for click left outline item, page scroll this element
   }, attributes, {
-    className: `sdoc-header-${level} ${attributes.className}`,
-    style: {
-      position: isShowPlaceHolder ? 'relative' : '',
-      ...style
-    }
+    className: "sdoc-header-".concat(level, " ").concat(attributes.className),
+    style: (0, _objectSpread2.default)({
+      position: isShowPlaceHolder ? 'relative' : ''
+    }, style)
   }), isShowPlaceHolder && /*#__PURE__*/_react.default.createElement(_placeholder.default, {
     title: 'Header',
     top: 0

package/dist/basic-sdk/extension/plugins/history/history-menu.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");
@@ -46,24 +47,24 @@ class HistoryMenu extends _react.default.Component {
     } = this.props;
     const undoConfig = _constants.MENUS_CONFIG_MAP[_constants.UNDO];
     const redoConfig = _constants.MENUS_CONFIG_MAP[_constants.REDO];
-    const undoProps = {
+    const undoProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
       isRichEditor,
       className,
-      ariaLabel: 'undo',
-      ...undoConfig,
+      ariaLabel: 'undo'
+    }, undoConfig), {}, {
       disabled: this.isDisabled(_constants.UNDO),
       isActive: false,
       onMouseDown: this.onUndoMouseDown
-    };
-    const redoProps = {
+    });
+    const redoProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
       isRichEditor,
       className,
-      ariaLabel: 'redo',
-      ...redoConfig,
+      ariaLabel: 'redo'
+    }, redoConfig), {}, {
       disabled: this.isDisabled(_constants.REDO),
       isActive: false,
       onMouseDown: this.onRedoMouseDown
-    };
+    });
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commons.MenuItem, undoProps), /*#__PURE__*/_react.default.createElement(_commons.MenuItem, redoProps));
   }
 }