@seafile/seafile-editor 1.0.59 → 1.0.60

package/dist/extension/plugins/image/helper.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateImage = exports.isMenuDisabled = exports.insertSeafileImage = exports.insertImage = exports.handleUpdateImage = exports.getImagesUrlList = void 0;
+exports.updateImage = exports.lazyLoadImage = exports.isMenuDisabled = exports.insertSeafileImage = exports.insertImage = exports.handleUpdateImage = exports.getImagesUrlList = void 0;
 var _slate = require("slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _helper = require("../header/helper");
@@ -99,4 +99,19 @@ const handleUpdateImage = async (editor, file) => {
     }
   }
 };
-exports.handleUpdateImage = handleUpdateImage;
+exports.handleUpdateImage = handleUpdateImage;
+const lazyLoadImage = (url, resolve, reject) => {
+  if (!url) {
+    reject('img path is require');
+    return;
+  }
+  const image = new Image();
+  image.onload = () => {
+    resolve(image);
+  };
+  image.onerror = e => {
+    reject(e);
+  };
+  image.src = url;
+};
+exports.lazyLoadImage = lazyLoadImage;

package/dist/extension/plugins/image/menu/image-menu-dialog.js

@@ -43,7 +43,12 @@ const ImageMenuInsertInternetDialog = _ref => {
       handleSubmit(e);
     }
   };
+  const onModalContainerMouseDown = e => {
+    e.stopPropagation();
+    e.nativeEvent.stopImmediatePropagation();
+  };
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    onMouseDown: onModalContainerMouseDown,
     isOpen: true,
     toggle: onToggleImageDialog,
     className: className,

package/dist/extension/plugins/image/menu/image-menu-popover.js

@@ -26,8 +26,8 @@ const ImageMenuPopover = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     t
   } = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
   const handleInsertNetworkImage = e => {
-    e.nativeEvent.stopImmediatePropagation();
     e.stopPropagation();
+    e.nativeEvent.stopImmediatePropagation();
     setIsShowInternetImageModal(true);
   };
   const handleClickFileInput = (0, _react.useCallback)(e => {

package/dist/extension/plugins/image/render-element/index.js

@@ -23,6 +23,8 @@ const renderImage = (_ref, editor) => {
     children,
     element
   } = _ref;
+  const [isLoadingImage, setIsLoadingImage] = (0, _react.useState)(true);
+  const [isError, setIsError] = (0, _react.useState)(true);
   const [isResizing, setIsResizing] = (0, _react.useState)(false);
   const [isFullScreening, setIsFullScreening] = (0, _react.useState)(false);
   const [imgSizeInfo, setImgSizeInfo] = (0, _react.useState)({
@@ -35,6 +37,20 @@ const renderImage = (_ref, editor) => {
   const imgRef = (0, _react.useRef)(null);
   const resizerRef = (0, _react.useRef)();
   const isSelected = (0, _slateReact.useSelected)();
+  (0, _react.useEffect)(() => {
+    const {
+      data = {}
+    } = element;
+    const url = data.src;
+    (0, _helper.lazyLoadImage)(url, image => {
+      setIsLoadingImage(false);
+      setIsError(false);
+    }, () => {
+      setIsLoadingImage(false);
+      setIsError(true);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const handleStartResize = (0, _react.useCallback)(event => {
     event.stopPropagation();
     const {
@@ -88,16 +104,16 @@ const renderImage = (_ref, editor) => {
   return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     contentEditable: false,
     className: "sf-image-wrapper"
-  }), /*#__PURE__*/_react.default.createElement("img", {
+  }), isLoadingImage && /*#__PURE__*/_react.default.createElement("span", null, t('Image_is_uploading'), "..."), !isLoadingImage && /*#__PURE__*/_react.default.createElement("img", {
     ref: imgRef,
     className: (0, _classnames.default)('sf-image', {
       'selected': isSelected
     }),
-    alt: element === null || element === void 0 ? void 0 : (_element$data = element.data) === null || _element$data === void 0 ? void 0 : _element$data.alt,
+    alt: (element === null || element === void 0 ? void 0 : (_element$data = element.data) === null || _element$data === void 0 ? void 0 : _element$data.alt) || '',
     src: element === null || element === void 0 ? void 0 : (_element$data2 = element.data) === null || _element$data2 === void 0 ? void 0 : _element$data2.src,
     width: element === null || element === void 0 ? void 0 : element.data.width,
     height: element === null || element === void 0 ? void 0 : element.data.height
-  }), isSelected && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+  }), isSelected && !isError && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     ref: resizerRef,
     className: "resizer",
     onMouseDown: handleStartResize

package/dist/slate-convert/md-to-slate/transform.js

@@ -178,6 +178,8 @@ const transformListItem = node => {
       } else if (child.type === 'list') {
         const hasParent = true;
         return transformList(child, hasParent);
+      } else if (child.type === 'heading') {
+        return transformParagraph(child);
       } else if (child.type === 'html') {
         // patch
         return transformBlockHtml(child);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "1.0.59",
+  "version": "1.0.60",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

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

@@ -220,5 +220,6 @@
   },
   "Select_field": "Vyberte pole",
   "Font_style": "Styl písma",
-  "Open_link": "Open link"
+  "Open_link": "Open link",
+  "Image_is_uploading": "Image is uploading"
 }

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

@@ -220,5 +220,6 @@
   },
   "Select_field": "Feld auswählen",
   "Font_style": "Schriftschnitt",
-  "Open_link": "Open link"
+  "Open_link": "Open link",
+  "Image_is_uploading": "Image is uploading"
 }

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

@@ -220,5 +220,6 @@
   },
   "Select_field": "Select field",
   "Font_style": "Font style",
-  "Open_link": "Open link"
+  "Open_link": "Open link",
+  "Image_is_uploading": "Image is uploading"
 }

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

@@ -220,5 +220,6 @@
   },
   "Select_field": "Select field",
   "Font_style": "Font style",
-  "Open_link": "Open link"
+  "Open_link": "Open link",
+  "Image_is_uploading": "Image is uploading"
 }

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

@@ -220,5 +220,6 @@
   },
   "Select_field": "Select field",
   "Font_style": "Font style",
-  "Open_link": "Ouvrir le lien"
+  "Open_link": "Ouvrir le lien",
+  "Image_is_uploading": "Image is uploading"
 }

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

@@ -220,5 +220,6 @@
   },
   "Select_field": "Select field",
   "Font_style": "Font style",
-  "Open_link": "Open link"
+  "Open_link": "Open link",
+  "Image_is_uploading": "Image is uploading"
 }

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

@@ -220,5 +220,6 @@
   },
   "Select_field": "Выбрать поле",
   "Font_style": "Стиль шрифта",
-  "Open_link": "Открыть ссылку"
+  "Open_link": "Открыть ссылку",
+  "Image_is_uploading": "Image is uploading"
 }

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

@@ -220,5 +220,6 @@
   },
   "Select_field": "选中字段",
   "Font_style": "字体样式",
-  "Open_link": "打开链接"
+  "Open_link": "打开链接",
+  "Image_is_uploading": "图片正在上传"
 }