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

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slate = require("@seafile/slate");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _utils = require("../../../../utils");
+var _commonUtils = require("../../../utils/common-utils");
 var _constants = require("../../constants");
 var _keyboard = require("../../constants/keyboard");
 var _core = require("../../core");
@@ -117,7 +117,7 @@ const withHeader = editor => {
     deleteBackward(unit);
   };
   newEditor.onHotKeyDown = event => {
-    const HOT_KEYS = (0, _utils.isMac)() ? _keyboard.MAC_HOTKEYS_EVENT : _keyboard.WIN_HOTKEYS;
+    const HOT_KEYS = (0, _commonUtils.isMac)() ? _keyboard.MAC_HOTKEYS_EVENT : _keyboard.WIN_HOTKEYS;
     const hotEntries = Object.entries(HOT_KEYS);
     let isHeaderEvent = false;
     let headerType = '';

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

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: "${elements}".`);
+        throw new Error("The `next` argument was called with invalid children: \"".concat(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: "${node}".`);
+      throw new Error("A rule returned an invalid deserialized representation: \"".concat(node, "\"."));
     }
 
     // Not eligible for current component processing

package/dist/basic-sdk/extension/plugins/image/base64-to-unit8array.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const base64ToUnit8Array = base64 => {
+  const arr = base64.split(',');
+  const mime = arr[0].match(/:(.*?);/)[1];
+  const bstr = atob(arr[1]);
+  let n = bstr.length;
+  const u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return {
+    u8arr,
+    mime
+  };
+};
+var _default = exports.default = base64ToUnit8Array;

package/dist/basic-sdk/extension/plugins/image/copy-image-error-svg/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+const Svg = _ref => {
+  let {
+    t,
+    isSelected,
+    imageRef
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 360 360",
+    preserveAspectRatio: "xMinYMin meet",
+    className: (0, _classnames.default)('sdoc-image-placeholder-wrapper', {
+      'image-selected': isSelected
+    }),
+    ref: imageRef,
+    draggable: false
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "100%",
+    height: "100%",
+    fill: "#f0f0f0"
+  }), /*#__PURE__*/_react.default.createElement("g", {
+    className: "sdoc-image-content-wrapper",
+    transform: "translate(180, 180) scale(1)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    className: "sdoc-image-title",
+    transform: "translate(0, 0)"
+  }, /*#__PURE__*/_react.default.createElement("foreignObject", {
+    x: "-85",
+    y: "-16",
+    width: "20",
+    height: "28"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-exclamation-circle"
+  })), /*#__PURE__*/_react.default.createElement("text", {
+    className: "sdoc-image-tip-title",
+    transform: "translate(-55, 4)",
+    fontSize: "20",
+    fill: "red",
+    fontFamily: "Arial, sans-serif"
+  }, t('Image_copy_error'))), /*#__PURE__*/_react.default.createElement("text", {
+    className: "sdoc-image-tip-content",
+    transform: "translate(0, 35)",
+    fontSize: "12",
+    textAnchor: "middle",
+    fill: "black",
+    fontFamily: "Arial, sans-serif"
+  }, t('Image_cannot_be_copied_Please_download_the_source_image')), /*#__PURE__*/_react.default.createElement("text", {
+    className: "sdoc-image-tip-content",
+    transform: "translate(0, 55)",
+    fontSize: "12",
+    textAnchor: "middle",
+    fill: "black",
+    fontFamily: "Arial, sans-serif"
+  }, t('And_select_insert_-_image_to_upload'))));
+};
+var _default = exports.default = Svg;

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

@@ -5,19 +5,20 @@ 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"));
 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 _helpers = require("../../../../plugin-module/plugins/seatable-column/helpers");
 var _context = _interopRequireDefault(require("../../../../context"));
-var _base64ToUnit8array = _interopRequireDefault(require("../../../../utils/base64-to-unit8array"));
-var _imageCache = _interopRequireDefault(require("../../../../utils/image-cache"));
+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"));
 const isInsertImageMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   const {
@@ -55,10 +56,9 @@ const generateImageNode = (src, file_uuid) => {
   if (file_uuid) {
     data.file_uuid = file_uuid;
   }
-  return {
-    ...element,
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
     data
-  };
+  });
 };
 exports.generateImageNode = generateImageNode;
 const insertImage = function (editor, imgInfos, selection) {
@@ -258,13 +258,12 @@ 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 = {
-    ...selection,
+  const focusRange = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, selection), {}, {
     focus: {
       offset: 0,
       path: [...nextPath, 0]
     }
-  };
+  });
   (0, _core.focusEditor)(editor, focusRange);
 };
 
