@seafile/sdoc-editor 2.0.0 → 2.0.2

package/dist/basic-sdk/assets/css/sdoc-editor-plugins.css

@@ -62,6 +62,38 @@
   caret-color: transparent;
 }
 
+.sdoc-editor__article .sdoc-image-wrapper .sdoc-image-placeholder-wrapper {
+  width: 100%;
+  aspect-ratio: 1;
+  background-color: #f0f0f0;
+  border: 1px solid #ccc;
+  padding: 0 3%;
+  max-width: 100%;
+  user-select: all;
+  pointer-events: all;
+}
+
+.sdoc-editor__article .sdoc-image-wrapper .sdoc-image-tip-content,
+.sdoc-editor__article .sdoc-image-wrapper .sdoc-image-title {
+  user-select: none;
+  pointer-events: none;
+}
+
+.sdoc-editor__article .sdoc-image-title .sdoc-exclamation-circle {
+  font-size: 18px;
+  align-items: center;
+  justify-content: center;
+  color: red;
+  display: flex;
+}
+
+.sdoc-editor__article .sdoc-image-title .sdoc-image-tip-title {
+  color: red;
+  font-size: 18px;
+  user-select: none;
+  pointer-events: none;
+}
+
 .sdoc-editor__article .sdoc-image-inner {
   position: relative;
   display: inline-block;

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

@@ -52,6 +52,13 @@ const getFontSize = editor => {
         }
         return false;
       }
+      if (!_slate.Editor.isEditor(n) && _slate.Editor.isVoid(editor, n)) {
+        const parentNode = (0, _core.getParentNode)(editor.children, n.id);
+        if (!parentNode) return false;
+        if ([_constants.TITLE, _constants.SUBTITLE, ..._constants.HEADERS, _constants.CODE_LINE].includes(parentNode.type)) {
+          return true;
+        }
+      }
       return false;
     }
   });

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

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _slate = require("@seafile/slate");
 var _core = require("../../core");
 var _constants = require("../../constants");
+var _helper = require("../paragraph/helper");
 const renderTitle = (props, editor) => {
   const {
     element,
@@ -69,7 +70,7 @@ const renderHeader = (props, editor) => {
     })
   };
   let isShowPlaceHolder = false;
-  if (_slate.Node.string(element) === '' && !isComposing) {
+  if ((0, _helper.isEmptyNode)(element) && _slate.Node.string(element) === '' && !isComposing) {
     isShowPlaceHolder = true;
   }
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateImage = exports.selectImageWhenSelectPartial = exports.resetCursor = exports.queryCopyMoveProgressView = exports.isInsertImageMenuDisabled = exports.insertImageFiles = exports.insertImage = exports.hasSdocImages = exports.handleBase64Image = exports.getSingleImageFromFragment = exports.getImageURL = exports.getImageData = exports.generateImageNode = void 0;
+exports.updateImage = exports.selectImageWhenSelectPartial = exports.resetCursor = exports.queryCopyMoveProgressView = exports.isInsertImageMenuDisabled = exports.isImagUrlIsFromCopy = exports.insertImageFiles = exports.insertImage = exports.hasSdocImages = exports.handleBase64Image = exports.getSingleImageFromFragment = exports.getImageURL = exports.getImageData = exports.generateImageNode = void 0;
 var _urlJoin = _interopRequireDefault(require("url-join"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -153,7 +153,7 @@ const getImageURL = (data, editor) => {
       return imgUrl;
     }
   }
-  if (url && url.startsWith('http')) return url;
+  if (isImagUrlIsFromCopy(url)) return url;
   const serviceUrl = _context.default.getSetting('serviceUrl');
   const assetsUrl = _context.default.getSetting('assetsUrl');
   return (0, _urlJoin.default)(serviceUrl, assetsUrl, url);
@@ -277,4 +277,10 @@ const handleBase64Image = (editor, path, imgData) => {
     });
   });
 };
