@plait/mind 0.14.0 → 0.16.0

package/fesm2020/plait-mind.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, NgModule, NgZone, Directive, Input, HostListener } from '@angular/core';
 import * as i2 from '@plait/core';
-import { DefaultThemeColor, ColorfulThemeColor, SoftThemeColor, RetroThemeColor, DarkThemeColor, StarryThemeColor, RectangleClient, PlaitElement, idCreator, isNullOrUndefined, Transforms, clearSelectedElement, addSelectedElement, PlaitBoard, depthFirstRecursion, Path, drawLinearPath, createG, updateForeignObject, PlaitNode, drawRoundRectangle, getRectangleByElements, getSelectedElements, NODE_TO_PARENT, distanceBetweenPointAndRectangle, createForeignObject, drawAbstractRoundRectangle, createText, PlaitPointerType, PlaitPluginElementComponent, NODE_TO_INDEX, PlaitModule, transformPoint, toPoint, getHitElements, distanceBetweenPointAndPoint, CLIP_BOARD_FORMAT_KEY, isMainPointer, BOARD_TO_HOST, PlaitPluginKey, throttleRAF, BoardTransforms, removeSelectedElement, PlaitHistoryBoard, hotkeys } from '@plait/core';
-import { MindLayoutType, isIndentedLayout, getNonAbstractChildren, isStandardLayout, AbstractNode, isLeftLayout, isRightLayout, isVerticalLogicLayout, isHorizontalLogicLayout, isTopLayout, isBottomLayout, isHorizontalLayout, getCorrectStartEnd, getAbstractLayout, ConnectingPosition, GlobalLayout } from '@plait/layouts';
-import { TEXT_DEFAULT_HEIGHT, buildText, getTextSize, TextManage, TextModule, getTextFromClipboard } from '@plait/text';
+import { DefaultThemeColor, ColorfulThemeColor, SoftThemeColor, RetroThemeColor, DarkThemeColor, StarryThemeColor, RectangleClient, PlaitElement, idCreator, isNullOrUndefined, Transforms, clearSelectedElement, addSelectedElement, PlaitNode, Path, PlaitBoard, depthFirstRecursion, drawLinearPath, drawBezierPath, createG, updateForeignObject, drawRoundRectangle, getRectangleByElements, getSelectedElements, NODE_TO_PARENT, distanceBetweenPointAndRectangle, createForeignObject, drawAbstractRoundRectangle, createText, PlaitPointerType, PlaitPluginElementComponent, NODE_TO_INDEX, PlaitModule, transformPoint, toPoint, getHitElements, distanceBetweenPointAndPoint, CLIP_BOARD_FORMAT_KEY, isMainPointer, BOARD_TO_HOST, PlaitPluginKey, throttleRAF, BoardTransforms, removeSelectedElement, PlaitHistoryBoard, hotkeys } from '@plait/core';
+import { MindLayoutType, isIndentedLayout, AbstractNode, getNonAbstractChildren, isStandardLayout, isLeftLayout, isRightLayout, isVerticalLogicLayout, isHorizontalLogicLayout, isTopLayout, isBottomLayout, isHorizontalLayout, getCorrectStartEnd, getAbstractLayout, ConnectingPosition, GlobalLayout } from '@plait/layouts';
+import { TEXT_DEFAULT_HEIGHT, buildText, getTextSize, TextManage, ExitOrigin, TextModule, getTextFromClipboard } from '@plait/text';
 import { fromEvent, Subject } from 'rxjs';
 import { Node, Path as Path$1 } from 'slate';
 import { isKeyHotkey } from 'is-hotkey';
@@ -179,6 +179,7 @@ const MindThemeColor = {
     }
 };
 
+const WithMindPluginKey = 'plait-mind-plugin-key';
 const BASE = 4;
 const PRIMARY_COLOR = '#6698FF';
 const TRANSPARENT = 'transparent';
@@ -192,7 +193,7 @@ const QUICK_INSERT_CIRCLE_COLOR = '#6698FF';
 const QUICK_INSERT_INNER_CROSS_COLOR = 'white';
 
 function getEmojisWidthHeight(board, element) {
-    const options = board.getMindOptions();
+    const options = board.getPluginOptions(WithMindPluginKey);
     const count = element.data.emojis.length;
     const fontSize = getEmojiFontSize(element);
     return {
@@ -272,7 +273,7 @@ const NodeSpace = {
         return nodeAndText;
     },
     getEmojiLeftSpace(board, element) {
-        const options = board.getMindOptions();
+        const options = board.getPluginOptions(WithMindPluginKey);
         const nodeAndText = getHorizontalSpaceBetweenNodeAndText(board, element);
         return nodeAndText - options.emojiPadding;
     },
@@ -335,6 +336,8 @@ const TOPIC_FONT_SIZE = 14;
 const ROOT_TOPIC_FONT_SIZE = 18;
 const ROOT_TOPIC_HEIGHT = 25;
 const TOPIC_DEFAULT_MAX_WORD_COUNT = 34;
+const DEFAULT_FONT_FAMILY = 'PingFangSC-Regular, "PingFang SC"';
+const BRANCH_FONT_FAMILY = 'PingFangSC-Medium, "PingFang SC"';
 
 const createEmptyMind = (point) => {
     const element = createMindElement('思维导图', 72, ROOT_TOPIC_HEIGHT, { layout: MindLayoutType.right });
@@ -585,10 +588,6 @@ const adjustRootToNode = (board, node) => {
     delete newNode.isRoot;
     delete newNode.rightNodeCount;
     delete newNode.type;
-    const text = Node.string(node.data.topic.children[0]) || ' ';
-    const { width, height } = getTextSize(board, text, TOPIC_DEFAULT_MAX_WORD_COUNT);
-    newNode.width = Math.max(width, NODE_MIN_WIDTH);
-    newNode.height = height;
     if (newNode.layout === MindLayoutType.standard) {
         delete newNode.layout;
     }
@@ -612,7 +611,7 @@ const adjustNodeToRoot = (board, node) => {
     delete newElement?.isCollapsed;
     const { width, height } = getTextSize(board, newElement.data.topic, TOPIC_DEFAULT_MAX_WORD_COUNT, {
         fontSize: ROOT_TOPIC_FONT_SIZE,
-        fontFamily: 'PingFangSC-Medium, "PingFang SC"'
+        fontFamily: BRANCH_FONT_FAMILY
     });
     newElement.width = Math.max(width, NODE_MIN_WIDTH);
     newElement.height = height;
@@ -640,10 +639,180 @@ const getAvailableProperty = (board, element, propertyKey) => {
     return element[propertyKey];
 };
 
+const separateChildren = (parentElement) => {
+    const rightNodeCount = parentElement.rightNodeCount;
+    const children = parentElement.children;
+    let rightChildren = [], leftChildren = [];
+    for (let i = 0; i < children.length; i++) {
+        const child = children[i];
+        if (AbstractNode.isAbstract(child) && child.end < rightNodeCount) {
+            rightChildren.push(child);
+            continue;
+        }
+        if (AbstractNode.isAbstract(child) && child.start >= rightNodeCount) {
+            leftChildren.push(child);
+            continue;
+        }
+        if (i < rightNodeCount) {
+            rightChildren.push(child);
+        }
+        else {
+            leftChildren.push(child);
+        }
+    }
+    return { leftChildren, rightChildren };
+};
+const isSetAbstract = (element) => {
+    return !!getCorrespondingAbstract(element);
+};
+const canSetAbstract = (element) => {
+    return !PlaitElement.isRootElement(element) && !AbstractNode.isAbstract(element) && !isSetAbstract(element);
+};
+const getCorrespondingAbstract = (element) => {
+    const parent = MindElement.findParent(element);
+    if (!parent)
+        return undefined;
+    const elementIndex = parent.children.indexOf(element);
+    return parent.children.find(child => {
+        return AbstractNode.isAbstract(child) && elementIndex >= child.start && elementIndex <= child.end;
+    });
+};
+const getBehindAbstracts = (element) => {
+    const parent = MindElement.findParent(element);
+    if (!parent)
+        return [];
+    const index = parent.children.indexOf(element);
+    return parent.children.filter(child => AbstractNode.isAbstract(child) && child.start > index);
+};
+/**
+ * return corresponding abstract that is not child of elements
+ */
+const getOverallAbstracts = (board, elements) => {
+    const overallAbstracts = [];
+    elements
+        .filter(value => !AbstractNode.isAbstract(value) && !PlaitMind.isMind(value))
+        .forEach(value => {
+        const abstract = getCorrespondingAbstract(value);
+        if (abstract && elements.indexOf(abstract) === -1 && overallAbstracts.indexOf(abstract) === -1) {
+            const { start, end } = abstract;
+            const parent = MindElement.getParent(value);
+            const isOverall = parent.children.slice(start, end + 1).every(includedElement => elements.indexOf(includedElement) > -1);
+            if (isOverall) {
+                overallAbstracts.push(abstract);
+            }
+        }
+    });
+    return overallAbstracts;
+};
+/**
+ * abstract node is valid when elements contains at least one element it is referenced with
+ */
+const getValidAbstractRefs = (board, elements) => {
+    const validAbstractRefs = [];
+    elements
+        .filter(value => !AbstractNode.isAbstract(value) && !PlaitMind.isMind(value))
+        .forEach(value => {
+        const abstract = getCorrespondingAbstract(value);
+        if (abstract && elements.indexOf(abstract) > 0) {
+            const index = validAbstractRefs.findIndex(value => value.abstract === abstract);
+            if (index === -1) {
+                validAbstractRefs.push({
+                    abstract: abstract,
+                    references: [value]
+                });
+            }
+            else {
+                validAbstractRefs[index].references.push(value);
+            }
+        }
+    });
+    return validAbstractRefs;
+};
+function getRelativeStartEndByAbstractRef(abstractRef, elements) {
+    const start = elements.indexOf(abstractRef.references[0]);
+    const end = elements.indexOf(abstractRef.references[abstractRef.references.length - 1]);
+    return { start, end };
+}
+const insertElementHandleAbstract = (board, path, step = 1, 
+//由此区分拖拽和新增到概要概括最后一个节点
+isExtendPreviousNode = true, effectedAbstracts = new Map()) => {
+    const parent = PlaitNode.parent(board, path);
+    const hasPreviousNode = path[path.length - 1] !== 0;
+    let behindAbstracts;
+    if (!hasPreviousNode) {
+        behindAbstracts = parent.children.filter(child => AbstractNode.isAbstract(child));
+    }
+    else {
+        const selectedElement = PlaitNode.get(board, Path.previous(path));
+        behindAbstracts = getBehindAbstracts(selectedElement);
+    }
+    if (behindAbstracts.length) {
+        behindAbstracts.forEach(abstract => {
+            let newProperties = effectedAbstracts.get(abstract);
+            if (!newProperties) {
+                newProperties = { start: 0, end: 0 };
+                effectedAbstracts.set(abstract, newProperties);
+            }
+            newProperties.start = newProperties.start + step;
+            newProperties.end = newProperties.end + step;
+        });
+    }
+    if (!hasPreviousNode) {
+        return effectedAbstracts;
+    }
+    const selectedElement = PlaitNode.get(board, Path.previous(path));
+    const correspondingAbstract = getCorrespondingAbstract(selectedElement);
+    const isDragToLast = !isExtendPreviousNode && correspondingAbstract && correspondingAbstract.end === path[path.length - 1] - 1;
+    if (correspondingAbstract && !isDragToLast) {
+        let newProperties = effectedAbstracts.get(correspondingAbstract);
+        if (!newProperties) {
+            newProperties = { start: 0, end: 0 };
+            effectedAbstracts.set(correspondingAbstract, newProperties);
+        }
+        newProperties.end = newProperties.end + step;
+    }
+    return effectedAbstracts;
+};
+const deleteElementHandleAbstract = (board, deletableElements, effectedAbstracts = new Map()) => {
+    deletableElements.forEach(node => {
+        if (!PlaitMind.isMind(node)) {
+            const behindAbstracts = getBehindAbstracts(node).filter(abstract => !deletableElements.includes(abstract));
+            if (behindAbstracts.length) {
+                behindAbstracts.forEach(abstract => {
+                    let newProperties = effectedAbstracts.get(abstract);
+                    if (!newProperties) {
+                        newProperties = { start: 0, end: 0 };
+                        effectedAbstracts.set(abstract, newProperties);
+                    }
+                    newProperties.start = newProperties.start - 1;
+                    newProperties.end = newProperties.end - 1;
+                });
+            }
+            const correspondingAbstract = getCorrespondingAbstract(node);
+            if (correspondingAbstract && !deletableElements.includes(correspondingAbstract)) {
+                let newProperties = effectedAbstracts.get(correspondingAbstract);
+                if (!newProperties) {
+                    newProperties = { start: 0, end: 0 };
+                    effectedAbstracts.set(correspondingAbstract, newProperties);
+                }
+                newProperties.end = newProperties.end - 1;
+            }
+        }
+    });
+    return effectedAbstracts;
+};
+const isChildOfAbstract = (board, element) => {
+    const ancestors = MindElement.getAncestors(board, element);
+    return !!ancestors.find((value) => AbstractNode.isAbstract(value));
+};
+
 /**
  * Processing of branch color, width, style, etc. of the mind node
  */
 const getBranchColorByMindElement = (board, element) => {
+    if (AbstractNode.isAbstract(element) || isChildOfAbstract(board, element)) {
+        return getAbstractBranchColor(board, element);
+    }
     const branchColor = getAvailableProperty(board, element, 'branchColor');
     return branchColor || getDefaultBranchColor(board, element);
 };
@@ -697,6 +866,10 @@ const getStrokeByMindElement = (board, element) => {
         const defaultRootStroke = getMindThemeColor(board).rootFill;
         return element.strokeColor || defaultRootStroke;
     }
+    if (AbstractNode.isAbstract(element) || isChildOfAbstract(board, element)) {
+        return element.strokeColor || DefaultAbstractNodeStyle.strokeColor;
+        ;
+    }
     return getAvailableProperty(board, element, 'strokeColor') || getDefaultBranchColor(board, element);
 };
 const getShapeByElement = (board, element) => {
@@ -1106,15 +1279,6 @@ function drawIndentedLink(board, node, child, defaultStroke = null, needDrawUnde
     endY = isUnderlineShape ? endNode.y + endNode.height - endNode.vGap : endNode.y + endNode.height / 2;
     //根据位置，设置正负参数
     let plusMinus = isChildUp(node, child) ? (node.left ? [-1, -1] : [1, -1]) : node.left ? [-1, 1] : [1, 1];
-    const layout = MindQueries.getCorrectLayoutByElement(board, node.origin);
-    if (beginNode.origin.isRoot) {
-        if (layout === MindLayoutType.leftBottomIndented || layout === MindLayoutType.rightBottomIndented) {
-            beginY += branchWidth;
-        }
-        if (layout === MindLayoutType.leftTopIndented || layout === MindLayoutType.rightTopIndented) {
-            beginY -= branchWidth;
-        }
-    }
     let curve = [
         [beginX, beginY],
         [beginX, beginY],
@@ -1136,8 +1300,8 @@ function drawIndentedLink(board, node, child, defaultStroke = null, needDrawUnde
         ];
         return drawLinearPath(polylinePoints, { stroke: branchColor, strokeWidth: branchWidth });
     }
-    const points = pointsOnBezierCurves(curve);
-    return PlaitBoard.getRoughSVG(board).curve(points, { stroke: branchColor, strokeWidth: branchWidth });
+    const points = pointsOnBezierCurves(curve, 0.001);
+    return drawBezierPath(points, { stroke: branchColor, strokeWidth: branchWidth });
 }
 
 function drawLogicLink(board, parent, node, isHorizontal, defaultStroke = null, defaultStrokeWidth) {
@@ -1345,169 +1509,6 @@ const drawFakeDropNode = (board, dropTarget, path) => {
     return fakeDropNodeG;
 };
 
-const separateChildren = (parentElement) => {
-    const rightNodeCount = parentElement.rightNodeCount;
-    const children = parentElement.children;
-    let rightChildren = [], leftChildren = [];
-    for (let i = 0; i < children.length; i++) {
-        const child = children[i];
-        if (AbstractNode.isAbstract(child) && child.end < rightNodeCount) {
-            rightChildren.push(child);
-            continue;
-        }
-        if (AbstractNode.isAbstract(child) && child.start >= rightNodeCount) {
-            leftChildren.push(child);
-            continue;
-        }
-        if (i < rightNodeCount) {
-            rightChildren.push(child);
-        }
-        else {
-            leftChildren.push(child);
-        }
-    }
-    return { leftChildren, rightChildren };
-};
-const isSetAbstract = (element) => {
-    return !!getCorrespondingAbstract(element);
-};
-const canSetAbstract = (element) => {
-    return !PlaitElement.isRootElement(element) && !AbstractNode.isAbstract(element) && !isSetAbstract(element);
-};
-const getCorrespondingAbstract = (element) => {
-    const parent = MindElement.findParent(element);
-    if (!parent)
-        return undefined;
-    const elementIndex = parent.children.indexOf(element);
-    return parent.children.find(child => {
-        return AbstractNode.isAbstract(child) && elementIndex >= child.start && elementIndex <= child.end;
-    });
-};
-const getBehindAbstracts = (element) => {
-    const parent = MindElement.findParent(element);
-    if (!parent)
-        return [];
-    const index = parent.children.indexOf(element);
-    return parent.children.filter(child => AbstractNode.isAbstract(child) && child.start > index);
-};
-/**
- * return corresponding abstract that is not child of elements
- */
-const getOverallAbstracts = (board, elements) => {
-    const overallAbstracts = [];
-    elements
-        .filter(value => !AbstractNode.isAbstract(value) && !PlaitMind.isMind(value))
-        .forEach(value => {
-        const abstract = getCorrespondingAbstract(value);
-        if (abstract && elements.indexOf(abstract) === -1 && overallAbstracts.indexOf(abstract) === -1) {
-            const { start, end } = abstract;
-            const parent = MindElement.getParent(value);
-            const isOverall = parent.children.slice(start, end + 1).every(includedElement => elements.indexOf(includedElement) > -1);
-            if (isOverall) {
-                overallAbstracts.push(abstract);
-            }
-        }
-    });
-    return overallAbstracts;
-};
-/**
- * abstract node is valid when elements contains at least one element it is referenced with
- */
-const getValidAbstractRefs = (board, elements) => {
-    const validAbstractRefs = [];
-    elements
-        .filter(value => !AbstractNode.isAbstract(value) && !PlaitMind.isMind(value))
-        .forEach(value => {
-        const abstract = getCorrespondingAbstract(value);
-        if (abstract && elements.indexOf(abstract) > 0) {
-            const index = validAbstractRefs.findIndex(value => value.abstract === abstract);
-            if (index === -1) {
-                validAbstractRefs.push({
-                    abstract: abstract,
-                    references: [value]
-                });
-            }
-            else {
-                validAbstractRefs[index].references.push(value);
-            }
-        }
-    });
-    return validAbstractRefs;
-};
-function getRelativeStartEndByAbstractRef(abstractRef, elements) {
-    const start = elements.indexOf(abstractRef.references[0]);
-    const end = elements.indexOf(abstractRef.references[abstractRef.references.length - 1]);
-    return { start, end };
-}
-const insertElementHandleAbstract = (board, path, step = 1, 
-//由此区分拖拽和新增到概要概括最后一个节点
-isExtendPreviousNode = true, effectedAbstracts = new Map()) => {
-    const parent = PlaitNode.parent(board, path);
-    const hasPreviousNode = path[path.length - 1] !== 0;
-    let behindAbstracts;
-    if (!hasPreviousNode) {
-        behindAbstracts = parent.children.filter(child => AbstractNode.isAbstract(child));
-    }
-    else {
-        const selectedElement = PlaitNode.get(board, Path.previous(path));
-        behindAbstracts = getBehindAbstracts(selectedElement);
-    }
-    if (behindAbstracts.length) {
-        behindAbstracts.forEach(abstract => {
-            let newProperties = effectedAbstracts.get(abstract);
-            if (!newProperties) {
-                newProperties = { start: 0, end: 0 };
-                effectedAbstracts.set(abstract, newProperties);
-            }
-            newProperties.start = newProperties.start + step;
-            newProperties.end = newProperties.end + step;
-        });
-    }
-    if (!hasPreviousNode) {
-        return effectedAbstracts;
-    }
-    const selectedElement = PlaitNode.get(board, Path.previous(path));
-    const correspondingAbstract = getCorrespondingAbstract(selectedElement);
-    const isDragToLast = !isExtendPreviousNode && correspondingAbstract && correspondingAbstract.end === path[path.length - 1] - 1;
-    if (correspondingAbstract && !isDragToLast) {
-        let newProperties = effectedAbstracts.get(correspondingAbstract);
-        if (!newProperties) {
-            newProperties = { start: 0, end: 0 };
-            effectedAbstracts.set(correspondingAbstract, newProperties);
-        }
-        newProperties.end = newProperties.end + step;
-    }
-    return effectedAbstracts;
-};
-const deleteElementHandleAbstract = (board, deletableElements, effectedAbstracts = new Map()) => {
-    deletableElements.forEach(node => {
-        if (!PlaitMind.isMind(node)) {
-            const behindAbstracts = getBehindAbstracts(node).filter(abstract => !deletableElements.includes(abstract));
-            if (behindAbstracts.length) {
-                behindAbstracts.forEach(abstract => {
-                    let newProperties = effectedAbstracts.get(abstract);
-                    if (!newProperties) {
-                        newProperties = { start: 0, end: 0 };
-                        effectedAbstracts.set(abstract, newProperties);
-                    }
-                    newProperties.start = newProperties.start - 1;
-                    newProperties.end = newProperties.end - 1;
-                });
-            }
-            const correspondingAbstract = getCorrespondingAbstract(node);
-            if (correspondingAbstract && !deletableElements.includes(correspondingAbstract)) {
-                let newProperties = effectedAbstracts.get(correspondingAbstract);
-                if (!newProperties) {
-                    newProperties = { start: 0, end: 0 };
-                    effectedAbstracts.set(correspondingAbstract, newProperties);
-                }
-                newProperties.end = newProperties.end - 1;
-            }
-        }
-    });
-    return effectedAbstracts;
-};
-
 var AbstractHandlePosition;
 (function (AbstractHandlePosition) {
     AbstractHandlePosition["start"] = "start";
@@ -2166,9 +2167,7 @@ const setAbstractByElements = (board, groupParent, group) => {
 };
 const insertAbstractNode = (board, path, start, end) => {
     const mindElement = createMindElement('概要', 28, 20, {
-        strokeColor: DefaultAbstractNodeStyle.strokeColor,
         strokeWidth: DefaultAbstractNodeStyle.branchWidth,
-        branchColor: DefaultAbstractNodeStyle.branchColor,
         branchWidth: DefaultAbstractNodeStyle.branchWidth
     });
     mindElement.start = start;
@@ -2656,7 +2655,7 @@ class MindNodeComponent extends PlaitPluginElementComponent {
         this.nodeInsertDrawer = new NodeInsertDrawer(this.board);
         this.activeDrawer = new NodeActiveDrawer(this.board);
         this.collapseDrawer = new CollapseDrawer(this.board);
-        const plugins = this.board.getMindOptions().textPlugins;
+        const plugins = this.board.getPluginOptions(WithMindPluginKey).textPlugins;
         this.textManage = new TextManage(this.board, this.viewContainerRef, () => {
             const rect = getTopicRectangleByNode(this.board, this.node);
             return rect;
@@ -2692,8 +2691,10 @@ class MindNodeComponent extends PlaitPluginElementComponent {
     }
     editTopic() {
         this.activeDrawer.draw(this.element, this.g, { selected: this.selected, isEditing: true });
-        this.textManage.edit(() => {
-            this.activeDrawer.draw(this.element, this.g, { selected: this.selected, isEditing: false });
+        this.textManage.edit((origin) => {
+            if (origin === ExitOrigin.default) {
+                this.activeDrawer.draw(this.element, this.g, { selected: this.selected, isEditing: false });
+            }
         });
     }
     onContextChanged(value, previous) {
@@ -2982,12 +2983,11 @@ const withNodeDnd = (board) => {
             !AbstractNode.isAbstract(targetElement)) {
             const targetElements = selectedElements.filter(element => MindElement.isMindElement(board, element) && !element.isRoot && !AbstractNode.isAbstract(element));
             const isMultiple = selectedElements.length > 0 && selectedElements.includes(targetElement);
-            const isSingle = !isMultiple && selectedElements.length === 0;
             if (isMultiple) {
                 activeElements = targetElements;
                 startPoint = point;
             }
-            else if (isSingle) {
+            else {
                 activeElements = [targetElement];
                 startPoint = point;
             }
@@ -3041,6 +3041,7 @@ const withNodeDnd = (board) => {
             }
             if (dropTarget) {
                 const targetPathRef = board.pathRef(targetPath);
+                const targetPreviousPathRef = Path.hasPrevious(targetPath) && board.pathRef(Path.previous(targetPath));
                 const targetElementPathRef = board.pathRef(PlaitBoard.findPath(board, dropTarget.target));
                 let abstractRefs = getValidAbstractRefs(board, firstLevelElements);
                 const normalElements = firstLevelElements
@@ -3078,9 +3079,16 @@ const withNodeDnd = (board) => {
                 let insertPath = targetPathRef.current;
                 const parentPath = Path.parent(targetPathRef.current || targetPath);
                 if (!insertPath) {
-                    const parent = PlaitNode.get(board, parentPath);
-                    const children = getNonAbstractChildren(parent);
-                    insertPath = [...parentPath, children.length || 0];
+                    //当插入位置和选中节点位置相同时，使用记录的 previousPath
+                    const previousPath = targetPreviousPathRef && targetPreviousPathRef.unref();
+                    if (previousPath) {
+                        insertPath = Path.next(previousPath);
+                    }
+                    else {
+                        const parent = PlaitNode.get(board, parentPath);
+                        const children = getNonAbstractChildren(parent);
+                        insertPath = [...parentPath, children.length || 0];
+                    }
                 }
                 MindTransforms.insertNodes(board, normalElements, insertPath);
                 if (abstractRefs.length) {
@@ -3190,6 +3198,10 @@ const insertClipboardData = (board, elements, targetPoint) => {
         if (hasTargetParent) {
             if (item.isRoot) {
                 newElement = adjustRootToNode(board, newElement);
+                const styles = PlaitMind.isMind(targetParent) ? { fontFamily: BRANCH_FONT_FAMILY } : { fontFamily: DEFAULT_FONT_FAMILY };
+                const { width, height } = getTextSize(board, newElement.data.topic, TOPIC_DEFAULT_MAX_WORD_COUNT, styles);
+                newElement.width = Math.max(width, NODE_MIN_WIDTH);
+                newElement.height = height;
             }
             // handle abstract start and end
             if (AbstractNode.isAbstract(newElement)) {
@@ -3215,10 +3227,11 @@ const insertClipboardData = (board, elements, targetPoint) => {
     });
     Transforms.setSelectionWithTemporaryElements(board, newELements);
 };
-const insertClipboardText = (board, parentElement, text, width, height) => {
+const insertClipboardText = (board, targetParent, text) => {
+    const styles = PlaitMind.isMind(targetParent) ? { fontFamily: BRANCH_FONT_FAMILY } : { fontFamily: DEFAULT_FONT_FAMILY };
+    const { width, height } = getTextSize(board, text, TOPIC_DEFAULT_MAX_WORD_COUNT, styles);
     const newElement = createMindElement(text, width, height, {});
-    const path = PlaitBoard.findPath(board, parentElement).concat((parentElement.children || []).length);
-    Transforms.insertNode(board, newElement, path);
+    Transforms.insertNode(board, newElement, findNewChildNodePath(board, targetParent));
     return;
 };
 
@@ -3331,9 +3344,7 @@ const withMindExtend = (board) => {
     newBoard.drawEmoji = (emoji, element) => {
         throw new Error('Not implement drawEmoji method error.');
     };
-    newBoard.getMindOptions = () => {
-        return { spaceBetweenEmojis: 4, emojiPadding: 0 };
-    };
+    board.setPluginOptions(WithMindPluginKey, { spaceBetweenEmojis: 4, emojiPadding: 0 });
     return newBoard;
 };
 
@@ -3361,7 +3372,7 @@ const withCreateMind = (board) => {
         }
         if (PlaitBoard.isPointer(board, MindPointerType.mind)) {
             throttleRAF(() => {
-                const movingPoint = PlaitBoard.getMovingPoint(board);
+                const movingPoint = PlaitBoard.getMovingPointInBoard(board);
                 if (movingPoint) {
                     const targetPoint = transformPoint(board, toPoint(movingPoint[0], movingPoint[1], PlaitBoard.getHost(board)));
                     const emptyMind = createEmptyMind(targetPoint);
@@ -3403,7 +3414,7 @@ const withCreateMind = (board) => {
         mousemove(event);
     };
     newBoard.mouseup = (event) => {
-        const movingPoint = PlaitBoard.getMovingPoint(board);
+        const movingPoint = PlaitBoard.getMovingPointInBoard(board);
         if (movingPoint && fakeCreateNodeRef && PlaitBoard.isPointer(board, MindPointerType.mind)) {
             const targetPoint = transformPoint(board, toPoint(movingPoint[0], movingPoint[1], PlaitBoard.getHost(board)));
             const emptyMind = createEmptyMind(targetPoint);
@@ -3482,38 +3493,18 @@ const withMindHotkey = (board) => {
                 event.preventDefault();
                 const targetMindElements = selectedElements.filter(el => MindElement.isMindElement(board, el));
                 const firstLevelElements = getFirstLevelElement(targetMindElements);
-                const deletableElements = firstLevelElements.reverse();
-                const abstractRefs = deleteElementHandleAbstract(board, deletableElements);
-                MindTransforms.setAbstractsByRefs(board, abstractRefs);
-                const refs = deleteElementsHandleRightNodeCount(board, targetMindElements);
-                MindTransforms.setRightNodeCountByRefs(board, refs);
-                MindTransforms.removeElements(board, targetMindElements);
-                let activeElement;
-                if (AbstractNode.isAbstract(firstLevelElements[0])) {
-                    const parent = MindElement.getParent(firstLevelElements[0]);
-                    activeElement = parent.children[firstLevelElements[0].start];
-                }
-                const firstElement = firstLevelElements[0];
-                const firstElementParent = MindElement.findParent(firstElement);
-                const hasSameParent = firstLevelElements.every(element => {
-                    return MindElement.findParent(element) === firstElementParent;
-                });
-                if (firstElementParent && hasSameParent && !activeElement) {
-                    const firstElementIndex = firstElementParent.children.indexOf(firstElement);
-                    const childrenCount = firstElementParent.children.length;
-                    // active parent element
-                    if (childrenCount === firstLevelElements.length) {
-                        activeElement = firstElementParent;
-                    }
-                    else {
-                        if (firstElementIndex > 0) {
-                            activeElement = firstElementParent.children[firstElementIndex - 1];
-                        }
+                if (firstLevelElements.length > 0) {
+                    const deletableElements = [...firstLevelElements].reverse();
+                    const abstractRefs = deleteElementHandleAbstract(board, deletableElements);
+                    MindTransforms.setAbstractsByRefs(board, abstractRefs);
+                    const refs = deleteElementsHandleRightNodeCount(board, targetMindElements);
+                    MindTransforms.setRightNodeCountByRefs(board, refs);
+                    MindTransforms.removeElements(board, targetMindElements);
+                    const nextSelected = getNextSelectedElement(board, firstLevelElements);
+                    if (nextSelected) {
+                        addSelectedElement(board, nextSelected);
                     }
                 }
-                if (activeElement) {
-                    addSelectedElement(board, activeElement);
-                }
                 return;
             }
             if (!isVirtualKey(event) && !isSpaceHotkey(event) && isSingleSelection) {
@@ -3526,6 +3517,36 @@ const withMindHotkey = (board) => {
     };
     return board;
 };
+const getNextSelectedElement = (board, firstLevelElements) => {
+    let activeElement;
+    const firstLevelElement = firstLevelElements[0];
+    const firstLevelElementPath = PlaitBoard.findPath(board, firstLevelElement);
+    let nextSelectedPath = firstLevelElementPath;
+    if (Path.hasPrevious(firstLevelElementPath)) {
+        nextSelectedPath = Path.previous(firstLevelElementPath);
+    }
+    if (AbstractNode.isAbstract(firstLevelElement)) {
+        const parent = MindElement.getParent(firstLevelElement);
+        if (!firstLevelElements.includes(parent.children[firstLevelElement.start])) {
+            activeElement = parent.children[firstLevelElement.start];
+        }
+    }
+    try {
+        if (!activeElement) {
+            activeElement = PlaitNode.get(board, nextSelectedPath);
+        }
+    }
+    catch (error) { }
+    const firstElement = firstLevelElements[0];
+    const firstElementParent = MindElement.findParent(firstElement);
+    const hasSameParent = firstLevelElements.every(element => {
+        return MindElement.findParent(element) === firstElementParent;
+    });
+    if (firstElementParent && hasSameParent && !activeElement) {
+        activeElement = firstElementParent;
+    }
+    return activeElement;
+};
 const isExpandHotkey = (event) => {
     return isKeyHotkey('mod+/', event);
 };
@@ -3698,13 +3719,12 @@ const withMind = (board) => {
             insertClipboardData(board, elements, targetPoint || [0, 0]);
         }
         else {
-            const text = getTextFromClipboard(data);
-            const { width, height } = getTextSize(board, text, TOPIC_DEFAULT_MAX_WORD_COUNT, {
-                fontFamily: 'PingFangSC-Regular, "PingFang SC"'
-            });
             const selectedElements = getSelectedElements(board);
-            if (text && selectedElements.length === 1) {
-                insertClipboardText(board, selectedElements[0], buildText(text), width, height);
+            if (selectedElements.length === 1) {
+                const text = getTextFromClipboard(data);
+                if (text) {
+                    insertClipboardText(board, selectedElements[0], buildText(text));
+                }
             }
         }
         insertFragment(data, targetPoint);
@@ -3773,5 +3793,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ABSTRACT_HANDLE_COLOR, ABSTRACT_HANDLE_LENGTH, ABSTRACT_HANDLE_MASK_WIDTH, ABSTRACT_INCLUDED_OUTLINE_OFFSET, AbstractHandlePosition, AbstractResizeState, BASE, BRANCH_WIDTH, BaseDrawer, BranchShape, DefaultAbstractNodeStyle, DefaultNodeStyle, ELEMENT_TO_NODE, EXTEND_DIAMETER, EXTEND_OFFSET, GRAY_COLOR, INHERIT_ATTRIBUTE_KEYS, IS_DRAGGING, LayoutDirection, LayoutDirectionsMap, MindColorfulThemeColor, MindDarkThemeColor, MindDefaultThemeColor, MindElement, MindElementShape, MindEmojiBaseComponent, MindModule, MindNode, MindNodeComponent, MindPointerType, MindQueries, MindRetroThemeColor, MindSoftThemeColor, MindStarryThemeColor, MindThemeColor, MindThemeColors, MindTransforms, NODE_MIN_WIDTH, PRIMARY_COLOR, PlaitMind, PlaitMindComponent, QUICK_INSERT_CIRCLE_COLOR, QUICK_INSERT_CIRCLE_OFFSET, QUICK_INSERT_INNER_CROSS_COLOR, ROOT_TOPIC_FONT_SIZE, ROOT_TOPIC_HEIGHT, STROKE_WIDTH, TOPIC_COLOR, TOPIC_DEFAULT_MAX_WORD_COUNT, TOPIC_FONT_SIZE, TRANSPARENT, addActiveOnDragOrigin, adjustAbstractToNode, adjustNodeToRoot, adjustRootToNode, canSetAbstract, copyNewNode, correctLayoutByDirection, createDefaultMind, createEmptyMind, createMindElement, deleteElementHandleAbstract, deleteElementsHandleRightNodeCount, detectDropTarget, directionCorrector, directionDetector, divideElementByParent, drawFakeDragNode, drawFakeDropNode, editTopic, extractNodesText, findLastChild, findLocationLeftIndex, getAbstractBranchColor, getAbstractBranchWidth, getAbstractHandleRectangle, getAllowedDirection, getAvailableSubLayoutsByLayoutDirections, getBehindAbstracts, getBranchColorByMindElement, getBranchDirectionsByLayouts, getBranchShapeByMindElement, getBranchWidthByMindElement, getChildrenCount, getCorrespondingAbstract, getDefaultBranchColor, getDefaultBranchColorByIndex, getDefaultLayout, getEmojiForeignRectangle, getEmojiRectangle, getFirstLevelElement, getHitAbstractHandle, getInCorrectLayoutDirection, getLayoutDirection$1 as getLayoutDirection, getLayoutReverseDirection, getLocationScope, getMindThemeColor, getNextBranchColor, getOverallAbstracts, getPathByDropTarget, getRectangleByElement, getRectangleByNode, getRectangleByResizingLocation, getRelativeStartEndByAbstractRef, getRootLayout, getShapeByElement, getStrokeByMindElement, getTopicRectangleByElement, getTopicRectangleByNode, getValidAbstractRefs, handleTouchedAbstract, hasAfterDraw, hasPreviousOrNextOfDropPath, insertElementHandleAbstract, insertElementHandleRightNodeCount, insertMindElement, isChildElement, isChildRight, isChildUp, isCorrectLayout, isDragging, isDropStandardRight, isHitEmojis, isHitMindElement, isInRightBranchOfStandardLayout, isMixedLayout, isSetAbstract, isValidTarget, isVirtualKey, removeActiveOnDragOrigin, separateChildren, setIsDragging, withMind, withMindExtend };
+export { ABSTRACT_HANDLE_COLOR, ABSTRACT_HANDLE_LENGTH, ABSTRACT_HANDLE_MASK_WIDTH, ABSTRACT_INCLUDED_OUTLINE_OFFSET, AbstractHandlePosition, AbstractResizeState, BASE, BRANCH_FONT_FAMILY, BRANCH_WIDTH, BaseDrawer, BranchShape, DEFAULT_FONT_FAMILY, DefaultAbstractNodeStyle, DefaultNodeStyle, ELEMENT_TO_NODE, EXTEND_DIAMETER, EXTEND_OFFSET, GRAY_COLOR, INHERIT_ATTRIBUTE_KEYS, IS_DRAGGING, LayoutDirection, LayoutDirectionsMap, MindColorfulThemeColor, MindDarkThemeColor, MindDefaultThemeColor, MindElement, MindElementShape, MindEmojiBaseComponent, MindModule, MindNode, MindNodeComponent, MindPointerType, MindQueries, MindRetroThemeColor, MindSoftThemeColor, MindStarryThemeColor, MindThemeColor, MindThemeColors, MindTransforms, NODE_MIN_WIDTH, PRIMARY_COLOR, PlaitMind, PlaitMindComponent, QUICK_INSERT_CIRCLE_COLOR, QUICK_INSERT_CIRCLE_OFFSET, QUICK_INSERT_INNER_CROSS_COLOR, ROOT_TOPIC_FONT_SIZE, ROOT_TOPIC_HEIGHT, STROKE_WIDTH, TOPIC_COLOR, TOPIC_DEFAULT_MAX_WORD_COUNT, TOPIC_FONT_SIZE, TRANSPARENT, WithMindPluginKey, addActiveOnDragOrigin, adjustAbstractToNode, adjustNodeToRoot, adjustRootToNode, canSetAbstract, copyNewNode, correctLayoutByDirection, createDefaultMind, createEmptyMind, createMindElement, deleteElementHandleAbstract, deleteElementsHandleRightNodeCount, detectDropTarget, directionCorrector, directionDetector, divideElementByParent, drawFakeDragNode, drawFakeDropNode, editTopic, extractNodesText, findLastChild, findLocationLeftIndex, getAbstractBranchColor, getAbstractBranchWidth, getAbstractHandleRectangle, getAllowedDirection, getAvailableSubLayoutsByLayoutDirections, getBehindAbstracts, getBranchColorByMindElement, getBranchDirectionsByLayouts, getBranchShapeByMindElement, getBranchWidthByMindElement, getChildrenCount, getCorrespondingAbstract, getDefaultBranchColor, getDefaultBranchColorByIndex, getDefaultLayout, getEmojiForeignRectangle, getEmojiRectangle, getFirstLevelElement, getHitAbstractHandle, getInCorrectLayoutDirection, getLayoutDirection$1 as getLayoutDirection, getLayoutReverseDirection, getLocationScope, getMindThemeColor, getNextBranchColor, getOverallAbstracts, getPathByDropTarget, getRectangleByElement, getRectangleByNode, getRectangleByResizingLocation, getRelativeStartEndByAbstractRef, getRootLayout, getShapeByElement, getStrokeByMindElement, getTopicRectangleByElement, getTopicRectangleByNode, getValidAbstractRefs, handleTouchedAbstract, hasAfterDraw, hasPreviousOrNextOfDropPath, insertElementHandleAbstract, insertElementHandleRightNodeCount, insertMindElement, isChildElement, isChildOfAbstract, isChildRight, isChildUp, isCorrectLayout, isDragging, isDropStandardRight, isHitEmojis, isHitMindElement, isInRightBranchOfStandardLayout, isMixedLayout, isSetAbstract, isValidTarget, isVirtualKey, removeActiveOnDragOrigin, separateChildren, setIsDragging, withMind, withMindExtend };
 //# sourceMappingURL=plait-mind.mjs.map