@seafile/sdoc-editor 1.0.194 → 1.0.196

package/dist/basic-sdk/extension/core/queries/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.someNode = exports.isTopLevelListItem = exports.isTextNode = exports.isStartPoint = exports.isSelectionAtBlockStart = exports.isSelectionAtBlockEnd = exports.isRangeInSameBlock = exports.isRangeAcrossBlocks = exports.isMultiLevelList = exports.isLastNode = exports.isLastChild = exports.isHasImg = exports.isFirstChild = exports.isEndPoint = exports.isEmptyArticle = exports.isCurrentLineHasText = exports.isCurrentLineEmpty = exports.isContainsVoidElement = exports.isBlockTextEmptyAfterSelection = exports.isBlockAboveEmpty = exports.isAncestorEmpty = exports.getTopLevelBlockNode = exports.getStartPoint = exports.getSelectedNodeEntryByType = exports.getSelectedNodeByTypes = exports.getSelectedNodeByType = exports.getSelectedElems = exports.getQueryOptions = exports.getPreviousPath = exports.getPrevNode = exports.getPointBefore = exports.getParentNode = exports.getNodes = exports.getNodeType = exports.getNodeEntries = exports.getNodeById = exports.getNode = exports.getNextSiblingNodes = exports.getNextNode = exports.getLastChildPath = exports.getLastChild = exports.getEndPoint = exports.getEditorString = exports.getDeepInlineChildren = exports.getCurrentNode = exports.getCommonNode = exports.getChildren = exports.getAboveNode = exports.getAboveBlockNode = exports.findPath = exports.findNode = exports.findDescendant = void 0;
+exports.someNode = exports.isTopLevelListItem = exports.isTextNode = exports.isStartPoint = exports.isSelectionAtBlockStart = exports.isSelectionAtBlockEnd = exports.isRangeInSameBlock = exports.isRangeAcrossBlocks = exports.isMultiLevelList = exports.isMiddlePoint = exports.isLastNode = exports.isLastChild = exports.isHasImg = exports.isFirstChild = exports.isEndPoint = exports.isEmptyArticle = exports.isCurrentLineHasText = exports.isCurrentLineEmpty = exports.isContainsVoidElement = exports.isBlockTextEmptyAfterSelection = exports.isBlockAboveEmpty = exports.isAncestorEmpty = exports.getTopLevelBlockNode = exports.getStartPoint = exports.getSelectedNodeEntryByType = exports.getSelectedNodeByTypes = exports.getSelectedNodeByType = exports.getSelectedElems = exports.getQueryOptions = exports.getPreviousPath = exports.getPrevNode = exports.getPointBefore = exports.getParentNode = exports.getNodes = exports.getNodeType = exports.getNodeEntries = exports.getNodeById = exports.getNode = exports.getNextSiblingNodes = exports.getNextNode = exports.getLastChildPath = exports.getLastChild = exports.getEndPoint = exports.getEditorString = exports.getDeepInlineChildren = exports.getCurrentNode = exports.getCommonNode = exports.getChildren = exports.getAboveNode = exports.getAboveBlockNode = exports.findPath = exports.findNode = exports.findDescendant = void 0;
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _utils = require("../utils");
@@ -390,6 +390,10 @@ const isEndPoint = (editor, point, at) => {
   return !!point && _slate.Editor.isEnd(editor, point, at);
 };
 exports.isEndPoint = isEndPoint;
