@seafile/sdoc-editor 1.0.178 → 1.0.180

package/dist/basic-sdk/extension/constants/menus-config.js

@@ -19,6 +19,7 @@ const ITALIC = exports.ITALIC = 'italic';
 const BOLD = exports.BOLD = 'bold';
 const UNDERLINE = 'underline';
 const INLINE_CODE = 'inline_code';
+const TEXT_LINK = 'text_link';
 const HIGHLIGHT_COLOR = 'highlight_color';
 const COLOR = 'color';
 
@@ -48,7 +49,8 @@ const TEXT_STYLE_MAP = exports.TEXT_STYLE_MAP = {
   SUBSCRIPT: SUBSCRIPT,
   CODE: 'code',
   DELETE: 'delete',
-  ADD: 'add'
+  ADD: 'add',
+  LINK: 'link'
 };
 
 // header menu config
@@ -122,6 +124,12 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
     text: 'Inline_code',
     ariaLabel: 'code',
     type: TEXT_STYLE_MAP.CODE
+  }, {
+    id: TEXT_LINK,
+    iconClass: 'sdocfont sdoc-link',
+    text: 'Insert_link',
+    ariaLabel: 'link',
+    type: TEXT_STYLE_MAP.LINK
   }, {
     id: `sdoc-${HIGHLIGHT_COLOR}`,
     iconClass: 'sdocfont sdoc-highlight-color',

package/dist/basic-sdk/extension/plugins/link/helpers.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.upsertLinkText = exports.updateLink = exports.unWrapLinkNode = exports.isWeChat = exports.isSdocFile = exports.isMenuDisabled = exports.insertLink = exports.getMenuPosition = exports.getLinkType = exports.genLinkNode = exports.checkLink = void 0;
+exports.upsertLinkText = exports.updateLink = exports.unWrapLinkNode = exports.isWeChat = exports.isSdocFile = exports.isMenuDisabled = exports.isLinkToolBarActive = exports.insertLink = exports.getMenuPosition = exports.getLinkType = exports.genLinkNode = exports.checkLink = void 0;
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _slugid = _interopRequireDefault(require("slugid"));
@@ -167,15 +167,15 @@ exports.upsertLinkText = upsertLinkText;
 const unWrapLinkNode = editor => {
   if (editor.selection == null) return;
   const [nodeEntry] = _slate.Editor.nodes(editor, {
-    match: n => (0, _core.getNodeType)(n) === 'link',
-    universal: true
+    match: n => (0, _core.getNodeType)(n) === _constants.LINK
   });
+
   // If the selection is not in a link node, it is disabled
   if (nodeEntry == null || nodeEntry[0] == null) return;
 
   // unlink
   _slate.Transforms.unwrapNodes(editor, {
-    match: n => (0, _core.getNodeType)(n) === 'link'
+    match: n => (0, _core.getNodeType)(n) === _constants.LINK
   });
 };
 exports.unWrapLinkNode = unWrapLinkNode;
@@ -216,4 +216,13 @@ const getMenuPosition = element => {
     left: menuLeft
   };
 };
-exports.getMenuPosition = getMenuPosition;
+exports.getMenuPosition = getMenuPosition;
+const isLinkToolBarActive = editor => {
+  if (!editor.selection) return false;
+  const [nodeEntry] = _slate.Editor.nodes(editor, {
+    match: n => (0, _core.getNodeType)(n) === _constants.LINK
+  });
+  if (nodeEntry) return true;
+  return false;
+};
+exports.isLinkToolBarActive = isLinkToolBarActive;

package/dist/basic-sdk/extension/plugins/text-style/helpers.js

@@ -8,6 +8,7 @@ var _slate = require("@seafile/slate");
 var _core = require("../../core");
 var _elementType = require("../../constants/element-type");
 var _menusConfig = require("../../constants/menus-config");
+var _helpers = require("../link/helpers");
 const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (editor.selection == null) return true;
