@seafile/seafile-editor 1.0.114 → 1.0.115

package/dist/extension/commons/insert-element-dialog/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _slate = require("slate");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _eventTypes = require("../../../constants/event-types");
+var _constants = require("../../constants");
+var _linkModal = _interopRequireDefault(require("../../plugins/link/menu/link-modal"));
+const InsertElementDialog = _ref => {
+  let {
+    editor
+  } = _ref;
+  const [dialogType, setDialogType] = (0, _react.useState)('');
+  const [isOpenLinkModal, setIsOpenLinkModal] = (0, _react.useState)(false);
+  const [linkInfo, setLinkInfo] = (0, _react.useState)({
+    linkTitle: '',
+    linkUrl: ''
+  });
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const toggleDialogSubscribe = eventBus.subscribe(_eventTypes.INTERNAL_EVENTS.INSERT_ELEMENT, toggleDialog);
+    return () => {
+      toggleDialogSubscribe();
+    };
+  }, []);
+  const toggleDialog = (0, _react.useCallback)(_ref2 => {
+    let {
+      type
+    } = _ref2;
+    setDialogType(type);
+    setIsOpenLinkModal(true);
+    if (editor.selection) {
+      const selectedText = _slate.Editor.string(editor, editor.selection);
+      setLinkInfo({
+        ...linkInfo,
+        linkTitle: selectedText
+      });
+    }
+  }, [editor, setIsOpenLinkModal, setLinkInfo, setDialogType]);
+  const onCloseModal = (0, _react.useCallback)(() => {
+    setIsOpenLinkModal(false);
+    setLinkInfo({
+      linkTitle: '',
+      linkUrl: ''
+    });
+  }, []);
+  if (_constants.ELementTypes.LINK === dialogType) {
+    return isOpenLinkModal && /*#__PURE__*/_react.default.createElement(_linkModal.default, {
+      onCloseModal: onCloseModal,
+      editor: editor,
+      linkTitle: linkInfo.linkTitle,
+      linkUrl: linkInfo.linkUrl
+    });
+  } else {
+    return null;
+  }
+};
+var _default = exports.default = InsertElementDialog;

package/dist/extension/plugins/link/plugin.js

@@ -10,9 +10,13 @@ var _slugid = _interopRequireDefault(require("slugid"));
 var _queries = require("../../core/queries");
 var _helper = require("./helper");
 var _elementTypes = require("../../constants/element-types");
+var _constants = require("../../constants");
+var _eventTypes = require("../../../constants/event-types");
 var _common = require("../../../utils/common");
 var _focusEditor = require("../../core/transforms/focus-editor");
 var _helper2 = require("../image/helper");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 const withLink = editor => {
   const {
     isInline,
@@ -20,7 +24,8 @@ const withLink = editor => {
     deleteBackward,
     insertText,
     normalizeNode,
-    insertData
+    insertData,
+    onHotKeyDown
   } = editor;
   const newEditor = editor;
 
@@ -107,6 +112,43 @@ const withLink = editor => {
     return deleteBackward(unit);
   };
 
+  // Add 'mod+k' shortcut Key
+  newEditor.onHotKeyDown = e => {
+    if ((0, _isHotkey.default)('mod+k', e)) {
+      e.preventDefault();
+      const {
+        selection
+      } = newEditor;
+      const isCollapsed = _slate.Range.isCollapsed(selection);
+      const eventBus = _eventBus.default.getInstance();
+      if (isCollapsed) {
+        eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.INSERT_ELEMENT, {
+          type: _constants.ELementTypes.LINK,
+          editor
+        });
+      } else {
+        const [firstSelectedNode, ...restNodes] = (0, _queries.getSelectedElems)(newEditor);
+        if (!firstSelectedNode) return; // If not select any node, return
+        // If firstNode has child nods, recursively check if every child node contains a text node
+        const hasTextNode = node => {
+          if (_slate.Text.isText(node)) return true;
+          if (node.children && node.children.length > 0) {
+            return node.children.some(hasTextNode);
+          }
+        };
+        const isSelectTextNodes = hasTextNode(firstSelectedNode);
+        if (!isSelectTextNodes) return;
+        const linkTitle = window.getSelection().toString();
+        eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.INSERT_ELEMENT, {
+          type: _constants.ELementTypes.LINK,
+          editor: newEditor,
+          linkTitle: linkTitle
+        });
+      }
+    }
+    return onHotKeyDown && onHotKeyDown(e);
+  };
+
   // Rewrite normalizeNode
   newEditor.normalizeNode = _ref => {
     let [node, path] = _ref;

package/dist/extension/toolbar/header-toolbar/index.js

@@ -29,6 +29,7 @@ var _menu10 = _interopRequireDefault(require("../../plugins/formula/menu"));
 var _menu11 = _interopRequireDefault(require("../../plugins/clear-format/menu"));
 var _shortcutDialog = _interopRequireDefault(require("../user-help/shortcut-dialog"));
 var _menu12 = _interopRequireDefault(require("../../plugins/column/menu"));
+var _insertElementDialog = _interopRequireDefault(require("../../commons/insert-element-dialog"));
 require("./style.css");
 const Toolbar = _ref => {
   let {
@@ -103,6 +104,8 @@ const Toolbar = _ref => {
   })), isShowHelpModal && /*#__PURE__*/_react.default.createElement(_shortcutDialog.default, {
     isRichEditor: isRichEditor,
     toggleShortcutDialog: onHelpIconToggle
+  }), /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
+    editor: editor
   }));
 };
 Toolbar.defaultProps = {

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

@@ -13,7 +13,7 @@ var _getPreviewContent = _interopRequireDefault(require("../../utils/get-preview
 var _getBrowserInfo = _interopRequireDefault(require("../../utils/get-browser-Info"));
 var _components = require("../../components");
 var _markdownPreview = _interopRequireDefault(require("../markdown-preview"));
-require("../longtext-editor-dialog/style.css");
+require("./style.css");
 function LongTextEditorDialog(_ref) {
   let {
     lang,
@@ -25,7 +25,6 @@ function LongTextEditorDialog(_ref) {
     isCheckBrowser = false,
     mathJaxSource,
     className,
-    containerClass,
     editorApi,
     onSaveEditorValue,
     onEditorValueChanged,
@@ -156,7 +155,7 @@ function LongTextEditorDialog(_ref) {
     containerClass: className
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: dialogStyle,
-    className: (0, _classnames.default)('longtext-dialog-container', containerClass)
+    className: "longtext-dialog-container"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: headerClass
   }, /*#__PURE__*/_react.default.createElement("div", {

package/package.json

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