-exports.handleBase64Image = handleBase64Image;
+exports.handleBase64Image = handleBase64Image;
+const isImagUrlIsFromCopy = url => {
+  if (url && url.startsWith('http')) return true;
+  if (url && url.startsWith('attachment')) return true; // from yuque
+  return false;
+};
+exports.isImagUrlIsFromCopy = isImagUrlIsFromCopy;

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

@@ -0,0 +1,37 @@
+.sdoc-image-process-container {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  top: 0;
+  left: 0;
+  background-color: 'rgba(0, 0, 0, 0.5)'
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.sdoc-image-process-container .loading-spinner {
+  border: 3px solid #d8d8d8;
+  border-top: 3px solid #939393;
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  animation: spin 1s linear infinite;
+  user-select: none;
+  pointer-events: none;
+}
+
+.sdoc-image-process-container .copyright {
+  margin-top: 4px;
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ImageLoader;
+var _react = _interopRequireDefault(require("react"));
+require("./index.css");
+function ImageLoader(_ref) {
+  let {
+    copyright
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-image-process-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "loading-spinner"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "spinner"
+  })), copyright && /*#__PURE__*/_react.default.createElement("div", {
+    className: "copyright"
+  }, copyright));
+}

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

@@ -21,6 +21,9 @@ var _constants2 = require("./constants");
 var _constants3 = require("../../constants");
 var _constants4 = require("../../../../constants");
 var _imagePlaceholder = _interopRequireDefault(require("../../../assets/images/image-placeholder.png"));
+var _copyImageErrorSvg = _interopRequireDefault(require("../../../../components/copy-image-error-svg"));
+var _useUploadImage = _interopRequireDefault(require("./use-upload-image"));
+var _imageLoader = _interopRequireDefault(require("./image-loader"));
 const Image = _ref => {
   var _imageRef$current, _imageRef$current2;
   let {
@@ -57,6 +60,14 @@ const Image = _ref => {
   const [isShowImageHoverMenu, setIsShowImageHoverMenu] = (0, _react.useState)(false);
   const [menuPosition, setMenuPosition] = (0, _react.useState)({});
   const [caption, setCaption] = (0, _react.useState)((data === null || data === void 0 ? void 0 : data.caption) || '');
+  const {
+    isCopyImageLoading,
+    isCopyImageError,
+    setCopyImageLoading
+  } = (0, _useUploadImage.default)({
+    editor,
+    element
+  });
   const registerEvent = (0, _react.useCallback)(eventList => {
     eventList.forEach(element => {
       document.addEventListener(element.eventName, element.event);
@@ -197,6 +208,11 @@ const Image = _ref => {
       setIsShowImagePlaceholder(false);
     }
   }, [data, editor]);
+  const onImageLoaded = (0, _react.useCallback)(() => {
+    if ((0, _helpers.isImagUrlIsFromCopy)(data.src)) {
+      setCopyImageLoading(true);
+    }
+  }, [data.src, setCopyImageLoading]);
   const onImageLoadError = (0, _react.useCallback)(() => {
     // Check is due to the image is pasted from the clipboard in base64
     if (data.src.startsWith('data:image/jpeg;base64')) {
@@ -232,6 +248,7 @@ const Image = _ref => {
     },
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
     contentEditable: "false",
+    "data-src": (0, _helpers.getImageURL)(data, editor),
     suppressContentEditableWarning: true
   }), /*#__PURE__*/_react.default.createElement("img", {
     ref: imageRef,
@@ -239,7 +256,21 @@ const Image = _ref => {
     style: getImageStyle(),
     draggable: false,
     alt: ""
-  }), children), !isShowImagePlaceholder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", Object.assign({
+  }), children), isCopyImageError && /*#__PURE__*/_react.default.createElement("span", Object.assign({
+    className: (0, _classnames.default)('sdoc-image-wrapper', className)
+  }, attributes, {
+    style: {
+      ...style
+    },
+    onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
+    contentEditable: "false",
+    "data-src": data.src,
+    suppressContentEditableWarning: true
+  }), /*#__PURE__*/_react.default.createElement(_copyImageErrorSvg.default, {
+    t: t,
+    isSelected: isSelected,
+    imageRef: imageRef
+  }), children), !isShowImagePlaceholder && !isCopyImageError && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", Object.assign({
     "data-id": element.id,
     className: (0, _classnames.default)('sdoc-image-wrapper', className)
   }, attributes, {
@@ -256,16 +287,19 @@ const Image = _ref => {
   }, /*#__PURE__*/_react.default.createElement("span", {
     style: imageStyle
   }, /*#__PURE__*/_react.default.createElement("img", {
+    ref: imageRef,
     className: (0, _classnames.default)({
       'image-selected': isSelected
     }),
     onClick: onClickImage,
-    ref: imageRef,
     src: (0, _helpers.getImageURL)(data, editor),
     style: getImageStyle(),
     draggable: false,
+    onLoad: onImageLoaded,
     onError: onImageLoadError,
     alt: ""
+  }), isCopyImageLoading && /*#__PURE__*/_react.default.createElement(_imageLoader.default, {
+    copyright: t('Image_is_uploading')
   }), isSelected && /*#__PURE__*/_react.default.createElement("span", {
     className: "image-resizer",
     ref: resizerRef,

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

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _context = _interopRequireDefault(require("../../../../context"));
+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,
+    src: newUrl,
+    is_copy_error: isError
+  };
+  _slate.Transforms.setNodes(editor, {
+    data: newData
+  }, {
+    at: nodePath
+  });
+};
+const useImageUpload = _ref => {
+  let {
+    editor,
+    element
+  } = _ref;
+  const {
+    data
+  } = element;
+  const {
+    is_copy_error = false
+  } = data;
+  const [isLoading, setIsLoading] = (0, _react.useState)(false);
+  const [isCopyError, setIsCopyError] = (0, _react.useState)(is_copy_error);
+  (0, _react.useEffect)(() => {
+    const {
+      src: url
+    } = data;
+    if (isCopyError) return;
+    if (!(0, _helpers.isImagUrlIsFromCopy)(url)) return;
+    const downloadAndUploadImages = async url => {
+      try {
+        const response = await fetch(url);
+        if (response.ok) {
+          const blob = await response.blob();
+          const file = new File([blob], 'downloaded_image.png', {
+            type: blob.type
+          });
+          const imageUrl = await _context.default.uploadLocalImage([file]);
+          if (imageUrl && imageUrl[0]) {
+            updateImageNode(editor, element, imageUrl[0]);
+          }
+        } else {
+          throw new Error(`HTTP error status: ${response.status}`);
+        }
+      } catch (error) {
+        console.error(error);
+        updateImageNode(editor, element, url, true);
+        setIsCopyError(true);
+      } finally {
+        setTimeout(() => {
+          setIsLoading(false);
+        }, 500);
+      }
+    };
+    downloadAndUploadImages(url);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return {
+    isCopyImageLoading: isLoading,
+    setCopyImageLoading: setIsLoading,
+    isCopyImageError: isCopyError
+  };
+};
+var _default = exports.default = useImageUpload;

package/dist/basic-sdk/extension/plugins/multi-column/plugin.js

@@ -82,7 +82,7 @@ const withMultiColumn = editor => {
     const nextNode = _slate.Editor.next(newEditor);
     const nextColumnIndex = nextNode[1][1];
     const currentMultiColumnEntry = (0, _core.getSelectedNodeEntryByType)(editor, _constants.ELEMENT_TYPE.MULTI_COLUMN);
-    if (!currentMultiColumnEntry) return deleteBackward(unit);
+    if (!currentMultiColumnEntry) return deleteForward(unit);
     const {
       column,
       children: childColumn

package/dist/basic-sdk/extension/plugins/seatable-column/plugin.js

@@ -8,7 +8,8 @@ var _constants = require("../../constants");
 const withColumn = editor => {
   const {
     isInline,
-    isVoid
+    isVoid,
+    markableVoid
   } = editor;
   const newEditor = editor;
   newEditor.isInline = element => {
@@ -25,6 +26,13 @@ const withColumn = editor => {
     if (type === _constants.ELEMENT_TYPE.SEATABLE_COLUMN) return true;
     return isVoid(element);
   };
+  newEditor.markableVoid = element => {
+    const {
+      type
+    } = element;
+    if (type === _constants.ELEMENT_TYPE.SEATABLE_COLUMN) return true;
+    return markableVoid(element);
+  };
   return newEditor;
 };
 var _default = exports.default = withColumn;

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

@@ -36,11 +36,46 @@ const Column = _ref => {
       setIsClicked(false);
     }
   }, [isSelected, isReadOnly]);
+  const {
+    font_size = null,
+    font = null,
+    bold = null,
+    italic = null,
+    underline = null,
+    color = null,
+    highlight_color = null,
+    strikethrough = null
+  } = element.children[0];
   const style = {
     margin: '0 10px',
     border: '1px solid transparent',
+    userSelect: 'none',
     ...(isClicked && {
       border: '1px solid red'
+    }),
+    ...(font_size && {
+      fontSize: font_size
+    }),
+    ...(font && {
+      fontFamily: font
+    }),
+    ...(bold && {
+      fontWeight: 600
+    }),
+    ...(italic && {
+      fontStyle: 'italic'
+    }),
+    ...(underline && {
+      textDecoration: 'underline'
+    }),
+    ...(color && {
+      color: color
+    }),
+    ...(highlight_color && {
+      backgroundColor: highlight_color
+    }),
+    ...(strikethrough && {
+      textDecoration: 'line-through'
     })
   };
   return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {

package/dist/basic-sdk/extension/plugins/text-style/helpers.js

@@ -16,7 +16,7 @@ const isMenuDisabled = (editor, readonly) => {
     match: n => {
       const type = (0, _core.getNodeType)(n);
       if (type === _elementType.CODE_BLOCK) return true; // Code block
-      if (_slate.Editor.isVoid(editor, n)) return true; // void node
+      if (_slate.Editor.isVoid(editor, n) && (n === null || n === void 0 ? void 0 : n.type) !== _elementType.SEATABLE_COLUMN) return true; // void node
 
       return false;
     },

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

@@ -49,6 +49,10 @@ const TextStyleMenuList = _ref => {
     return (0, _helpers2.isMenuDisabled)(editor, readonly);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, readonly]);
+  const isSelectedSeaTableColumn = (0, _react.useCallback)(() => {
+    const entery = (0, _core.getSelectedNodeByType)(editor, _constants.SEATABLE_COLUMN);
+    return !!entery;
+  }, [editor]);
   const openLinkDialog = (0, _react.useCallback)(() => {
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
@@ -99,11 +103,16 @@ const TextStyleMenuList = _ref => {
   }, [editor, selectedFontSize, selectedFontSizeValue]);
   const getTextStyleList = (0, _react.useCallback)(key => {
     return _constants.MENUS_CONFIG_MAP[key].map(item => {
+      let disable = isDisabled();
+      const disableTypes = [_constants.TEXT_STYLE_MAP.CODE, _constants.TEXT_STYLE_MAP.LINK, _constants.TEXT_STYLE_MAP.SUPERSCRIPT, _constants.TEXT_STYLE_MAP.SUBSCRIPT];
+      if (disableTypes.includes(item.type)) {
+        disable = isSelectedSeaTableColumn() ? true : disable;
+      }
       let itemProps = {
         isRichEditor,
         className,
         ariaLabel: item === null || item === void 0 ? void 0 : item.ariaLabel,
-        disabled: isDisabled(),
+        disabled: disable,
         isActive: isActive(item.type),
         onMouseDown: item.isColor ? () => {} : onMouseDown
       };

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -134,7 +134,8 @@ const isVoidNode = node => {
   const isCodeBlock = node.type === _constants.CODE_BLOCK;
   const isCallout = node.type === _constants.CALL_OUT;
   const isSeaTableTable = node.type === _constants.SEATABLE_TABLE;
-  return _slate.Node.string(node) === '' && !hasImage && !isVideo && !isTable && !isCodeBlock && !isCallout && !isSeaTableTable;
+  const isSeaTableColumn = node.type === _constants.SEATABLE_COLUMN;
+  return _slate.Node.string(node) === '' && !hasImage && !isVideo && !isTable && !isCodeBlock && !isCallout && !isSeaTableTable && !isSeaTableColumn;
 };
 exports.isVoidNode = isVoidNode;
 const isNotSupportTransform = node => {

package/dist/components/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -39,7 +39,7 @@
     "remark-rehype": "11.0.0",
     "remark-stringify": "11.0.0",
     "slugid": "3.2.0",
-    "socket.io-client": "4.6.1",
+    "socket.io-client": "4.8.1",
     "type-of": "2.0.1",
     "unified": "11.0.3",
     "url-join": "4.0.1",
@@ -99,6 +99,7 @@
     "css-minimizer-webpack-plugin": "5.0.1",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
+    "dtable-sdk": "5.0.6",
     "dtable-utils": "5.0.1",
     "ejs": "3.1.10",
     "eslint": "^8.3.0",
@@ -119,7 +120,7 @@
     "koa-router": "7.3.0",
     "koa-send": "5.0.1",
     "koa2-cors": "2.0.6",
-    "lint-staged": "14.0.0",
+    "lint-staged": "15.4.3",
     "mini-css-extract-plugin": "^2.4.5",
     "node-polyfill-webpack-plugin": "2.0.1",
     "postcss": "^8.4.31",
@@ -140,7 +141,7 @@
     "react-router-dom": "7.1.3",
     "release-it": "17.3.0",
     "resolve": "^1.20.0",
-    "resolve-url-loader": "^4.0.0",
+    "resolve-url-loader": "5.0.0",
     "sass-loader": "^12.3.0",
     "seafile-js": "0.2.235",
     "source-map-loader": "^3.0.0",
@@ -149,8 +150,8 @@
     "terser-webpack-plugin": "^5.2.5",
     "url-loader": "^4.1.1",
     "web-vitals": "2.1.4",
-    "webpack": "5.64.4",
-    "webpack-dev-server": "4.15.1",
+    "webpack": "5.98.0",
+    "webpack-dev-server": "5.2.0",
     "webpack-manifest-plugin": "5.0.0",
     "webpack-merge": "5.8.0",
     "workbox-webpack-plugin": "7.0.0"

package/public/locales/cs/sdoc-editor.json

@@ -610,5 +610,8 @@
   "Add_video_link": "Add video link",
   "Link_Seafile_video_file": "Link Seafile video file",
   "Select_video_file": "Select video file",
-  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more",
+  "Image_cannot_be_copied_Please_download_the_source_image": "Image cannot be copied. Please download the source image,",
+  "And_select_insert_-_image_to_upload": "and select 「insert」 - 「image」 to upload.",
+  "Image_copy_error": "Image copy error"
 }

package/public/locales/de/sdoc-editor.json

@@ -610,5 +610,8 @@
   "Add_video_link": "Videolink hinzufügen",
   "Link_Seafile_video_file": "Link Seafile video file",
   "Select_video_file": "Select video file",
-  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more",
+  "Image_cannot_be_copied_Please_download_the_source_image": "Image cannot be copied. Please download the source image,",
+  "And_select_insert_-_image_to_upload": "and select 「insert」 - 「image」 to upload.",
+  "Image_copy_error": "Image copy error"
 }

package/public/locales/en/sdoc-editor.json

@@ -610,5 +610,9 @@
   "Add_video_link": "Add video link",
   "Link_Seafile_video_file": "Link Seafile video file",
   "Select_video_file": "Select video file",
-  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more",
+  "Image_cannot_be_copied_Please_download_the_source_image": "Image cannot be copied. Please download the source image,",
+  "And_select_insert_-_image_to_upload": "and select 「insert」 - 「image」 to upload.",
+  "Image_copy_error": "Image copy error",
+  "Image_is_uploading": "Image is uploading..."
 }

package/public/locales/es/sdoc-editor.json

@@ -610,5 +610,8 @@
   "Add_video_link": "Add video link",
   "Link_Seafile_video_file": "Link Seafile video file",
   "Select_video_file": "Select video file",
-  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more",
+  "Image_cannot_be_copied_Please_download_the_source_image": "Image cannot be copied. Please download the source image,",
+  "And_select_insert_-_image_to_upload": "and select 「insert」 - 「image」 to upload.",
+  "Image_copy_error": "Image copy error"
 }

package/public/locales/es_AR/sdoc-editor.json

@@ -610,5 +610,8 @@
   "Add_video_link": "Add video link",
   "Link_Seafile_video_file": "Link Seafile video file",
   "Select_video_file": "Select video file",
-  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more",
+  "Image_cannot_be_copied_Please_download_the_source_image": "Image cannot be copied. Please download the source image,",
+  "And_select_insert_-_image_to_upload": "and select 「insert」 - 「image」 to upload.",
+  "Image_copy_error": "Image copy error"
 }

package/public/locales/es_MX/sdoc-editor.json

@@ -610,5 +610,8 @@
   "Add_video_link": "Add video link",
   "Link_Seafile_video_file": "Link Seafile video file",
   "Select_video_file": "Select video file",
-  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more",
+  "Image_cannot_be_copied_Please_download_the_source_image": "Image cannot be copied. Please download the source image,",
+  "And_select_insert_-_image_to_upload": "and select 「insert」 - 「image」 to upload.",
+  "Image_copy_error": "Image copy error"
 }

package/public/locales/fr/sdoc-editor.json

@@ -610,5 +610,8 @@
   "Add_video_link": "Add video link",
   "Link_Seafile_video_file": "Link Seafile video file",
   "Select_video_file": "Select video file",
-  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more",
+  "Image_cannot_be_copied_Please_download_the_source_image": "Image cannot be copied. Please download the source image,",
+  "And_select_insert_-_image_to_upload": "and select 「insert」 - 「image」 to upload.",
+  "Image_copy_error": "Image copy error"
 }

package/public/locales/it/sdoc-editor.json

@@ -610,5 +610,8 @@
   "Add_video_link": "Add video link",
   "Link_Seafile_video_file": "Link Seafile video file",
   "Select_video_file": "Select video file",
-  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more",
+  "Image_cannot_be_copied_Please_download_the_source_image": "Image cannot be copied. Please download the source image,",
+  "And_select_insert_-_image_to_upload": "and select 「insert」 - 「image」 to upload.",
+  "Image_copy_error": "Image copy error"
 }

package/public/locales/ru/sdoc-editor.json

@@ -610,5 +610,8 @@
   "Add_video_link": "Добавить ссылку на видео",
   "Link_Seafile_video_file": "Ссылка на видео файл Seafile",
   "Select_video_file": "Выбрать видео файл",
-  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more",
+  "Image_cannot_be_copied_Please_download_the_source_image": "Изображение не может быть скопировано. Скачайте исходное изображение,",
+  "And_select_insert_-_image_to_upload": "и выбрать 「вставить」 - 「изображение」 для загрузки.",
+  "Image_copy_error": "Image copy error"
 }

package/public/locales/zh_CN/sdoc-editor.json

@@ -610,5 +610,9 @@
   "Add_video_link": "添加视频链接",
   "Link_Seafile_video_file": "链接Seafile视频文件",
   "Select_video_file": "选择视频文件",
-  "Support_Youtube_Tencent_Bilibili_and_more": "支持Youtube，腾讯视频，B站及其他平台"
+  "Support_Youtube_Tencent_Bilibili_and_more": "支持Youtube，腾讯视频，B站及其他平台",
+  "Image_cannot_be_copied_Please_download_the_source_image": "此照片不支持复制，请下载原图",
+  "And_select_insert_-_image_to_upload": "后点击工具栏「插入」- 「照片」上传",
+  "Image_copy_error": "图片复制错误",
+  "Image_is_uploading": "图片正在上传..."
 }