+const isMiddlePoint = (editor, point, at) => {
+  return !isStartPoint(editor, point, at) && !isEndPoint(editor, point, at);
+};
+exports.isMiddlePoint = isMiddlePoint;
 const isBlockTextEmptyAfterSelection = editor => {
   if (!editor.selection) return false;
   const blockAbove = _slate.Editor.above(editor, {

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

@@ -29,9 +29,10 @@ const withBlockquote = editor => {
       match: n => _slate.Element.isElement(n) && [_constants.PARAGRAPH, _constants.HEADER1, _constants.HEADER2, _constants.HEADER3, _constants.HEADER4, _constants.HEADER5, _constants.HEADER6, _constants.TITLE, _constants.SUBTITLE].includes(n.type),
       mode: 'lowest'
     });
+
     // Exit blockquote when current line is empty
-    const isAtEnd = currentLineEntry[1].slice(-1)[0] === quoteBlockEntry[0].children.length - 1;
-    if (isAtEnd) {
+    const isAtBlockquoteEnd = currentLineEntry[1].slice(-1)[0] === quoteBlockEntry[0].children.length - 1;
+    if (isAtBlockquoteEnd) {
       const isEmptyLine = !(currentLineEntry && _slate.Editor.string(newEditor, currentLineEntry[1]).length) && !(0, _core.isContainsVoidElement)(currentLineEntry[0]);
       if (isEmptyLine) {
         const nextPath = _slate.Path.next(quoteBlockEntry[1]);
@@ -43,6 +44,15 @@ const withBlockquote = editor => {
       }
     }
 
+    // const isMiddleIn
+    if (_slate.Range.isCollapsed(selection)) {
+      const isMiddleIn = (0, _core.isMiddlePoint)(editor, selection.anchor, currentLineEntry[1]);
+      if (isMiddleIn) {
+        insertBreak();
+        return;
+      }
+    }
+
     // Insert new line
     _slate.Transforms.insertNodes(editor, {
       type: _constants.PARAGRAPH,
@@ -70,20 +80,15 @@ const withBlockquote = editor => {
       const [, currentLinePath] = currentLineEntry;
       const currentLineIndex = currentLinePath[blockQuotePath.length];
       // Transforms to paragraph when Select at the beginning of the first line
-      if (currentLineIndex === 0 && (0, _core.isBlockAboveEmpty)(newEditor)) {
-        const emptyParagraph = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
-        _slate.Transforms.removeNodes(editor, {
-          at: blockQuoteEntry[1]
-        });
-        _slate.Transforms.insertNodes(newEditor, emptyParagraph, {
-          at: blockQuoteEntry[1]
+      if (currentLineIndex === 0) {
+        _slate.Transforms.liftNodes(editor, {
+          at: currentLinePath
         });
-        const focusPoint = _slate.Editor.end(newEditor, blockQuoteEntry[1]);
-        (0, _core.focusEditor)(newEditor, focusPoint);
         return;
       }
+
       // Merge with previous line when Select at the beginning of the line
-      if ((0, _core.isSelectionAtBlockStart)(editor)) {
+      if (currentLineIndex !== 0 && (0, _core.isSelectionAtBlockStart)(editor)) {
         const lineText = _slate.Node.string(currentLineEntry[0]);
         const previousNodeEntry = _slate.Editor.previous(editor, {
           at: currentLineEntry[1]

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unwrapLinkNode = exports.onCopyFileLinkNode = exports.isMenuDisabled = exports.insertFileLink = exports.getUrl = exports.getType = exports.generateFileNode = void 0;
+exports.unwrapLinkNode = exports.onCopyFileLinkNode = exports.isMenuDisabled = exports.insertFileLink = exports.getUrl = exports.getType = exports.getFileLinkEntry = exports.generateFileNode = void 0;
 var _slateReact = require("@seafile/slate-react");
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
@@ -112,4 +112,14 @@ const onCopyFileLinkNode = (editor, element) => {
     }
   });
 };
-exports.onCopyFileLinkNode = onCopyFileLinkNode;
+exports.onCopyFileLinkNode = onCopyFileLinkNode;
+const getFileLinkEntry = function (editor) {
+  let at = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : editor.selection;
+  const aboveNodeEntry = _slate.Editor.above(editor, {
+    match: n => n.type === _constants.FILE_LINK,
+    mode: 'highest',
+    at
+  });
+  return aboveNodeEntry;
+};
+exports.getFileLinkEntry = getFileLinkEntry;

package/dist/basic-sdk/extension/plugins/file-link/plugin.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slate = require("@seafile/slate");
 var _constants = require("../../constants");
+var _helpers = require("./helpers");
 const withFileLink = editor => {
   const {
     isInline,
-    deleteBackward
+    deleteBackward,
+    onHotKeyDown
   } = editor;
   const newEditor = editor;
 
@@ -47,6 +49,24 @@ const withFileLink = editor => {
     }
     return deleteBackward(unit);
   };
+  newEditor.onHotKeyDown = e => {
+    const fileLinkEntry = (0, _helpers.getFileLinkEntry)(editor);
+    if (fileLinkEntry) {
+      if (e.key === 'ArrowLeft') {
+        const beforePointFileLink = _slate.Editor.before(newEditor, fileLinkEntry[1]);
+        _slate.Transforms.select(newEditor, beforePointFileLink);
+        e.preventDefault();
+        return;
+      }
+      if (e.key === 'ArrowRight') {
+        const afterPointFileLink = _slate.Editor.after(newEditor, fileLinkEntry[1]);
+        _slate.Transforms.select(newEditor, afterPointFileLink);
+        e.preventDefault();
+        return;
+      }
+    }
+    return onHotKeyDown && onHotKeyDown(e);
+  };
   return newEditor;
 };
 var _default = exports.default = withFileLink;

package/dist/basic-sdk/extension/plugins/file-link/render-elem.css

@@ -1,5 +1,6 @@
+.file-link-selected,
 .sdoc-file-link-render:hover {
-  background-color: #e5e5e5
+  background-color: #e5e5e5 !important;
 }
 
 .sdoc-file-card-link {
@@ -20,7 +21,7 @@
 }
 
 .sdoc-file-card-link .sdoc-file-link-icon :first-child {
- font-size: 24px;
+  font-size: 24px;
 }
 
 .sdoc-file-card-link .sdoc-file-link-icon {

package/dist/basic-sdk/extension/plugins/file-link/render-elem.js

@@ -27,6 +27,7 @@ const FileLink = _ref => {
   const readOnly = (0, _slateReact.useReadOnly)();
   const [isShowInsertHoverMenu, setIsShowInsertHoverMenu] = (0, _react.useState)(false);
   const [menuPosition, setMenuPosition] = (0, _react.useState)({});
+  const isSelected = (0, _slateReact.useSelected)();
   const registerEventHandle = (0, _react.useCallback)(() => {
     document.addEventListener('click', onHideInsertHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -118,6 +119,8 @@ const FileLink = _ref => {
     "data-id": element.id,
     contentEditable: false,
     className: (0, _classnames.default)('sdoc-file-link-render', {
+      'file-link-selected': isSelected
+    }, {
       'sdoc-file-card-link': element.display_type === _constants2.FILE_LINK_TYPE.CARD_LINK
     }),
     onClick: onClickFile,

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

@@ -12,6 +12,7 @@ var _helpers = require("./helpers");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _keyboard = require("../../constants/keyboard");
 var _utils = require("../../../../utils");
+var _helpers2 = require("../list/helpers");
 const isSelectionAtLineEnd = (editor, path) => {
   const {
     selection
@@ -77,14 +78,13 @@ const withHeader = editor => {
     }
   };
   newEditor.insertFragment = data => {
-    var _data$, _data$$children;
     const headerNode = (0, _core.getSelectedNodeByTypes)(editor, _constants.HEADERS);
     const headerText = _slate.Node.string(headerNode || {
       children: []
     });
-    const isSingleListItem = data.length === 1 && ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : (_data$$children = _data$.children) === null || _data$$children === void 0 ? void 0 : _data$$children.length) === 1 && _constants.LIST_TYPE_ARRAY.includes(data[0].type);
+    const onlyOneListItem = data.length === 1 && (0, _helpers2.isSingleListItem)(data[0]);
     // Insert a list item when the header is empty, insert only the text
-    if (headerNode && headerText.length === 0 && isSingleListItem) {
+    if (headerNode && headerText.length === 0 && onlyOneListItem) {
       const text = _slate.Node.string(data[0]);
       insertText(text);
       return;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setListType = exports.isMenuDisabled = exports.getListType = exports.getBeforeText = void 0;
+exports.setListType = exports.isSingleListItem = exports.isMenuDisabled = exports.getListType = exports.getBeforeText = void 0;
 var _slate = require("@seafile/slate");
 var _constants = require("../../constants");
 var _transforms = require("./transforms");
@@ -100,4 +100,16 @@ const getBeforeText = editor => {
     range
   };
 };
-exports.getBeforeText = getBeforeText;
+exports.getBeforeText = getBeforeText;
+const isSingleListItem = node => {
+  // ordered_list/unordered_list -> list-item.children -> paragraph
+  //                                                   -> ordered_list/unordered_list
+  if (![_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(node.type)) return false;
+  // list children
+  if (node.children.length !== 1) return false;
+  // listItem children
+  const listItem = node.children[0];
+  if (listItem.children.length !== 1) return false;
+  return true;
+};
+exports.isSingleListItem = isSingleListItem;

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

@@ -9,6 +9,7 @@ var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _slate = require("@seafile/slate");
 var _core = require("../../core");
 var _constants = require("../../constants");
+var _helpers = require("../list/helpers");
 const withParagraph = editor => {
   const {
     handleTab,
@@ -135,10 +136,9 @@ const withParagraph = editor => {
     return onHotKeyDown && onHotKeyDown(event);
   };
   newEditor.insertFragment = data => {
-    var _data$, _data$$children;
     const paragraphBlock = (0, _core.getSelectedNodeByType)(editor, _constants.PARAGRAPH);
-    const isSingleListItem = data.length === 1 && ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : (_data$$children = _data$.children) === null || _data$$children === void 0 ? void 0 : _data$$children.length) === 1 && _constants.LIST_TYPE_ARRAY.includes(data[0].type);
-    if (paragraphBlock && isSingleListItem) {
+    const onlyOneListItem = data.length === 1 && (0, _helpers.isSingleListItem)(data[0]);
+    if (paragraphBlock && onlyOneListItem) {
       const text = _slate.Node.string(data[0]);
       editor.insertText(text);
       return;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unwrapLinkNode = exports.sdocFileIcon = exports.removeTempInput = exports.removeShortCutSymbol = exports.onCopySdocLinkNode = exports.isTriggeredByShortcut = exports.isMenuDisabled = exports.insertTextWhenRemoveFileNameCollector = exports.insertTempInput = exports.insertSdocFileLink = exports.getUrl = exports.getType = exports.getNewFileListData = exports.getFileSearchInputEntry = exports.getBeforeText = exports.generateSdocFileNode = void 0;
+exports.unwrapLinkNode = exports.sdocFileIcon = exports.removeTempInput = exports.removeShortCutSymbol = exports.onCopySdocLinkNode = exports.isTriggeredByShortcut = exports.isMenuDisabled = exports.insertTextWhenRemoveFileNameCollector = exports.insertTempInput = exports.insertSdocFileLink = exports.getUrl = exports.getType = exports.getSdocLinkEntry = exports.getNewFileListData = exports.getFileSearchInputEntry = exports.getBeforeText = exports.generateSdocFileNode = void 0;
 var _slateReact = require("@seafile/slate-react");
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
@@ -278,4 +278,14 @@ const sdocFileIcon = () => {
   const server = _context.default.getSetting('serviceUrl');
   return `${server}/media/img/file/256/sdoc.png`;
 };
-exports.sdocFileIcon = sdocFileIcon;
+exports.sdocFileIcon = sdocFileIcon;
+const getSdocLinkEntry = function (editor) {
+  let at = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : editor.selection;
+  const aboveNodeEntry = _slate.Editor.above(editor, {
+    match: n => n.type === _constants.SDOC_LINK,
+    mode: 'highest',
+    at
+  });
+  return aboveNodeEntry;
+};
+exports.getSdocLinkEntry = getSdocLinkEntry;

package/dist/basic-sdk/extension/plugins/sdoc-link/plugin.js

@@ -80,36 +80,19 @@ const withSdocLink = editor => {
     return onCompositionStart && onCompositionStart(event);
   };
   newEditor.onHotKeyDown = e => {
-    const {
-      selection
-    } = newEditor;
-    const isCollapsed = _slate.Range.isCollapsed(selection);
-    if (isCollapsed) {
+    const sdocLinkEntry = (0, _helpers.getSdocLinkEntry)(editor);
+    if (sdocLinkEntry) {
       if (e.key === 'ArrowLeft') {
-        const prePoint = _slate.Editor.before(newEditor, selection);
-        const [preNode, prePath] = _slate.Editor.node(newEditor, prePoint.path, {
-          depth: 2
-        });
-        if ((preNode === null || preNode === void 0 ? void 0 : preNode.type) === _constants.SDOC_LINK) {
-          const beforePointSdocLink = _slate.Editor.before(newEditor, prePath);
-          _slate.Transforms.select(newEditor, beforePointSdocLink);
-          e.preventDefault();
-          return;
-        }
+        const beforePointSdocLink = _slate.Editor.before(newEditor, sdocLinkEntry[1]);
+        _slate.Transforms.select(newEditor, beforePointSdocLink);
+        e.preventDefault();
+        return;
       }
       if (e.key === 'ArrowRight') {
-        const nextPoint = _slate.Editor.after(newEditor, selection);
-        if (nextPoint) {
-          const [nextNode, nextPath] = _slate.Editor.node(newEditor, nextPoint.path, {
-            depth: 2
-          });
-          if ((nextNode === null || nextNode === void 0 ? void 0 : nextNode.type) === _constants.SDOC_LINK) {
-            const afterPointSdocLink = _slate.Editor.after(newEditor, nextPath);
-            _slate.Transforms.select(newEditor, afterPointSdocLink);
-            e.preventDefault();
-            return;
-          }
-        }
+        const afterPointSdocLink = _slate.Editor.after(newEditor, sdocLinkEntry[1]);
+        _slate.Transforms.select(newEditor, afterPointSdocLink);
+        e.preventDefault();
+        return;
       }
     }
     return onHotKeyDown && onHotKeyDown(e);

package/dist/basic-sdk/extension/plugins/sdoc-link/render/render-elem.css

@@ -1,5 +1,6 @@
+.sdoc-file-link-selected,
 .sdoc-file-render:hover {
-  background-color: #e5e5e5;
+  background-color: #e5e5e5 !important;
   padding: 3px 0;
 }
 

package/dist/basic-sdk/extension/plugins/sdoc-link/render/render-elem.js

@@ -35,6 +35,7 @@ const SdocFileLink = _ref => {
   const [isShowInsertHoverMenu, setIsShowInsertHoverMenu] = (0, _react.useState)(false);
   const [menuPosition, setMenuPosition] = (0, _react.useState)({});
   const readOnly = (0, _slateReact.useReadOnly)();
+  const isSelected = (0, _slateReact.useSelected)();
   const registerEventHandle = (0, _react.useCallback)(() => {
     document.addEventListener('click', onHideInsertHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -136,7 +137,7 @@ const SdocFileLink = _ref => {
   return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     "data-id": element.id,
     contentEditable: false,
-    className: `sdoc-file-render ${element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? 'sdoc-file-card-link' : ''}`,
+    className: `sdoc-file-render ${isSelected ? 'sdoc-file-link-selected' : ''} ${element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? 'sdoc-file-card-link' : ''}`,
     onClick: onClickFile,
     style: element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? style : {}
   }), /*#__PURE__*/_react.default.createElement("span", {

package/dist/basic-sdk/extension/toolbar/side-toolbar/event.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.onMouseEnter = exports.onDrop = exports.onDragOver = exports.onDragLeave = void 0;
+exports.onMouseEnter = exports.onDrop = exports.onDragOver = exports.onDragLeave = exports.DRAG_SDOC_EDITOR_ELEMENT = void 0;
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants = require("../../../constants");
 var _constants2 = require("../../constants");
@@ -36,4 +36,5 @@ const onDrop = event => {
   const eventBus = _eventBus.default.getInstance();
   eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_DROP_BLOCK, event);
 };
-exports.onDrop = onDrop;
+exports.onDrop = onDrop;
+const DRAG_SDOC_EDITOR_ELEMENT = exports.DRAG_SDOC_EDITOR_ELEMENT = 'drag_sdoc_editor_element';

package/dist/basic-sdk/extension/toolbar/side-toolbar/index.js

@@ -19,6 +19,7 @@ var _helpers2 = require("../../plugins/image/helpers");
 var _constants = require("../../../constants");
 var _constants2 = require("../../constants");
 var _helper = require("../../plugins/callout/helper");
+var _event = require("./event");
 require("./index.css");
 let sourceElement = null;
 let targetElement = null;
@@ -122,6 +123,7 @@ const SideToolbar = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, isShowSideMenu, scrollRef, sidePosition.top]);
   const onMouseDown = (0, _react.useCallback)(e => {
+    e.stopPropagation();
     const domSelection = window.getSelection();
     if (domSelection.type !== 'Range' || !editor.selection || _slate.Path.equals(editor.selection.focus.path, editor.selection.anchor.path)) {
       draggedPreviewContainer.current = null;
@@ -193,6 +195,7 @@ const SideToolbar = () => {
     });
   }, [editor, isShowSideMenu, slateNode]);
   const dragStart = (0, _react.useCallback)(event => {
+    event.stopPropagation();
     // Create the preview container when dragging more than one listNodes
     const noDrag = _slate.Path.equals(editor.selection.focus.path, editor.selection.anchor.path);
     if (showSelectedNodesRef.current && showSelectedNodesRef.current.length > 1 && !noDrag) {
@@ -207,6 +210,7 @@ const SideToolbar = () => {
         draggedPreviewContainer.current.appendChild(clonedNode);
       });
       event.dataTransfer.setDragImage(draggedPreviewContainer.current, 0, 0);
+      event.dataTransfer.setData(_event.DRAG_SDOC_EDITOR_ELEMENT, true);
       draggedSourcePaths.current = showSelectedNodesRef.current.map(_ref4 => {
         let [, path] = _ref4;
         return path;
@@ -228,8 +232,11 @@ const SideToolbar = () => {
       sourceElement = _slateReact.ReactEditor.toDOMNode(editor, nodeEntry[0]);
     }
     event.dataTransfer.setDragImage(sourceElement, 0, 0);
+    event.dataTransfer.setData(_event.DRAG_SDOC_EDITOR_ELEMENT, true);
   }, [editor, slateNode]);
   const dragOver = (0, _react.useCallback)(event => {
+    const dragTypes = event.dataTransfer.types;
+    if (!dragTypes.includes(_event.DRAG_SDOC_EDITOR_ELEMENT)) return;
     const overElement = event.currentTarget;
     if (!overElement.classList.contains('sdoc-draging')) {
       overElement.classList.add('sdoc-draging');
@@ -240,11 +247,14 @@ const SideToolbar = () => {
     leaveElement.classList.remove('sdoc-draging');
   }, []);
   const drop = (0, _react.useCallback)(event => {
-    const dragTypes = event.dataTransfer.types;
     targetElement = event.currentTarget;
     targetElement.classList.remove('sdoc-draging');
+    const dragTypes = event.dataTransfer.types;
+    if (!dragTypes.includes(_event.DRAG_SDOC_EDITOR_ELEMENT)) return;
+
     // Prevent dragging table data to the editor
     if (dragTypes.includes(_constants2.TABLE_DRAG_KEY)) return;
+
     // Drag local image files to sdoc
     if (event.dataTransfer.files.length > 0) {
       const [, targetPath] = (0, _helpers.getNodeEntry)(editor, targetElement);
@@ -302,6 +312,7 @@ const SideToolbar = () => {
         draggedSourcePaths.current = null;
         showSelectedNodesRef.current = null;
         draggedPreviewContainer.current = null;
+        event.dataTransfer.clearData();
       }
     }
     const [sourceNode, sourcePath] = (0, _helpers.getNodeEntry)(editor, sourceElement);

package/package.json

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