@seafile/seafile-editor 2.0.48-beta1 → 2.0.48-beta3

package/dist/editors/inline-editor/index.js

@@ -23,6 +23,7 @@ var _userLinkClick = _interopRequireDefault(require("../../hooks/user-link-click
 require("./index.css");
 const isMacOS = (0, _common.isMac)();
 const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  var _editor$api;
   let {
     enableEdit,
     autoFocus,
@@ -35,7 +36,8 @@ const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     isImageUploadOnly,
     isSupportMultipleFiles,
     onExpandEditorToggle,
-    handelEnableEdit
+    handelEnableEdit,
+    onLinkClick
   } = _ref;
   const [slateValue, setSlateValue] = (0, _react.useState)(value);
   const focusRangeRef = (0, _react.useRef)(null);
@@ -53,7 +55,7 @@ const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     return new _eventHandler.default(editor);
   }, [editor]);
   (0, _useAttachments.default)(editor);
-  (0, _userLinkClick.default)(editor._id);
+  (0, _userLinkClick.default)(editor._id, editor === null || editor === void 0 ? void 0 : (_editor$api = editor.api) === null || _editor$api === void 0 ? void 0 : _editor$api.server, onLinkClick);
   const decorate = (0, _extension.useHighlight)(editor);
   const onChange = (0, _react.useCallback)(value => {
     setSlateValue(value);

package/dist/editors/simple-slate-editor/index.js

@@ -20,6 +20,7 @@ var _userLinkClick = _interopRequireDefault(require("../../hooks/user-link-click
 require("./style.css");
 const isMacOS = (0, _common.isMac)();
 const SimpleSlateEditor = _ref => {
+  var _editor$api;
   let {
     value,
     focusEnd,
@@ -28,7 +29,8 @@ const SimpleSlateEditor = _ref => {
     columns,
     onContentChanged,
     isSupportFormula,
-    onExpandEditorToggle
+    onExpandEditorToggle,
+    onLinkClick
   } = _ref;
   const [slateValue, setSlateValue] = (0, _react.useState)(value);
   const editor = (0, _react.useMemo)(() => {
@@ -43,7 +45,7 @@ const SimpleSlateEditor = _ref => {
     return new _eventHandler.default(editor);
   }, [editor]);
   (0, _useAttachments.default)(editor);
-  (0, _userLinkClick.default)(editor._id);
+  (0, _userLinkClick.default)(editor._id, editor === null || editor === void 0 ? void 0 : (_editor$api = editor.api) === null || _editor$api === void 0 ? void 0 : _editor$api.server, onLinkClick);
   const decorate = (0, _extension.useHighlight)(editor);
   const onChange = (0, _react.useCallback)(value => {
     setSlateValue(value);

package/dist/editors/slate-viewer/index.js

@@ -17,6 +17,7 @@ var _useContainerStyle = _interopRequireDefault(require("../../hooks/use-contain
 require("./style.css");
 const isMacOS = (0, _common.isMac)();
 function SlateViewer(_ref) {
+  var _window, _window$location;
   let {
     value,
     isShowOutline,
@@ -33,7 +34,7 @@ function SlateViewer(_ref) {
   }, []);
   const containerScrollRef = externalScrollRef ? externalScrollRef : scrollRef;
   const decorate = (0, _extension.useHighlight)(editor);
-  (0, _userLinkClick.default)(editor._id, onLinkClick);
+  (0, _userLinkClick.default)(editor._id, (_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.origin, onLinkClick);
 
   // willUnmount
   (0, _react.useEffect)(() => {

package/dist/extension/plugins/link/render-elem/link-popover.js

@@ -11,7 +11,6 @@ var _reactDom = require("react-dom");
 var _reactI18next = require("react-i18next");
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _helper = require("../helper");
-var _common = require("../../../../utils/common");
 var _eventTypes = require("../../../../constants/event-types");
 var _constants = require("../../../../constants");
 const LinkPopover = _ref => {
@@ -30,11 +29,11 @@ const LinkPopover = _ref => {
       onClosePopover();
     };
   }, [onClosePopover]);
-  const onLinkClick = (0, _react.useCallback)(e => {
-    if (!(0, _common.isUrl)(linkUrl)) {
-      e.preventDefault();
-    }
-  }, [linkUrl]);
+  const onLinkClick = (0, _react.useCallback)(event => {
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_eventTypes.EXTERNAL_EVENTS.ON_LINK_CLICK, event, editor._id);
+    onClosePopover();
+  }, [editor, onClosePopover]);
   const onUnwrapLink = (0, _react.useCallback)(e => {
     e.stopPropagation();
     (0, _helper.unWrapLinkNode)(editor);
@@ -61,11 +60,9 @@ const LinkPopover = _ref => {
     id: "link-op-menu",
     className: "sf-link-op-menu",
     style: popoverPosition
-  }, /*#__PURE__*/_react.default.createElement("a", {
-    href: linkUrl,
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    "data-url": linkUrl,
     onClick: onLinkClick,
-    target: "_blank",
-    rel: "noopener noreferrer",
     className: "sf-link-op-menu-link"
   }, t('Open_link')), /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-link-op-icons d-flex "

package/dist/hooks/user-link-click.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _isUrl = _interopRequireDefault(require("is-url"));
 const {
   useEffect
 } = require('react');
@@ -13,7 +15,7 @@ const {
 const {
   default: EventBus
 } = require('../utils/event-bus');
-const useLinkClick = (editorId, callback) => {
+const useLinkClick = (editorId, server, callback) => {
   useEffect(() => {
     function onLinkClick(event, sourceEditorId) {
       event.preventDefault();
@@ -26,15 +28,19 @@ const useLinkClick = (editorId, callback) => {
       if (!target) return;
       link = target.dataset.url;
       if (editorId !== sourceEditorId) return;
+      if (!(0, _isUrl.default)(link)) {
+        if (link.startsWith('/') && !(0, _isUrl.default)(server + link)) return;
+        if (!link.startsWith('mailto:') && !link.startsWith('tel:')) return;
+      }
       if (callback) {
         callback(link);
-      } else {
-        window.open(link);
+        return;
       }
+      window.open(link);
     }
     const eventBus = EventBus.getInstance();
     const unsubscribe = eventBus.subscribe(EXTERNAL_EVENTS.ON_LINK_CLICK, onLinkClick);
     return unsubscribe;
-  }, [editorId, callback]);
+  }, [editorId, server, callback]);
 };
 var _default = exports.default = useLinkClick;

package/dist/pages/longtext-editor-dialog/index.js

@@ -30,7 +30,8 @@ function LongTextEditorDialog(_ref) {
     editorApi,
     onSaveEditorValue,
     onEditorValueChanged,
-    onCloseEditorDialog
+    onCloseEditorDialog,
+    onLinkClick
   } = _ref;
   const editorRef = (0, _react.useRef)(null);
   const [isValueChanged, setValueChanged] = (0, _react.useState)(false);
@@ -178,7 +179,8 @@ function LongTextEditorDialog(_ref) {
     focusEnd: focusEnd,
     editorApi: editorApi,
     mathJaxSource: mathJaxSource,
-    onContentChanged: onContentChanged
+    onContentChanged: onContentChanged,
+    onLinkClick: onLinkClick
   }), (readOnly || isWindowsWechat) && /*#__PURE__*/_react.default.createElement(_markdownPreview.default, {
     isWindowsWechat: isWindowsWechat,
     value: value,

package/package.json

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