@seafile/sdoc-editor 1.0.54 → 1.0.55

package/dist/basic-sdk/extension/plugins/mention/index.js

@@ -1,10 +1,17 @@
-import { MENTION } from '../../constants/element-type';
-import withMention from './plugin';
-import { renderMention, renderMentionTemporaryInput } from './render-elem';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _elementType = require("../../constants/element-type");
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _renderElem = require("./render-elem");
 const MentionPlugin = {
-  type: MENTION,
+  type: _elementType.MENTION,
   nodeType: 'element',
-  editorPlugin: withMention,
-  renderElements: [renderMention, renderMentionTemporaryInput]
+  editorPlugin: _plugin.default,
+  renderElements: [_renderElem.renderMention, _renderElem.renderMentionTemporaryInput]
 };
-export default MentionPlugin;
+var _default = exports.default = MentionPlugin;

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

@@ -1,10 +1,17 @@
-import { Editor, Node, Range, Text, Transforms } from '@seafile/slate';
-import EventBus from '../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../constants';
-import { MENTION, MENTION_TEMP } from '../../constants/element-type';
-import { insertTemporaryMentionInput, getMentionTempIptEntry, transformToText, getMentionEntry, getPrevMentionIptEntry } from './helper';
-import { KeyCodes } from '../../../../constants';
-import { focusEditor } from '../../core';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slate = require("@seafile/slate");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants = require("../../../constants");
+var _elementType = require("../../constants/element-type");
+var _helper = require("./helper");
+var _constants2 = require("../../../../constants");
+var _core = require("../../core");
 const withMention = editor => {
   const {
     insertText,
@@ -15,48 +22,48 @@ const withMention = editor => {
     normalizeNode
   } = editor;
   const newEditor = editor;
-  const eventBus = EventBus.getInstance();
+  const eventBus = _eventBus.default.getInstance();
   newEditor.insertText = text => {
     const {
       selection
     } = editor;
-    if (text === '@' && !getMentionTempIptEntry(editor)) {
-      insertTemporaryMentionInput(newEditor);
+    if (text === '@' && !(0, _helper.getMentionTempIptEntry)(editor)) {
+      (0, _helper.insertTemporaryMentionInput)(newEditor);
       const {
         anchor
       } = selection;
-      const path = Editor.path(editor, anchor);
+      const path = _slate.Editor.path(editor, anchor);
       const abovePath = path.slice(0, path.length - 1);
       const focusPath = abovePath.concat(path.at(-1) + 1);
-      focusEditor(editor, focusPath);
+      (0, _core.focusEditor)(editor, focusPath);
       return;
     }
-    const prevNodeEntry = Editor.previous(editor);
+    const prevNodeEntry = _slate.Editor.previous(editor);
     if (prevNodeEntry) {
-      const aboveNodeEntry = Editor.above(editor, {
-        match: n => n.type === MENTION_TEMP,
+      const aboveNodeEntry = _slate.Editor.above(editor, {
+        match: n => n.type === _elementType.MENTION_TEMP,
         at: prevNodeEntry[1]
       });
       if (aboveNodeEntry) {
         var _text$match;
         const inputCnCharacter = (_text$match = text.match(/^[\u4e00-\u9fa5]+$/)) === null || _text$match === void 0 ? void 0 : _text$match.input;
         if (inputCnCharacter) {
-          const insertPoint = Editor.end(editor, aboveNodeEntry[1]);
-          const nextNodeEntry = Editor.next(editor, {
+          const insertPoint = _slate.Editor.end(editor, aboveNodeEntry[1]);
+          const nextNodeEntry = _slate.Editor.next(editor, {
             at: aboveNodeEntry[1]
           });
-          Transforms.insertText(editor, text, {
+          _slate.Transforms.insertText(editor, text, {
             at: insertPoint
           });
           if (nextNodeEntry) {
             const [nextNode, nextPath] = nextNodeEntry;
-            if (Text.isText(nextNode) && nextNode.text === '') {
-              Transforms.removeNodes(editor, {
+            if (_slate.Text.isText(nextNode) && nextNode.text === '') {
+              _slate.Transforms.removeNodes(editor, {
                 at: nextPath
               });
             }
           }
-          return focusEditor(editor, {
+          return (0, _core.focusEditor)(editor, {
             ...insertPoint,
             offset: insertPoint.offset + text.length
           });
@@ -66,16 +73,16 @@ const withMention = editor => {
     return insertText(text);
   };
   newEditor.deleteBackward = unit => {
-    const mentionTempInputEntry = getMentionTempIptEntry(editor);
+    const mentionTempInputEntry = (0, _helper.getMentionTempIptEntry)(editor);
     if (mentionTempInputEntry) {
       const {
         selection
       } = editor;
-      if (selection && Range.isCollapsed(selection)) {
+      if (selection && _slate.Range.isCollapsed(selection)) {
         const [node, path] = mentionTempInputEntry;
-        const contentString = Node.string(node);
+        const contentString = _slate.Node.string(node);
         if (!contentString) {
-          return Transforms.delete(editor, {
+          return _slate.Transforms.delete(editor, {
             at: path
           });
         }
@@ -83,20 +90,20 @@ const withMention = editor => {
     }
 
     // Delete mention, when in mention
-    const prevNodeEntry = Editor.previous(editor);
+    const prevNodeEntry = _slate.Editor.previous(editor);
     if (prevNodeEntry) {
-      const aboveNodeEntry = Editor.above(editor, {
-        match: n => n.type === MENTION,
+      const aboveNodeEntry = _slate.Editor.above(editor, {
+        match: n => n.type === _elementType.MENTION,
         at: prevNodeEntry[1]
       });
-      const mentionEntry = getMentionEntry(editor);
+      const mentionEntry = (0, _helper.getMentionEntry)(editor);
       if (mentionEntry || aboveNodeEntry) {
         const {
           selection
         } = editor;
-        if (selection && Range.isCollapsed(selection)) {
+        if (selection && _slate.Range.isCollapsed(selection)) {
           const [, mentionPath] = mentionEntry || aboveNodeEntry;
-          return Transforms.removeNodes(editor, {
+          return _slate.Transforms.removeNodes(editor, {
             at: mentionPath
           });
         }
@@ -105,19 +112,19 @@ const withMention = editor => {
     return deleteBackward(unit);
   };
   newEditor.deleteForward = unit => {
-    const mentionEntry = Editor.next(editor, {
-      match: n => n.type === MENTION
+    const mentionEntry = _slate.Editor.next(editor, {
+      match: n => n.type === _elementType.MENTION
     });
     if (mentionEntry) {
       const [, mentionPath] = mentionEntry;
-      return Transforms.removeNodes(editor, {
+      return _slate.Transforms.removeNodes(editor, {
         at: mentionPath
       });
     }
     return deleteForward(unit);
   };
   newEditor.onHotKeyDown = event => {
-    const mentionTempIptEntry = getMentionTempIptEntry(editor);
+    const mentionTempIptEntry = (0, _helper.getMentionTempIptEntry)(editor);
     if (mentionTempIptEntry) {
       const [, mentionTempIptPath] = mentionTempIptEntry;
       const {
@@ -127,7 +134,7 @@ const withMention = editor => {
         Esc,
         RightArrow,
         LeftArrow
-      } = KeyCodes;
+      } = _constants2.KeyCodes;
       const {
         keyCode
       } = event;
@@ -136,14 +143,14 @@ const withMention = editor => {
           selection
         } = editor;
         if (!selection) return;
-        if (!Range.isCollapsed(selection)) return;
+        if (!_slate.Range.isCollapsed(selection)) return;
         if (keyCode === RightArrow) {
-          if (Editor.isEnd(editor, selection.focus, mentionTempIptPath)) return transformToText(newEditor);
+          if (_slate.Editor.isEnd(editor, selection.focus, mentionTempIptPath)) return (0, _helper.transformToText)(newEditor);
         }
         if (keyCode === LeftArrow) {
-          if (Editor.isStart(editor, selection.focus, mentionTempIptPath)) {
+          if (_slate.Editor.isStart(editor, selection.focus, mentionTempIptPath)) {
             event.preventDefault();
-            return transformToText(newEditor, false);
+            return (0, _helper.transformToText)(newEditor, false);
           }
         }
       }
@@ -152,83 +159,83 @@ const withMention = editor => {
       const interceptorKeyCodes = [DownArrow, UpArrow, Enter, Esc];
       if (interceptorKeyCodes.includes(keyCode)) {
         event.preventDefault();
-        eventBus.dispatch(INTERNAL_EVENT.HANDLE_MENTION_TEMP_CHOSEN, {
+        eventBus.dispatch(_constants.INTERNAL_EVENT.HANDLE_MENTION_TEMP_CHOSEN, {
           event
         });
         return;
       }
     }
-    const mentionEntry = getMentionEntry(editor);
+    const mentionEntry = (0, _helper.getMentionEntry)(editor);
     if (mentionEntry) {
       const [, mentionPath] = mentionEntry;
       const {
         RightArrow,
         LeftArrow
-      } = KeyCodes;
+      } = _constants2.KeyCodes;
       const {
         keyCode
       } = event;
       if (keyCode === RightArrow || keyCode === LeftArrow) {
         event.preventDefault();
         if (keyCode === LeftArrow) {
-          const beginPoint = Editor.start(editor, mentionPath);
-          const focusPoint = Editor.before(editor, beginPoint, {
+          const beginPoint = _slate.Editor.start(editor, mentionPath);
+          const focusPoint = _slate.Editor.before(editor, beginPoint, {
             distance: 1
           });
-          focusEditor(newEditor, focusPoint);
+          (0, _core.focusEditor)(newEditor, focusPoint);
         } else {
-          const endPoint = Editor.end(editor, mentionPath);
-          const focusPoint = Editor.after(editor, endPoint, {
+          const endPoint = _slate.Editor.end(editor, mentionPath);
+          const focusPoint = _slate.Editor.after(editor, endPoint, {
             distance: 1
           });
-          focusEditor(newEditor, focusPoint);
+          (0, _core.focusEditor)(newEditor, focusPoint);
         }
       }
     }
     return onHotKeyDown && onHotKeyDown(event);
   };
   newEditor.onCompositionUpdate = event => {
-    const mentionTempIptEntry = getMentionTempIptEntry(newEditor);
+    const mentionTempIptEntry = (0, _helper.getMentionTempIptEntry)(newEditor);
     if (mentionTempIptEntry) {
       const {
         data
       } = event;
       const compositionText = data.replace(/\'/g, '');
-      eventBus.dispatch(INTERNAL_EVENT.UPDATE_MENTION_TEMP_CONTENT, {
+      eventBus.dispatch(_constants.INTERNAL_EVENT.UPDATE_MENTION_TEMP_CONTENT, {
         compositionText
       });
       return true;
     }
   };
   newEditor.onCompositionStart = event => {
-    const mentionTempIptEntry = getMentionTempIptEntry(editor);
+    const mentionTempIptEntry = (0, _helper.getMentionTempIptEntry)(editor);
     if (mentionTempIptEntry) {
       event.preventDefault();
       return true;
     }
   };
   newEditor.onCompositionEnd = event => {
-    const PrevMentionIptEntry = getPrevMentionIptEntry(newEditor);
+    const PrevMentionIptEntry = (0, _helper.getPrevMentionIptEntry)(newEditor);
     if (PrevMentionIptEntry) {
       const {
         data
       } = event;
-      const insertPoint = Editor.end(editor, PrevMentionIptEntry[1]);
-      const nextNodeEntry = Editor.next(editor, {
+      const insertPoint = _slate.Editor.end(editor, PrevMentionIptEntry[1]);
+      const nextNodeEntry = _slate.Editor.next(editor, {
         at: PrevMentionIptEntry[1]
       });
-      Transforms.insertText(editor, data, {
+      _slate.Transforms.insertText(editor, data, {
         at: insertPoint
       });
       event.preventDefault();
-      focusEditor(editor, {
+      (0, _core.focusEditor)(editor, {
         ...insertPoint,
         offset: insertPoint.offset + data.length
       });
       if (nextNodeEntry) {
         const [nextNode, nextPath] = nextNodeEntry;
-        if (Text.isText(nextNode) && nextNode.text === '') {
-          Transforms.removeNodes(editor, {
+        if (_slate.Text.isText(nextNode) && nextNode.text === '') {
+          _slate.Transforms.removeNodes(editor, {
             at: nextPath
           });
         }
@@ -237,23 +244,23 @@ const withMention = editor => {
     }
   };
   newEditor.isInline = element => {
-    if ([MENTION, MENTION_TEMP].includes(element.type)) {
+    if ([_elementType.MENTION, _elementType.MENTION_TEMP].includes(element.type)) {
       return true;
     }
     return isInline(element);
   };
   newEditor.normalizeNode = _ref => {
     let [node, path] = _ref;
-    const mentionEntry = getMentionEntry(editor);
+    const mentionEntry = (0, _helper.getMentionEntry)(editor);
     if (mentionEntry) {
-      const nextEntry = Editor.next(editor, {
+      const nextEntry = _slate.Editor.next(editor, {
         at: mentionEntry[1]
       });
-      const focusPoint = Editor.start(editor, nextEntry[1]);
-      focusEditor(editor, focusPoint);
+      const focusPoint = _slate.Editor.start(editor, nextEntry[1]);
+      (0, _core.focusEditor)(editor, focusPoint);
     }
     return normalizeNode([node, path]);
   };
   return newEditor;
 };
-export default withMention;
+var _default = exports.default = withMention;

package/dist/basic-sdk/extension/plugins/mention/render-elem/comment-participant-item.js

@@ -1,5 +1,12 @@
-import React, { useCallback, useEffect, useRef } from 'react';
-import { eventStopPropagation } from '../../../../utils/mouse-event';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mouseEvent = require("../../../../utils/mouse-event");
 const CommentParticipantItem = _ref => {
   let {
     participant,
@@ -8,14 +15,14 @@ const CommentParticipantItem = _ref => {
     participantIndex,
     activeParticipantIndex
   } = _ref;
-  const ref = useRef(null);
-  const oldValueRef = useRef({});
-  useEffect(() => {
+  const ref = (0, _react.useRef)(null);
+  const oldValueRef = (0, _react.useRef)({});
+  (0, _react.useEffect)(() => {
     oldValueRef.current.participantIndex = participantIndex;
     oldValueRef.current.activeParticipantIndex = activeParticipantIndex;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (activeParticipantIndex === participantIndex && activeParticipantIndex !== oldValueRef.current.activeParticipantIndex) {
       const offsetHeight = ref.current.offsetHeight;
       const offsetTop = ref.current.offsetTop;
@@ -27,23 +34,23 @@ const CommentParticipantItem = _ref => {
     }
     oldValueRef.current.activeParticipantIndex = activeParticipantIndex;
   }, [setScrollTop, participantIndex, activeParticipantIndex, ref, oldValueRef]);
-  const selectParticipant = useCallback(event => {
-    eventStopPropagation(event);
+  const selectParticipant = (0, _react.useCallback)(event => {
+    (0, _mouseEvent.eventStopPropagation)(event);
     onSelectParticipant(participant);
   }, [participant, onSelectParticipant]);
   const active = participantIndex === activeParticipantIndex;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "comment-participant-item ".concat(active ? 'active' : ''),
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `comment-participant-item ${active ? 'active' : ''}`,
     ref: ref,
     onClick: selectParticipant
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-participant-container"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     className: "comment-participant-avatar",
     alt: participant.name,
     src: participant.avatar_url
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-participant-name"
   }, participant.name)));
 };
-export default CommentParticipantItem;
+var _default = exports.default = CommentParticipantItem;

package/dist/basic-sdk/extension/plugins/mention/render-elem/index.js

@@ -1,10 +1,19 @@
+"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.renderMentionTemporaryInput = exports.renderMention = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _slate = require("@seafile/slate");
+var _participantPopover = _interopRequireDefault(require("./participant-popover"));
+var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
+var _constants = require("../../../../constants");
+require("./index.css");
 /* eslint-disable react-hooks/rules-of-hooks */
-import React, { useCallback, useEffect, useState } from 'react';
-import { Node } from '@seafile/slate';
-import ParticipantPopover from './participant-popover';
-import EventBus from '../../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../../constants';
-import './index.css';
+
 const renderMention = _ref => {
   let {
     attributes,
@@ -13,13 +22,14 @@ const renderMention = _ref => {
     editor,
     readonly
   } = _ref;
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     contentEditable: "false",
     key: element.id
-  }), /*#__PURE__*/React.createElement("button", {
+  }), /*#__PURE__*/_react.default.createElement("button", {
     className: "sdoc-mention"
   }, children));
 };
+exports.renderMention = renderMention;
 const renderMentionTemporaryInput = (_ref2, editor) => {
   let {
     attributes,
@@ -27,25 +37,25 @@ const renderMentionTemporaryInput = (_ref2, editor) => {
     element,
     readonly
   } = _ref2;
-  const [searchText, setSearchText] = useState('');
-  const updateSearchText = useCallback(_ref3 => {
+  const [searchText, setSearchText] = (0, _react.useState)('');
+  const updateSearchText = (0, _react.useCallback)(_ref3 => {
     let {
       compositionText
     } = _ref3;
-    setSearchText(Node.string(element) + compositionText);
+    setSearchText(_slate.Node.string(element) + compositionText);
   }, [element]);
-  useEffect(() => {
-    setSearchText(Node.string(element));
+  (0, _react.useEffect)(() => {
+    setSearchText(_slate.Node.string(element));
   }, [element]);
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    eventBus.subscribe(INTERNAL_EVENT.UPDATE_MENTION_TEMP_CONTENT, updateSearchText);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.subscribe(_constants.INTERNAL_EVENT.UPDATE_MENTION_TEMP_CONTENT, updateSearchText);
   }, [updateSearchText]);
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     className: "sdoc-mention-temp-ipt"
-  }), /*#__PURE__*/React.createElement("span", null, "@"), /*#__PURE__*/React.createElement("span", null, children), /*#__PURE__*/React.createElement(ParticipantPopover, {
+  }), /*#__PURE__*/_react.default.createElement("span", null, "@"), /*#__PURE__*/_react.default.createElement("span", null, children), /*#__PURE__*/_react.default.createElement(_participantPopover.default, {
     searchText: searchText,
     editor: editor
   }));
 };
-export { renderMention, renderMentionTemporaryInput };
+exports.renderMentionTemporaryInput = renderMentionTemporaryInput;