@@ -275,14 +274,13 @@ const handleBase64Image = (editor, path, imgData) => {
   const blob = new Blob([unit8Array.u8arr], {
     type: unit8Array.mime
   });
-  const file = new File([blob], `${_slugid.default.nice()}.jpg`, {
+  const file = new File([blob], "".concat(_slugid.default.nice(), ".jpg"), {
     type: unit8Array.mime
   });
   _context.default.uploadLocalImage([file]).then(res => {
-    const _data = {
-      ...imgData,
+    const _data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, imgData), {}, {
       src: res[0]
-    };
+    });
     _slate.Transforms.setNodes(editor, {
       data: _data
     }, {

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

@@ -1,17 +1,18 @@
 "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 _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
 var _commons = require("../../../commons");
 var _constants = require("../../../constants");
 var _core = require("../../../core");
@@ -61,9 +62,7 @@ const ImageHoverMenu = _ref => {
         newPopoverState[key] = false;
       }
     }
-    setPopoverState({
-      ...newPopoverState
-    });
+    setPopoverState((0, _objectSpread2.default)({}, newPopoverState));
   }, [popoverState]);
   const onSelect = (0, _react.useCallback)((event, props) => {
     event.stopPropagation();
@@ -143,10 +142,7 @@ const ImageHoverMenu = _ref => {
       }
       if (Object.keys(props)[0] === 'show_caption') {
         _slate.Transforms.setNodes(editor, {
-          data: {
-            ...data,
-            ...props
-          }
+          data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), props)
         }, {
           at: path
         });
@@ -190,7 +186,7 @@ const ImageHoverMenu = _ref => {
       onShowProver(e, 'alignPopover');
     }
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: (0, _classnames.default)(`sdocfont sdoc-align-${align || 'left'} icon-font mr-1`)
+    className: (0, _classnames.default)("sdocfont sdoc-align-".concat(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 ${isError && 'error'}`
+    className: "copyright ".concat(isError && 'error')
   }, copyright));
 }

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

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
@@ -36,18 +37,17 @@ const ImageMenu = _ref => {
 
   // Apply for comment Editor
   if (editor.editorType === _constants.COMMENT_EDITOR) {
-    const commentEditorConfig = {
-      ...menuConfig,
+    const commentEditorConfig = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, menuConfig), {}, {
       text: 'Upload_local_image'
-    };
-    const menuProps = {
+    });
+    const menuProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
       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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slate = require("@seafile/slate");
-var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _context = _interopRequireDefault(require("../../../../context"));
-var _utils = require("../../../../utils");
+var _toast = _interopRequireDefault(require("../../../components/toast"));
 var _constants = require("../../../constants");
+var _commonUtils = require("../../../utils/common-utils");
 var _documentUtils = require("../../../utils/document-utils");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../constants");
@@ -48,8 +48,8 @@ const withImage = editor => {
     return isVoid(elem);
   };
   newEditor.insertData = data => {
-    const fragment = data.getData(`application/${_constants2.CLIPBOARD_FORMAT_KEY}`) || (0, _documentUtils.getSlateFragmentAttribute)(data);
-    const originSdocUuid = data.getData(`text/${_constants2.CLIPBOARD_ORIGIN_SDOC_KEY}`);
+    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));
     if (fragment && originSdocUuid) {
       const decoded = decodeURIComponent(window.atob(fragment));
       const fragmentData = JSON.parse(decoded);
@@ -69,7 +69,7 @@ const withImage = editor => {
             }
           }
         }).catch(error => {
-          const errorMessage = (0, _utils.getErrorMsg)(error);
+          const errorMessage = (0, _commonUtils.getErrorMsg)(error);
           _toast.default.danger(errorMessage);
         });
       }

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

@@ -1,18 +1,18 @@
 "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.renderImage = renderImage;
 exports.renderImageBlock = renderImageBlock;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _copyImageErrorSvg = _interopRequireDefault(require("../../../../components/copy-image-error-svg"));
 var _constants = require("../../../../constants");
 var _imagePlaceholder = _interopRequireDefault(require("../../../assets/images/image-placeholder.png"));
 var _constants2 = require("../../../constants");
@@ -20,6 +20,7 @@ var _useScrollContext = require("../../../hooks/use-scroll-context");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants3 = require("../../constants");
 var _constants4 = require("./constants");
+var _copyImageErrorSvg = _interopRequireDefault(require("./copy-image-error-svg"));
 var _helpers = require("./helpers");
 var _hoverMenu = _interopRequireDefault(require("./hover-menu"));
 var _imageLoader = _interopRequireDefault(require("./image-loader"));
@@ -106,10 +107,9 @@ const Image = _ref => {
       'eventName': 'mouseup',
       'event': onResizeEnd
     }]);
-    const newData = {
-      ...element.data,
+    const newData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.data), {}, {
       width: imageRef.current.width
-    };
+    });
     (0, _helpers.updateImage)(editor, newData);
 
     // Reset hover menu position
@@ -236,10 +236,9 @@ const Image = _ref => {
   }, []);
   const onSetCaption = (0, _react.useCallback)(e => {
     const path = _slateReact.ReactEditor.findPath(editor, element);
-    const newData = {
-      ...data,
+    const newData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
       caption: e.target.value.trim()
-    };
+    });
     if (path) {
       _slate.Transforms.setNodes(editor, {
         data: newData
@@ -251,9 +250,7 @@ const Image = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isShowImagePlaceholder && /*#__PURE__*/_react.default.createElement("span", Object.assign({
     className: (0, _classnames.default)('sdoc-image-wrapper', className)
   }, attributes, {
-    style: {
-      ...style
-    },
+    style: (0, _objectSpread2.default)({}, style),
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
     contentEditable: "false",
     "data-src": (0, _helpers.getImageURL)(data, editor),
@@ -267,9 +264,7 @@ const Image = _ref => {
   }), children), isCopyImageError && /*#__PURE__*/_react.default.createElement("span", Object.assign({
     className: (0, _classnames.default)('sdoc-image-wrapper', className)
   }, attributes, {
-    style: {
-      ...style
-    },
+    style: (0, _objectSpread2.default)({}, style),
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
     contentEditable: "false",
     "data-src": data.src,
@@ -282,9 +277,7 @@ const Image = _ref => {
     "data-id": element.id,
     className: (0, _classnames.default)('sdoc-image-wrapper', className)
   }, attributes, {
-    style: {
-      ...style
-    },
+    style: (0, _objectSpread2.default)({}, style),
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
     contentEditable: "false",
     suppressContentEditableWarning: true
@@ -359,9 +352,7 @@ function renderImage(props, editor) {
     element,
     leaf
   } = props;
-  let style = {
-    ...props.style
-  };
+  let style = (0, _objectSpread2.default)({}, props.style);
   if (leaf && leaf.computed_background_color) {
     style['backgroundColor'] = leaf.computed_background_color;
   }
@@ -396,7 +387,7 @@ function renderImageBlock(props, editor) {
     className: "sdoc-image-block-wrapper",
     style: {
       display: 'flex',
-      justifyContent: `${justifyContent}`
+      justifyContent: "".concat(justifyContent)
     }
   }, attributes, {
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),

package/dist/basic-sdk/extension/plugins/image/use-copy-image.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 _react = require("react");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -13,11 +14,10 @@ var _helpers = require("./helpers");
 const updateImageNode = async function (editor, element, newUrl) {
   let isError = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   const nodePath = _slateReact.ReactEditor.findPath(editor, element);
-  const newData = {
-    ...element.data,
+  const newData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.data), {}, {
     src: newUrl,
     is_copy_error: isError
-  };
+  });
   _slate.Transforms.setNodes(editor, {
     data: newData
   }, {
@@ -56,7 +56,7 @@ const useCopyImage = _ref => {
             updateImageNode(editor, element, imageUrl[0]);
           }
         } else {
-          throw new Error(`HTTP error status: ${response.status}`);
+          throw new Error("HTTP error status: ".concat(response.status));
         }
       } catch (error) {
         console.error(error);

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

@@ -9,8 +9,8 @@ var _react = require("react");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _context = _interopRequireDefault(require("../../../../context"));
-var _imageCache = _interopRequireDefault(require("../../../../utils/image-cache"));
 var _helpers = require("./helpers");
+var _imageCache = _interopRequireDefault(require("./image-cache"));
 const updateImageNode = async (editor, element, newUrl) => {
   const nodePath = _slateReact.ReactEditor.findPath(editor, element);
   const newData = {

package/dist/basic-sdk/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _modalHeader = _interopRequireDefault(require("../../../../../../components/modal-header"));
 var _core = require("../../../../core");
 var _helpers = require("../../helpers");
 const AddLinkDialog = _ref => {
@@ -83,6 +81,15 @@ const AddLinkDialog = _ref => {
     if (value === title) return;
     setTitle(value);
   }, [title]);
+  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,
     autoFocus: false,
@@ -90,8 +97,8 @@ const AddLinkDialog = _ref => {
     className: className,
     zIndex: 1071,
     returnFocusAfterClose: false
-  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
-    toggle: closeDialog
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
   }, t('Insert_link')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "form-group"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {