dtable-ui-component 0.2.1 → 0.2.3

package/lib/ImagePreviewerLightbox/index.js

@@ -12,12 +12,15 @@ function ImagePreviewerLightbox(props) {
       deleteImage = props.deleteImage,
       downloadImage = props.downloadImage,
       onRotateImage = props.onRotateImage,
-      readOnly = props.readOnly;
+      readOnly = props.readOnly,
+      server = props.server,
+      moveToPrevRowImage = props.moveToPrevRowImage,
+      moveToNextRowImage = props.moveToNextRowImage;
   var imageItemsLength = imageItems.length;
   var URL = imageItems[imageIndex];
   var imageTitle = URL ? decodeURI(URL.slice(URL.lastIndexOf('/') + 1)) : ''; // svg image is vectorgraph and can't rotate, external image can't rotate
 
-  var canRotateImage = onRotateImage && !readOnly && !checkSVGImage(URL) && isInternalImg(URL);
+  var canRotateImage = onRotateImage && !readOnly && !checkSVGImage(URL) && isInternalImg(URL, server);
   var imageTitleEl = /*#__PURE__*/React.createElement("span", {
     className: "d-flex"
   }, /*#__PURE__*/React.createElement("span", {
@@ -27,6 +30,24 @@ function ImagePreviewerLightbox(props) {
   }, "(", imageIndex + 1, "/", imageItemsLength, ")"));
   var toolbarButtons = [];
 
+  if (moveToPrevRowImage) {
+    toolbarButtons.push( /*#__PURE__*/React.createElement("button", {
+      className: "dtable-font dtable-icon-retract",
+      onClick: function onClick() {
+        moveToPrevRowImage();
+      }
+    }));
+  }
+
+  if (moveToNextRowImage) {
+    toolbarButtons.push( /*#__PURE__*/React.createElement("button", {
+      className: "dtable-font dtable-icon-display",
+      onClick: function onClick() {
+        moveToNextRowImage();
+      }
+    }));
+  }
+
   if (!readOnly && deleteImage) {
     toolbarButtons.push( /*#__PURE__*/React.createElement("button", {
       className: "dtable-font dtable-icon-delete",

package/lib/ImagePreviewerLightbox/utils.js

@@ -1,6 +1,7 @@
-export var isInternalImg = function isInternalImg(url) {
+export var isInternalImg = function isInternalImg(url, server) {
   if (!url) return;
-  return url.indexOf(window.dtable.server) > -1;
+  var currentServer = server || window.dtable && window.dtable.server;
+  return url.indexOf(currentServer) > -1;
 };
 export var checkSVGImage = function checkSVGImage(url) {
   if (!url) return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "0.0.9",