@@ -43,6 +44,9 @@ const removeMark = (editor, type) => {
 // Whether mark is included
 exports.removeMark = removeMark;
 const getValue = (editor, mark) => {
+  if (mark === _elementType.LINK && editor.selection && !_slate.Range.isCollapsed(editor.selection)) {
+    return (0, _helpers.isLinkToolBarActive)(editor);
+  }
   const curMarks = _slate.Editor.marks(editor);
 
   // If curMarks exists, you need to set this parameter manually. curMarks prevails

package/dist/basic-sdk/extension/plugins/text-style/menu/index.js

@@ -9,15 +9,18 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
-var _constants = require("../../../constants");
-var _core = require("../../../core");
+var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _commons = require("../../../commons");
-var _helpers = require("../../font/helpers");
 var _fontSizeScale = _interopRequireDefault(require("../../font/menu/font-size/font-size-scale"));
-var _helpers2 = require("../helpers");
-var _useColorContext = require("../../../../hooks/use-color-context");
 var _mouseEvent = require("../../../../utils/mouse-event");
 var _aiMenu = require("../../ai/ai-menu");
+var _core = require("../../../core");
+var _helpers = require("../../font/helpers");
+var _helpers2 = require("../helpers");
+var _helpers3 = require("../../link/helpers");
+var _useColorContext = require("../../../../hooks/use-color-context");
+var _constants = require("../../../constants");
+var _constants2 = require("../../../../../basic-sdk/constants");
 const TextStyleMenuList = _ref => {
   let {
     editor,
@@ -38,26 +41,38 @@ const TextStyleMenuList = _ref => {
   const isActive = (0, _react.useCallback)(type => {
     const isMark = (0, _helpers2.getValue)(editor, type);
     return !!isMark;
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
   const isDisabled = (0, _react.useCallback)(() => {
     return (0, _helpers2.isMenuDisabled)(editor, readonly);
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, readonly]);
+  const openLinkDialog = (0, _react.useCallback)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants.ELEMENT_TYPE.LINK,
+      editor
+    });
+  }, [editor]);
   const onMouseDown = (0, _react.useCallback)((event, type) => {
     event.preventDefault();
     event.stopPropagation();
     if (isDisabled()) return;
     const active = isActive(type);
+    if (type === _constants.LINK) {
+      if (active) {
+        (0, _helpers3.unWrapLinkNode)(editor);
+      } else {
+        openLinkDialog();
+      }
+      return;
+    }
     if (active) {
       (0, _helpers2.removeMark)(editor, type);
     } else {
       (0, _helpers2.addMark)(editor, type);
     }
     (0, _core.focusEditor)(editor);
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
   const setColor = (0, _react.useCallback)((type, color) => {
@@ -108,6 +123,7 @@ const TextStyleMenuList = _ref => {
   let list = getTextStyleList(_constants.TEXT_STYLE);
   const dropdownList = getTextStyleList(_constants.TEXT_STYLE_MORE);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((itemProps, index) => {
+    if (itemProps.type === _constants.LINK && editor.editorType !== _constants2.WIKI_EDITOR) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
     const Component = itemProps.isColor ? _commons.ColorMenu : _commons.MenuItem;
     return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
       key: index

package/dist/basic-sdk/extension/plugins/video/plugin.js

@@ -29,7 +29,7 @@ const withVideo = editor => {
     return isVoid(elem);
   };
   newEditor.onHotKeyDown = event => {
-    const [videoNode, path] = (0, _core.getSelectedNodeEntryByType)(editor, _constants.VIDEO);
+    const [videoNode, path] = (0, _core.getSelectedNodeEntryByType)(editor, _constants.VIDEO) || [];
     if (path) {
       // Insert empty paragraph node after video when clicking 'enter' on selected video
       if ((0, _isHotkey.default)('enter', event)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.178",
+  "version": "1.0.180",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",