@seafile/seafile-editor 3.0.30-aik.22 → 3.0.30-aps.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -91,25 +91,14 @@ const getImagesUrlList = nodes => {
|
|
|
91
91
|
return list;
|
|
92
92
|
};
|
|
93
93
|
exports.getImagesUrlList = getImagesUrlList;
|
|
94
|
-
const getNewImagesUrlList =
|
|
95
|
-
let lists = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
96
|
-
if (!Array.isArray(lists)) {
|
|
97
|
-
return [];
|
|
98
|
-
}
|
|
94
|
+
const getNewImagesUrlList = lists => {
|
|
99
95
|
return lists.map(src => {
|
|
100
|
-
if (!src) {
|
|
101
|
-
return {
|
|
102
|
-
name: '',
|
|
103
|
-
thumbnail: ''
|
|
104
|
-
};
|
|
105
|
-
}
|
|
106
96
|
let name = '';
|
|
107
97
|
try {
|
|
108
|
-
name = decodeURIComponent(src.slice(src.lastIndexOf('/') + 1));
|
|
98
|
+
name = src ? decodeURIComponent(src.slice(src.lastIndexOf('/') + 1)) : '';
|
|
109
99
|
} catch (error) {
|
|
110
100
|
// eslint-disable-next-line no-console
|
|
111
101
|
console.log(error);
|
|
112
|
-
name = src.slice(src.lastIndexOf('/') + 1) || src;
|
|
113
102
|
}
|
|
114
103
|
return {
|
|
115
104
|
name: name || '',
|
|
@@ -21,17 +21,12 @@ const ImagePreviewer = _ref => {
|
|
|
21
21
|
} = _ref;
|
|
22
22
|
const editor = (0, _slateReact.useSlateStatic)();
|
|
23
23
|
let defaultImages = (0, _helper.getImagesUrlList)(editor.children);
|
|
24
|
-
console.log('defaultImages', defaultImages);
|
|
25
24
|
const images = (0, _helper.getNewImagesUrlList)(defaultImages);
|
|
26
|
-
console.log('images', images);
|
|
27
25
|
const {
|
|
28
26
|
t
|
|
29
27
|
} = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
|
|
30
28
|
const [imageIndex, setImageIndex] = (0, _react.useState)(images.findIndex(item => item === imgUrl));
|
|
31
|
-
const
|
|
32
|
-
const mainSrc = imageItem ? imageItem.thumbnail : '';
|
|
33
|
-
const nextImg = images[(imageIndex + 1) % images.length];
|
|
34
|
-
const prevImg = images[(imageIndex + images.length - 1) % images.length];
|
|
29
|
+
const mainSrc = images[imageIndex];
|
|
35
30
|
const moveToPrevImage = () => {
|
|
36
31
|
const currentImageIndex = (imageIndex + images.length - 1) % images.length;
|
|
37
32
|
setImageIndex(currentImageIndex);
|
|
@@ -52,8 +47,8 @@ const ImagePreviewer = _ref => {
|
|
|
52
47
|
}),
|
|
53
48
|
mainSrc: mainSrc,
|
|
54
49
|
toolbarButtons: [],
|
|
55
|
-
nextSrc:
|
|
56
|
-
prevSrc:
|
|
50
|
+
nextSrc: images[(imageIndex + 1) % images.length],
|
|
51
|
+
prevSrc: images[(imageIndex + images.length - 1) % images.length],
|
|
57
52
|
onCloseRequest: toggleImagePreviewer,
|
|
58
53
|
reactModalProps: {
|
|
59
54
|
shouldReturnFocusAfterClose: true,
|
|
@@ -78,11 +73,19 @@ const ImageTitleElement = props => {
|
|
|
78
73
|
imageIndex,
|
|
79
74
|
images
|
|
80
75
|
} = props;
|
|
76
|
+
const getImgTitle = () => {
|
|
77
|
+
try {
|
|
78
|
+
return mainSrc ? decodeURI(mainSrc.slice(mainSrc.lastIndexOf('/') + 1)) : '';
|
|
79
|
+
} catch (error) {
|
|
80
|
+
console.log('error', error);
|
|
81
|
+
return '';
|
|
82
|
+
}
|
|
83
|
+
};
|
|
81
84
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
82
85
|
className: "d-flex"
|
|
83
86
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
84
87
|
className: "text-truncate"
|
|
85
|
-
},
|
|
88
|
+
}, getImgTitle()), /*#__PURE__*/_react.default.createElement("span", {
|
|
86
89
|
className: "flex-shrink-0"
|
|
87
90
|
}, "(", imageIndex + 1, "/", images.length, ")")));
|
|
88
91
|
};
|