From e08e72e1ae2e829860d1fb74a29b425dbef4a983 Mon Sep 17 00:00:00 2001
From: fantasticit <fantasticit@163.com>
Date: Wed, 17 Aug 2022 16:36:01 +0800
Subject: [PATCH] tiptap: remove drag handler in nested paragraph

---
 .../src/tiptap/core/extensions/dragable.ts    | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/tiptap/core/extensions/dragable.ts b/packages/client/src/tiptap/core/extensions/dragable.ts
index 458ebf38..1a081b4b 100644
--- a/packages/client/src/tiptap/core/extensions/dragable.ts
+++ b/packages/client/src/tiptap/core/extensions/dragable.ts
@@ -2,7 +2,7 @@ import { Extension } from '@tiptap/core';
 import { Plugin, PluginKey, Selection } from 'prosemirror-state';
 import { NodeSelection } from 'prosemirror-state';
 import { __serializeForClipboard, EditorView } from 'prosemirror-view';
-import { ActiveNode, removePossibleTable, selectRootNodeByDom } from 'tiptap/prose-utils';
+import { ActiveNode, getNodeAtPos, removePossibleTable, selectRootNodeByDom } from 'tiptap/prose-utils';
 
 export const DragablePluginKey = new PluginKey('dragable');
 
@@ -164,6 +164,7 @@ export const Dragable = Extension.create({
                 result.node.type.name === 'doc' ||
                 result.node.type.name === 'title' ||
                 result.node.type.name === 'tableOfContents' ||
+                result.node.type.name === 'column' ||
                 // empty paragraph
                 (result.node.type.name === 'paragraph' && result.node.nodeSize === 2)
               ) {
@@ -172,6 +173,24 @@ export const Dragable = Extension.create({
                 return false;
               }
 
+              /**
+               * 嵌套在其他节点的 paragraph
+               */
+              if (result.node.type.name === 'paragraph') {
+                const { $from, to } = view.state.selection;
+                const same = $from.sharedDepth(to);
+                if (same != 0) {
+                  const pos = $from.before(same);
+                  const parent = getNodeAtPos(view.state, pos);
+
+                  if (parent && parent.type.name !== 'paragraph') {
+                    if (dragging) return false;
+                    hideDragHandleDOM();
+                    return false;
+                  }
+                }
+              }
+
               activeNode = result;
 
               renderDragHandleDOM(view, result.el);