@seafile/sdoc-editor 1.0.212-alph-2.1.0 → 1.0.213

package/dist/api/seafile-api.js

@@ -40,17 +40,13 @@ class SeafileAPI {
   uploadSdocImage(docUuid, imageFiles) {
     const url = '/api/v2.1/seadoc/upload-image/' + docUuid + '/';
     const form = new FormData();
-    console.log(form, imageFiles);
     for (const fileItem of imageFiles) {
-      console.log(imageFiles, fileItem);
       if (fileItem.type.startsWith('image/')) {
         const fileName = this.getImageFileNameWithUuid(fileItem);
         const file = new File([fileItem], fileName, {
           type: fileItem.type
         });
-        console.log(1, file);
         form.append('file', file);
-        console.log(form);
       }
     }
     return this.req.post(url, form);

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

@@ -62,61 +62,6 @@
   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-process-container {
-  width: 40px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-}
-
-.sdoc-editor__article .sdoc-image-process-container .loading-spinner {
-  border: 5px solid #d8d8d8;
-  border-top: 5px solid #939393;
-  border-radius: 50%;
-  width: 30px;
-  height: 30px;
-  animation: spin 1s linear infinite;
-  user-select: none;
-  pointer-events: none;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
 .sdoc-editor__article .sdoc-image-inner {
   position: relative;
   display: inline-block;

package/dist/basic-sdk/extension/commons/insert-element-dialog/index.js

@@ -44,9 +44,7 @@ const InsertElementDialog = _ref => {
   const uploadLocalVideoInputRef = (0, _react.useRef)();
   const onFileChanged = (0, _react.useCallback)(event => {
     const files = event.target.files;
-    console.log(1, files);
     _context.default.uploadLocalImage(files).then(fileUrl => {
-      console.log(2, fileUrl);
       (0, _helpers.insertImage)(validEditor, fileUrl, validEditor.selection, insertPosition);
       if (uploadLocalImageInputRef.current) {
         uploadLocalImageInputRef.current.value = '';

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SVG_WIDTH = exports.IMAGE_DISPLAY_TYPE = exports.IMAGE_BORDER_TYPE = void 0;
+exports.IMAGE_DISPLAY_TYPE = exports.IMAGE_BORDER_TYPE = void 0;
 var _blackBorder = _interopRequireDefault(require("../../../../assets/images/black-border.png"));
 var _greyBorder = _interopRequireDefault(require("../../../../assets/images/grey-border.png"));
 var _noBorder = _interopRequireDefault(require("../../../../assets/images/no-border.png"));
@@ -27,5 +27,4 @@ const IMAGE_BORDER_TYPE = exports.IMAGE_BORDER_TYPE = [{
   type: 'black',
   imgUrl: _blackBorder.default,
   value: '2px solid #41464A'
-}];
-const SVG_WIDTH = exports.SVG_WIDTH = 360;
+}];

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 = exports.downloadImage = void 0;
+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;
 var _urlJoin = _interopRequireDefault(require("url-join"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -133,25 +133,11 @@ const updateImage = (editor, data) => {
   });
 };
 exports.updateImage = updateImage;
-const downloadImage = async url => {
-  const response = await fetch(url);
-  const blob = await response.blob();
-  const file = new File([blob], 'downloaded_image', {
-    type: blob.type
-  });
-  // console.log(file, context.uploadLocalImage(file));
-  console.log(10);
-  const fileUrl = await _context.default.uploadLocalImage([file]);
-  console.log(fileUrl);
-  return fileUrl;
-};
-exports.downloadImage = downloadImage;
 const getImageURL = (data, editor) => {
   const {
     src: url,
     column_key
   } = data;
-  console.log('data', data);
   if (column_key) {
     const column = (0, _helpers.getColumnByKey)(editor.columns || [], column_key);
     const {
@@ -167,12 +153,7 @@ const getImageURL = (data, editor) => {
       return imgUrl;
     }
   }
-  if (url && url.startsWith('http')) {
-    // return url;
-    console.log(6, url);
-    // debugger;
-    return Promise.resolve().then(() => downloadImage(url));
-  }
+  if (url && url.startsWith('http')) return url;
   const serviceUrl = _context.default.getSetting('serviceUrl');
   const assetsUrl = _context.default.getSetting('assetsUrl');
   return (0, _urlJoin.default)(serviceUrl, assetsUrl, url);

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

@@ -20,8 +20,9 @@ var _useScrollContext = require("../../../hooks/use-scroll-context");
 var _constants2 = require("./constants");
 var _constants3 = require("../../constants");
 var _constants4 = require("../../../../constants");
+var _imagePlaceholder = _interopRequireDefault(require("../../../assets/images/image-placeholder.png"));
 const Image = _ref => {
-  var _imageRef$current, _imageRef$current2, _imageRef$current3;
+  var _imageRef$current, _imageRef$current2;
   let {
     element,
     editor,
@@ -56,8 +57,6 @@ 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 [isLoading, setIsLoading] = (0, _react.useState)(true);
-  const svgWidth = movingWidth || element.data.width || _constants2.SVG_WIDTH;
   const registerEvent = (0, _react.useCallback)(eventList => {
     eventList.forEach(element => {
       document.addEventListener(element.eventName, element.event);
@@ -72,17 +71,12 @@ const Image = _ref => {
     var _resizerRef$current;
     event.preventDefault();
     event.stopPropagation();
-    if (!imageRef.current) return;
     const changeX = event.clientX - ((_resizerRef$current = resizerRef.current) === null || _resizerRef$current === void 0 ? void 0 : _resizerRef$current.getBoundingClientRect().left) - 5;
-    let newWidth = isShowImagePlaceholder ? imageRef.current.getBoundingClientRect().width + changeX : imageRef.current.width + changeX;
-    if (newWidth < 20) return;
-    if (isShowImagePlaceholder) {
-      imageRef.current.width.baseVal.value = newWidth;
-    } else {
-      imageRef.current.width = newWidth;
-    }
-    setMovingWidth(newWidth);
-  }, [isShowImagePlaceholder]);
+    const imageWidth = imageRef.current.width + changeX;
+    if (imageWidth < 20) return;
+    imageRef.current.width = imageWidth;
+    setMovingWidth(imageWidth);
+  }, []);
   const onResizeEnd = (0, _react.useCallback)(event => {
     event.preventDefault();
     event.stopPropagation();
@@ -95,7 +89,7 @@ const Image = _ref => {
     }]);
     const newData = {
       ...element.data,
-      width: parseFloat(imageRef.current.style.width)
+      width: imageRef.current.width
     };
     (0, _helpers.updateImage)(editor, newData);
 
@@ -200,7 +194,6 @@ const Image = _ref => {
   const reloadImage = (0, _react.useCallback)(() => {
     if (imageRef.current) {
       imageRef.current['src'] = (0, _helpers.getImageURL)(data, editor);
-      console.log((0, _helpers.getImageURL)(data, editor));
       setIsShowImagePlaceholder(false);
     }
   }, [data, editor]);
@@ -209,7 +202,6 @@ const Image = _ref => {
     if (data.src.startsWith('data:image/jpeg;base64')) {
       return (0, _helpers.handleBase64Image)(editor, path, data);
     }
-    setIsLoading(false);
     setIsShowImagePlaceholder(true);
     // External network images do not reload after failure to load
     if (!data.src.startsWith('http')) {
@@ -232,22 +224,7 @@ const Image = _ref => {
       });
     }
   }, [data, editor, element]);
-  (0, _react.useEffect)(() => {
-    if (imageRef.current) {
-      imageRef.current.onload = () => setIsLoading(false);
-      imageRef.current.onerror = onImageLoadError;
-    }
-  }, [element.data]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-image-process-container",
-    style: {
-      display: isLoading ? 'inline-block' : 'none'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "loading-spinner"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "spinner"
-  })), children), isShowImagePlaceholder && /*#__PURE__*/_react.default.createElement("span", Object.assign({
+  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: {
@@ -256,60 +233,13 @@ const Image = _ref => {
     onMouseOver: e => (0, _helpers.selectImageWhenSelectPartial)(e, editor, element, isSelected),
     contentEditable: "false",
     suppressContentEditableWarning: true
-  }), /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: `0 0 ${svgWidth} ${svgWidth}`,
-    preserveAspectRatio: "xMinYMin meet",
-    className: (0, _classnames.default)('sdoc-image-placeholder-wrapper', {
-      'image-selected': isSelected
-    }),
+  }), /*#__PURE__*/_react.default.createElement("img", {
     ref: imageRef,
+    src: _imagePlaceholder.default,
     style: getImageStyle(),
-    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(${svgWidth / 2}, ${svgWidth / 2}) scale(${svgWidth / _constants2.SVG_WIDTH})`
-  }, /*#__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')))), isSelected && /*#__PURE__*/_react.default.createElement("span", {
-    className: "image-resizer",
-    ref: resizerRef,
-    onMouseDown: onResizeStart
-  }), isResizing && /*#__PURE__*/_react.default.createElement("span", {
-    className: "image-size"
-  }, /*#__PURE__*/_react.default.createElement("span", null, t('Width'), ':', parseInt(movingWidth || ((_imageRef$current = imageRef.current) === null || _imageRef$current === void 0 ? void 0 : _imageRef$current.clientWidth))), /*#__PURE__*/_react.default.createElement("span", null, "\xA0\xA0"), /*#__PURE__*/_react.default.createElement("span", null, t('Height'), ':', imageRef.current.clientHeight)), children), !isShowImagePlaceholder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", Object.assign({
+    draggable: false,
+    alt: ""
+  }), children), !isShowImagePlaceholder && /*#__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, {
@@ -342,12 +272,12 @@ const Image = _ref => {
     onMouseDown: onResizeStart
   }), isResizing && /*#__PURE__*/_react.default.createElement("span", {
     className: "image-size"
-  }, /*#__PURE__*/_react.default.createElement("span", null, t('Width'), ':', parseInt(movingWidth || ((_imageRef$current2 = imageRef.current) === null || _imageRef$current2 === void 0 ? void 0 : _imageRef$current2.clientWidth))), /*#__PURE__*/_react.default.createElement("span", null, "\xA0\xA0"), /*#__PURE__*/_react.default.createElement("span", null, t('Height'), ':', imageRef.current.clientHeight))), nodeEntry[0].type === _constants3.IMAGE_BLOCK && show_caption && /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, t('Width'), ':', parseInt(movingWidth || ((_imageRef$current = imageRef.current) === null || _imageRef$current === void 0 ? void 0 : _imageRef$current.clientWidth))), /*#__PURE__*/_react.default.createElement("span", null, "\xA0\xA0"), /*#__PURE__*/_react.default.createElement("span", null, t('Height'), ':', imageRef.current.clientHeight))), nodeEntry[0].type === _constants3.IMAGE_BLOCK && show_caption && /*#__PURE__*/_react.default.createElement("input", {
     id: "sdoc-image-caption-input",
     ref: imageCaptionInputRef,
     className: "sdoc-image-caption-input-wrapper",
     style: {
-      width: (data === null || data === void 0 ? void 0 : data.width) || ((_imageRef$current3 = imageRef.current) === null || _imageRef$current3 === void 0 ? void 0 : _imageRef$current3.clientWidth)
+      width: (data === null || data === void 0 ? void 0 : data.width) || ((_imageRef$current2 = imageRef.current) === null || _imageRef$current2 === void 0 ? void 0 : _imageRef$current2.clientWidth)
     },
     placeholder: t('Caption'),
     autoComplete: "off",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.212-alph-2.1.0",
+  "version": "1.0.213",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

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

@@ -610,7 +610,5 @@
   "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",
-  "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."
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
 }

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

@@ -610,7 +610,5 @@
   "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",
-  "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."
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
 }

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

@@ -610,7 +610,5 @@
   "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",
-  "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."
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
 }

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

@@ -610,7 +610,5 @@
   "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",
-  "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."
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
 }

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

@@ -610,7 +610,5 @@
   "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",
-  "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."
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
 }

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

@@ -610,7 +610,5 @@
   "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",
-  "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."
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
 }

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

@@ -610,7 +610,5 @@
   "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",
-  "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."
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
 }

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

@@ -610,7 +610,5 @@
   "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",
-  "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."
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
 }

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

@@ -610,7 +610,5 @@
   "Add_video_link": "Добавить ссылку на видео",
   "Link_Seafile_video_file": "Ссылка на видео файл Seafile",
   "Select_video_file": "Выбрать видео файл",
-  "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."
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
 }

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

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