@seafile/seafile-editor 3.0.29 → 3.0.30-aik.22

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.lazyLoadImage = exports.isMenuDisabled = exports.insertSeafileImage = exports.insertImage = exports.handleUpdateFile = exports.getImagesUrlList = void 0;
+exports.updateImage = exports.lazyLoadImage = exports.isMenuDisabled = exports.insertSeafileImage = exports.insertImage = exports.handleUpdateFile = exports.getNewImagesUrlList = exports.getImagesUrlList = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("slate");
 var _slugid = _interopRequireDefault(require("slugid"));
@@ -91,6 +91,33 @@ const getImagesUrlList = nodes => {
   return list;
 };
 exports.getImagesUrlList = getImagesUrlList;
+const getNewImagesUrlList = function () {
+  let lists = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  if (!Array.isArray(lists)) {
+    return [];
+  }
+  return lists.map(src => {
+    if (!src) {
+      return {
+        name: '',
+        thumbnail: ''
+      };
+    }
+    let name = '';
+    try {
+      name = decodeURIComponent(src.slice(src.lastIndexOf('/') + 1));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      name = src.slice(src.lastIndexOf('/') + 1) || src;
+    }
+    return {
+      name: name || '',
+      thumbnail: src
+    };
+  });
+};
+exports.getNewImagesUrlList = getNewImagesUrlList;
 const handleUpdateFile = async (editor, file, insertPosition) => {
   var _editor$api;
   if (editor !== null && editor !== void 0 && (_editor$api = editor.api) !== null && _editor$api !== void 0 && _editor$api.uploadLocalImage) {

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

@@ -20,12 +20,18 @@ const ImagePreviewer = _ref => {
     toggleImagePreviewer
   } = _ref;
   const editor = (0, _slateReact.useSlateStatic)();
-  let images = (0, _helper.getImagesUrlList)(editor.children);
+  let defaultImages = (0, _helper.getImagesUrlList)(editor.children);
+  console.log('defaultImages', defaultImages);
+  const images = (0, _helper.getNewImagesUrlList)(defaultImages);
+  console.log('images', images);
   const {
     t
   } = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
   const [imageIndex, setImageIndex] = (0, _react.useState)(images.findIndex(item => item === imgUrl));
-  const mainSrc = images[imageIndex];
+  const imageItem = images[imageIndex];
+  const mainSrc = imageItem ? imageItem.thumbnail : '';
+  const nextImg = images[(imageIndex + 1) % images.length];
+  const prevImg = images[(imageIndex + images.length - 1) % images.length];
   const moveToPrevImage = () => {
     const currentImageIndex = (imageIndex + images.length - 1) % images.length;
     setImageIndex(currentImageIndex);
@@ -46,8 +52,8 @@ const ImagePreviewer = _ref => {
     }),
     mainSrc: mainSrc,
     toolbarButtons: [],
-    nextSrc: images[(imageIndex + 1) % images.length],
-    prevSrc: images[(imageIndex + images.length - 1) % images.length],
+    nextSrc: nextImg.thumbnail || nextImg.src,
+    prevSrc: prevImg.thumbnail || prevImg.src,
     onCloseRequest: toggleImagePreviewer,
     reactModalProps: {
       shouldReturnFocusAfterClose: true,
@@ -72,19 +78,11 @@ const ImageTitleElement = props => {
     imageIndex,
     images
   } = props;
-  const getImgTitle = () => {
-    try {
-      return mainSrc ? decodeURI(mainSrc.slice(mainSrc.lastIndexOf('/') + 1)) : '';
-    } catch (error) {
-      console.log('error', error);
-      return '';
-    }
-  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "d-flex"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "text-truncate"
-  }, getImgTitle()), /*#__PURE__*/_react.default.createElement("span", {
+  }, mainSrc), /*#__PURE__*/_react.default.createElement("span", {
     className: "flex-shrink-0"
   }, "(", imageIndex + 1, "/", images.length, ")")));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "3.0.29",
+  "version": "3.0.30aik.22",
   "description": "",
   "main": "dist/index.js",
   "scripts": {