@seafile/seafile-editor 0.3.108 → 0.3.111

package/dist/editor/editor-component/textlink-hovermenu.js

@@ -5,6 +5,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { Button } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
+import isUrl from 'is-url';
 
 var TextLinkHoverMenu = /*#__PURE__*/function (_React$Component) {
   _inherits(TextLinkHoverMenu, _React$Component);
@@ -83,6 +84,12 @@ var TextLinkHoverMenu = /*#__PURE__*/function (_React$Component) {
       _this.getLinkUrl();
     };
 
+    _this.onLinkClick = function (e) {
+      if (!isUrl(_this.linkUrl)) {
+        e.preventDefault();
+      }
+    };
+
     _this.linkUrl = '';
     return _this;
   }
@@ -110,6 +117,7 @@ var TextLinkHoverMenu = /*#__PURE__*/function (_React$Component) {
         }
       }, /*#__PURE__*/React.createElement("a", {
         href: this.linkUrl,
+        onClick: this.onLinkClick,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "seafile-ed-hovermenu-link"

package/dist/utils/render-slate.js

@@ -3,6 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
+import isUrl from 'is-url';
 import CheckListItem from '../editor/editor-component/check-list-item';
 import Formula from '../viewer/viewer-formula';
 import { ViewerImage } from '../viewer/viewer-image';
@@ -112,10 +113,21 @@ function renderNode(_ref) {
       }, attributes), children);
 
     case 'link':
+      if (isUrl(href)) {
+        return /*#__PURE__*/React.createElement("a", Object.assign({
+          className: diffClass ? diffClass : ''
+        }, attributes, {
+          href: href
+        }), children);
+      }
+
       return /*#__PURE__*/React.createElement("a", Object.assign({
         className: diffClass ? diffClass : ''
       }, attributes, {
-        href: href
+        href: href,
+        onClick: function onClick(e) {
+          return e.preventDefault();
+        }
       }), children);
 
     case 'hr':

package/dist/utils/slate2markdown/serialize.js

@@ -1,6 +1,5 @@
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import { Text, Node } from 'slate';
-import escapeHtml from 'escape-html';
 import { isEmptyParagraph } from '../utils';
 
 var unified = require('../../lib/unified');
@@ -356,7 +355,7 @@ function _slateNodeToMD(node) {
         mdNodes = parseChildren(node);
         return {
           type: 'link',
-          url: escapeHtml(node.data.href),
+          url: node.data.href,
           title: node.data.title ? node.data.title : null,
           children: mdNodes
         };

package/dist/viewer/viewer-image.css

@@ -1,23 +1,7 @@
-.big-image-cover {
-  position: relative;
+.sf-editor-image-previewer .ril__closeButton {
+  background-image: none !important;
 }
 
-.big-image-cover .image-container-close {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  cursor: pointer;
-  width: 30px;
-  height: 30px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.big-image-cover .image-container-close .icon-close {
-  color: rgba(0, 0, 0, 0.5);
-}
-
-.big-image-cover .image-container-close .icon-close:hover {
-  color: rgba(0, 0, 0, 0.75);
+.sf-editor-image-previewer .ril__caption {
+  justify-content: center !important;
 }

package/dist/viewer/viewer-image.js

@@ -3,8 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import ModalPortal from '../components/modal-portal';
-import { Modal } from 'reactstrap';
+import Lightbox from '@seafile/react-image-lightbox';
 import './viewer-image.css';
 
 var ViewerImage = /*#__PURE__*/function (_React$Component) {
@@ -28,9 +27,16 @@ var ViewerImage = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.renderBigImage = function (src) {
-      return /*#__PURE__*/React.createElement(BigImage, {
-        src: src,
-        toggleBigImage: _this.toggleBigImage
+      return /*#__PURE__*/React.createElement(Lightbox, {
+        wrapperClassName: "sf-editor-image-previewer",
+        mainSrc: src,
+        imagePadding: 70,
+        onCloseRequest: _this.toggleBigImage,
+        reactModalStyle: {
+          overlay: {
+            zIndex: 1051
+          }
+        }
       });
     };
 
@@ -49,7 +55,12 @@ var ViewerImage = /*#__PURE__*/function (_React$Component) {
       var data = node.data;
       var isShowBigImage = this.state.isShowBigImage;
       var src = data.src;
-      var dom = /*#__PURE__*/React.createElement("span", {
+
+      if (!src) {
+        return /*#__PURE__*/React.createElement("span", attributes, "Loading...");
+      }
+
+      return /*#__PURE__*/React.createElement("span", {
         className: "seafile-ed-image seafile-ed-image-viwer"
       }, /*#__PURE__*/React.createElement("img", Object.assign({
         draggable: false,
@@ -64,38 +75,10 @@ var ViewerImage = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement("i", {
         className: 'iconfont icon-fullscreen'
       })), isShowBigImage && this.renderBigImage(src));
-      return src ? dom : /*#__PURE__*/React.createElement("span", attributes, "Loading...");
     }
   }]);
 
   return ViewerImage;
 }(React.Component);
 
-var BigImage = function BigImage(props) {
-  return /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement(Modal, {
-    isOpen: true,
-    centered: true,
-    toggle: function toggle() {
-      props.toggleBigImage();
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "big-image-cover",
-    onClick: function onClick(event) {
-      return props.toggleBigImage(event);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "big-image-container"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: props.src,
-    alt: ""
-  })), /*#__PURE__*/React.createElement("div", {
-    onClick: function onClick(event) {
-      return props.toggleBigImage(event);
-    },
-    className: "image-container-close"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "iconfont icon-close"
-  })))));
-};
-
 export { ViewerImage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "0.3.108",
+  "version": "0.3.111",
   "private": false,
   "dependencies": {
     "@seafile/react-image-lightbox": "^0.0.9",
@@ -11,7 +11,6 @@
     "deepmerge": "^2.1.0",
     "detect-indent": "^4.0.0",
     "detect-newline": "^2.1.0",
-    "escape-html": "1.0.3",
     "glamor": "^2.20.40",
     "hast-util-sanitize": "^1.1.2",
     "i18next": "^17.0.13",