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

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 ".concat(selectedLanguageText === item.text ? 'active' : '', " ").concat(selectedIndex === index ? 'hover' : ''),
+      className: `langs-list-li ${selectedLanguageText === item.text ? 'active' : ''} ${selectedIndex === index ? 'hover' : ''}`,
       id: item.value,
       key: item.value,
       onClick: () => {
         onSelectLang(item, index);
       }
     }, item.text, /*#__PURE__*/_react.default.createElement("span", {
-      className: "li-check-mark ".concat(selectedLanguageText === item.text ? 'li-checked' : '')
+      className: `li-check-mark ${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 ".concat(isShowlangsList ? 'active' : ''),
+    className: `op-item ${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 ".concat(white_space === 'normal' ? 'active' : ''),
+    className: `op-item ${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,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
@@ -48,7 +47,9 @@ const withCodeBlock = editor => {
         options['at'] = [path[0]];
       }
       const codeBlockNode = JSON.parse(data.getData('text/code-block'));
-      return _slate.Transforms.insertNodes(newEditor, codeBlockNode, (0, _objectSpread2.default)({}, options));
+      return _slate.Transforms.insertNodes(newEditor, codeBlockNode, {
+        ...options
+      });
     }
     insertData(data);
   };
@@ -202,7 +203,9 @@ const withCodeBlock = editor => {
           offset: 0,
           path: newEditor.selection.focus.path
         },
-        focus: (0, _objectSpread2.default)({}, newEditor.selection.focus)
+        focus: {
+          ...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,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.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");
@@ -53,9 +52,10 @@ const CodeBlock = _ref => {
   }, []);
   const onChangeAutoLineWrap = (0, _react.useCallback)(autoWrap => {
     const path = _slateReact.ReactEditor.findPath(editor, element);
-    const newStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
+    const newStyle = {
+      ...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 ".concat(attributes.className),
+    className: `sdoc-code-block-container ${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 ".concat(white_space === 'nowrap' ? 'sdoc-code-no-wrap' : '')
+    className: `sdoc-code-block-code ${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-".concat(element.id);
+  const id = `file-link-display-type-${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,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -105,9 +104,13 @@ const FileLink = _ref => {
   }, []);
   let style = {};
   if (element.add) {
-    style = (0, _objectSpread2.default)({}, _constants.ADDED_STYLE);
+    style = {
+      ..._constants.ADDED_STYLE
+    };
   } else if (element.delete) {
-    style = (0, _objectSpread2.default)({}, _constants.DELETED_STYLE);
+    style = {
+      ..._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-".concat(nameString, "-").concat(fontWeight);
+  const fontLinkId = `sdoc-font-link-${nameString}-${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-".concat(nameString, "-").concat(validFontWeight);
+  const fontLinkId = `sdoc-font-link-${nameString}-${validFontWeight}`;
   if (document.getElementById(fontLinkId)) return;
-  const href = "https://fonts.googleapis.com/css?family=".concat(nameString, ":").concat(validFontWeight);
+  const href = `https://fonts.googleapis.com/css?family=${nameString}:${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', ".concat(lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial', ", 'sans-serif'");
+    return `'Arial', ${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 "".concat(validFontName, ", ").concat(lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial', ", ").concat(usuallyFontFamilyName || 'sans-serif');
+  return `${validFontName}, ${lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial'}, ${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-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  const caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${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: "".concat(index, "-recently-used"),
+      key: `${index}-recently-used`,
       fontObject: fontObject,
       selectedFont: selectedFont,
       setFont: updateFont
@@ -135,7 +135,7 @@ const FontFamily = _ref => {
       });
     }
     return /*#__PURE__*/_react.default.createElement(_fontItem.default, {
-      key: "".concat(index, "-all-font"),
+      key: `${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-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  const caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${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-".concat(isShowHeaderPopover ? 'caret-up' : 'drop-down');
+    const headerIconClass = `sdocfont sdoc-${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 = "".concat(item, "-").concat(index);
+      const id = `${item}-${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: "".concat(_constants.SDOC_FONT_SIZE[item], "pt")
+          fontSize: `${_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: "".concat(top, "px"),
+      top: `${top}px`,
       color: 'rgba(191,191,191,1)',
       pointerEvents: 'none',
       width: '100%',

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

@@ -5,7 +5,6 @@ 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");
@@ -18,14 +17,16 @@ const renderTitle = (props, editor) => {
     children
   } = props;
   const style = {
-    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt"),
+    fontSize: `${_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 ".concat(attributes.className),
-    style: (0, _objectSpread2.default)({}, style)
+    className: `sdoc-header-title ${attributes.className}`,
+    style: {
+      ...style
+    }
   }), children);
 };
 exports.renderTitle = renderTitle;
@@ -37,14 +38,16 @@ const renderSubtitle = (props, editor) => {
   } = props;
   const style = {
     color: '#888',
-    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt"),
+    fontSize: `${_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 ".concat(attributes.className),
-    style: (0, _objectSpread2.default)({}, style)
+    className: `sdoc-header-subtitle ${attributes.className}`,
+    style: {
+      ...style
+    }
   }), children);
 };
 exports.renderSubtitle = renderSubtitle;
@@ -59,12 +62,13 @@ const renderHeader = (props, editor) => {
     type
   } = element;
   const level = type.split('header')[1];
-  const style = (0, _objectSpread2.default)({
+  const style = {
     textAlign: element.align,
-    fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt")
-  }, level === '6' && {
-    fontStyle: 'italic'
-  });
+    fontSize: `${_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;
@@ -73,10 +77,11 @@ 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-".concat(level, " ").concat(attributes.className),
-    style: (0, _objectSpread2.default)({
-      position: isShowPlaceHolder ? 'relative' : ''
-    }, style)
+    className: `sdoc-header-${level} ${attributes.className}`,
+    style: {
+      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,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _commons = require("../../commons");
@@ -47,24 +46,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 = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    const undoProps = {
       isRichEditor,
       className,
-      ariaLabel: 'undo'
-    }, undoConfig), {}, {
+      ariaLabel: 'undo',
+      ...undoConfig,
       disabled: this.isDisabled(_constants.UNDO),
       isActive: false,
       onMouseDown: this.onUndoMouseDown
-    });
-    const redoProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    };
+    const redoProps = {
       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));
   }
 }

package/dist/basic-sdk/extension/plugins/html/helper.js

@@ -27,7 +27,7 @@ const deserializeElement = element => {
       case 'undefined':
         return;
       default:
-        throw new Error("The `next` argument was called with invalid children: \"".concat(elements, "\"."));
+        throw new Error(`The \`next\` argument was called with invalid children: "${elements}".`);
     }
   };
   for (let i = 0; i < _rules.default.length; i++) {
@@ -36,7 +36,7 @@ const deserializeElement = element => {
     const ret = rule(element, next);
     const type = (0, _typeOf.default)(ret);
     if (type !== 'array' && type !== 'object' && type !== 'null' && type !== 'undefined') {
-      throw new Error("A rule returned an invalid deserialized representation: \"".concat(node, "\"."));
+      throw new Error(`A rule returned an invalid deserialized representation: "${node}".`);
     }
 
     // Not eligible for current component processing

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

@@ -4,21 +4,33 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateImage = exports.selectImageWhenSelectPartial = exports.resetCursor = exports.removeImageBlockNode = exports.queryCopyMoveProgressView = exports.isInsertImageMenuDisabled = exports.isImageUrlIsFromUpload = exports.isImageUrlIsFromCopy = exports.insertImageFiles = exports.insertImage = exports.hasSdocImages = exports.handleBase64Image = exports.getSingleImageFromFragment = exports.getImageURL = exports.getImageData = exports.generateImageNode = exports.generateImageInfos = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+exports.updateImage = exports.selectImageWhenSelectPartial = exports.resetCursor = exports.removeImageBlockNode = exports.queryCopyMoveProgressView = exports.isInsertImageMenuDisabled = exports.isImageUrlIsFromUpload = exports.isImageUrlIsFromCopy = exports.insertImageFiles = exports.insertImage = exports.hasSdocImages = exports.handleBase64Image = exports.getSingleImageFromFragment = exports.getImageURL = exports.getImageData = exports.getDigitalSignImgUrl = exports.getColumnByKey = exports.generateImageNode = exports.generateImageInfos = void 0;
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _dtableUtils = require("dtable-utils");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _urlJoin = _interopRequireDefault(require("url-join"));
 var _context = _interopRequireDefault(require("../../../../context"));
-var _helpers = require("../../../../plugin-module/plugins/seatable-column/helpers");
 var _constants = require("../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../constants");
 var _core = require("../../core");
 var _base64ToUnit8array = _interopRequireDefault(require("./base64-to-unit8array"));
 var _imageCache = _interopRequireDefault(require("./image-cache"));
+// TODO: seatable_column
+const getDigitalSignImgUrl = partUrl => {
+  const server = _context.default.getSetting('serviceUrl');
+  const workspaceID = _context.default.getSetting('workspaceID');
+  const dtableUuid = _context.default.getSetting('dtableUuid');
+  if (!partUrl || typeof partUrl !== 'string') return '';
+  return `${server}/workspace/${workspaceID}/asset/${dtableUuid}${partUrl}`;
+};
+exports.getDigitalSignImgUrl = getDigitalSignImgUrl;
+const getColumnByKey = (columns, key) => {
+  const column = columns.find(item => item.key === key);
+  return column || null;
+};
+exports.getColumnByKey = getColumnByKey;
 const isInsertImageMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   const {
@@ -56,9 +68,10 @@ const generateImageNode = (src, file_uuid) => {
   if (file_uuid) {
     data.file_uuid = file_uuid;
   }
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
+  return {
+    ...element,
     data
-  });
+  };
 };
 exports.generateImageNode = generateImageNode;
 const insertImage = function (editor, imgInfos, selection) {
@@ -148,7 +161,7 @@ const getImageURL = (data, editor) => {
     column_key
   } = data;
   if (column_key) {
-    const column = (0, _helpers.getColumnByKey)(editor.columns || [], column_key);
+    const column = getColumnByKey(editor.columns || [], column_key);
     const {
       type
     } = column || {};
@@ -158,7 +171,7 @@ const getImageURL = (data, editor) => {
       return firstSrc;
     } else if (type === _dtableUtils.CellType.DIGITAL_SIGN) {
       const partUrl = editor.getColumnCellValue(column_key) || '';
-      const imgUrl = (0, _helpers.getDigitalSignImgUrl)(partUrl);
+      const imgUrl = getDigitalSignImgUrl(partUrl);
       return imgUrl;
     }
   }
@@ -258,12 +271,13 @@ const selectImageWhenSelectPartial = (event, editor, imageNode, isImageSelected)
   if (isIncludedSelection) return;
   // When the mouse hovers over an image, the image is selected.
   const nextPath = _slate.Path.next(imagePath.slice(0, imagePath.length - 1));
-  const focusRange = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selection), {}, {
+  const focusRange = {
+    ...selection,
     focus: {
       offset: 0,
       path: [...nextPath, 0]
     }
-  });
+  };
   (0, _core.focusEditor)(editor, focusRange);
 };
 
@@ -274,13 +288,14 @@ const handleBase64Image = (editor, path, imgData) => {
   const blob = new Blob([unit8Array.u8arr], {
     type: unit8Array.mime
   });
-  const file = new File([blob], "".concat(_slugid.default.nice(), ".jpg"), {
+  const file = new File([blob], `${_slugid.default.nice()}.jpg`, {
     type: unit8Array.mime
   });
   _context.default.uploadLocalImage([file]).then(res => {
-    const _data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, imgData), {}, {
+    const _data = {
+      ...imgData,
       src: res[0]
-    });
+    };
     _slate.Transforms.setNodes(editor, {
       data: _data
     }, {

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

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
@@ -62,7 +61,9 @@ const ImageHoverMenu = _ref => {
         newPopoverState[key] = false;
       }
     }
-    setPopoverState((0, _objectSpread2.default)({}, newPopoverState));
+    setPopoverState({
+      ...newPopoverState
+    });
   }, [popoverState]);
   const onSelect = (0, _react.useCallback)((event, props) => {
     event.stopPropagation();
@@ -142,7 +143,10 @@ const ImageHoverMenu = _ref => {
       }
       if (Object.keys(props)[0] === 'show_caption') {
         _slate.Transforms.setNodes(editor, {
-          data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), props)
+          data: {
+            ...data,
+            ...props
+          }
         }, {
           at: path
         });
@@ -186,7 +190,7 @@ const ImageHoverMenu = _ref => {
       onShowProver(e, 'alignPopover');
     }
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: (0, _classnames.default)("sdocfont sdoc-align-".concat(align || 'left', " icon-font mr-1"))
+    className: (0, _classnames.default)(`sdocfont sdoc-align-${align || 'left'} icon-font mr-1`)
   }), /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-drop-down icon-font"
   })), /*#__PURE__*/_react.default.createElement("span", {

package/dist/basic-sdk/extension/plugins/image/image-loader/index.js

@@ -19,6 +19,6 @@ function ImageLoader(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "spinner"
   })), copyright && /*#__PURE__*/_react.default.createElement("div", {
-    className: "copyright ".concat(isError && 'error')
+    className: `copyright ${isError && 'error'}`
   }, copyright));
 }

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

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
@@ -37,17 +36,18 @@ const ImageMenu = _ref => {
 
   // Apply for comment Editor
   if (editor.editorType === _constants.COMMENT_EDITOR) {
-    const commentEditorConfig = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, menuConfig), {}, {
+    const commentEditorConfig = {
+      ...menuConfig,
       text: 'Upload_local_image'
-    });
-    const menuProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    };
+    const menuProps = {
       isRichEditor,
-      className
-    }, commentEditorConfig), {}, {
+      className,
+      ...commentEditorConfig,
       disabled: disabled,
       isActive: false,
       onMouseDown: openInsertLocalImage
-    });
+    };
     return /*#__PURE__*/_react.default.createElement(_commons.MenuItem, menuProps);
   }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {

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

@@ -48,8 +48,8 @@ const withImage = editor => {
     return isVoid(elem);
   };
   newEditor.insertData = data => {
-    const fragment = data.getData("application/".concat(_constants2.CLIPBOARD_FORMAT_KEY)) || (0, _documentUtils.getSlateFragmentAttribute)(data);
-    const originSdocUuid = data.getData("text/".concat(_constants2.CLIPBOARD_ORIGIN_SDOC_KEY));
+    const fragment = data.getData(`application/${_constants2.CLIPBOARD_FORMAT_KEY}`) || (0, _documentUtils.getSlateFragmentAttribute)(data);
+    const originSdocUuid = data.getData(`text/${_constants2.CLIPBOARD_ORIGIN_SDOC_KEY}`);
     if (fragment && originSdocUuid) {
       const decoded = decodeURIComponent(window.atob(fragment));
       const fragmentData = JSON.parse(decoded);