@plait/mind 0.13.0 → 0.14.0

package/fesm2020/plait-mind.mjs

@@ -3,7 +3,7 @@ import { Component, ChangeDetectionStrategy, NgModule, NgZone, Directive, Input,
 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 { getTextSize, TEXT_DEFAULT_HEIGHT, TextManage, TextModule } from '@plait/text';
+import { TEXT_DEFAULT_HEIGHT, buildText, getTextSize, TextManage, TextModule, getTextFromClipboard } from '@plait/text';
 import { fromEvent, Subject } from 'rxjs';
 import { Node, Path as Path$1 } from 'slate';
 import { isKeyHotkey } from 'is-hotkey';
@@ -336,54 +336,12 @@ const ROOT_TOPIC_FONT_SIZE = 18;
 const ROOT_TOPIC_HEIGHT = 25;
 const TOPIC_DEFAULT_MAX_WORD_COUNT = 34;
 
-const adjustRootToNode = (board, node) => {
-    const newNode = { ...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;
-    }
-    return newNode;
-};
-const adjustAbstractToNode = (node) => {
-    const newNode = { ...node };
-    delete newNode.start;
-    delete newNode.end;
-    return newNode;
-};
-const adjustNodeToRoot = (board, node) => {
-    const newElement = { ...node };
-    let text = Node.string(newElement.data.topic);
-    if (!text) {
-        text = '思维导图';
-        newElement.data.topic = { children: [{ text }] };
-    }
-    delete newElement?.strokeColor;
-    delete newElement?.fill;
-    delete newElement?.shape;
-    delete newElement?.strokeWidth;
-    const { width, height } = getTextSize(board, text, TOPIC_DEFAULT_MAX_WORD_COUNT, ROOT_TOPIC_FONT_SIZE);
-    newElement.width = Math.max(width, NODE_MIN_WIDTH);
-    newElement.height = height;
-    return {
-        ...newElement,
-        layout: newElement.layout ?? MindLayoutType.right,
-        isCollapsed: false,
-        isRoot: true,
-        type: 'mindmap'
-    };
-};
-
-const createEmptyMind = (board, point) => {
-    const element = createMindElement('', 0, 0, { layout: MindLayoutType.right });
-    const rootElement = adjustNodeToRoot(board, element);
-    rootElement.points = [point];
-    return rootElement;
+const createEmptyMind = (point) => {
+    const element = createMindElement('思维导图', 72, ROOT_TOPIC_HEIGHT, { layout: MindLayoutType.right });
+    element.isRoot = true;
+    element.points = [point];
+    element.type = 'mindmap';
+    return element;
 };
 const createDefaultMind = (point, rightNodeCount, layout) => {
     const root = createMindElement('思维导图', 72, ROOT_TOPIC_HEIGHT, { layout });
@@ -401,7 +359,7 @@ const createMindElement = (text, width, height, options) => {
     const newElement = {
         id: idCreator(),
         data: {
-            topic: { children: [{ text }] }
+            topic: buildText(text)
         },
         children: [],
         width,
@@ -622,6 +580,50 @@ const getRootLayout = (root) => {
     return root.layout || getDefaultLayout();
 };
 
+const adjustRootToNode = (board, node) => {
+    const newNode = { ...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;
+    }
+    return newNode;
+};
+const adjustAbstractToNode = (node) => {
+    const newNode = { ...node };
+    delete newNode.start;
+    delete newNode.end;
+    return newNode;
+};
+const adjustNodeToRoot = (board, node) => {
+    const newElement = { ...node };
+    if (!Node.string(newElement.data.topic)) {
+        newElement.data.topic = { children: [{ text: '思维导图' }] };
+    }
+    delete newElement?.strokeColor;
+    delete newElement?.fill;
+    delete newElement?.shape;
+    delete newElement?.strokeWidth;
+    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"'
+    });
+    newElement.width = Math.max(width, NODE_MIN_WIDTH);
+    newElement.height = height;
+    return {
+        ...newElement,
+        layout: newElement.layout ?? MindLayoutType.right,
+        isRoot: true,
+        type: 'mindmap'
+    };
+};
+
 const DefaultAbstractNodeStyle = {
     strokeColor: GRAY_COLOR,
     strokeWidth: 2,
@@ -1923,8 +1925,16 @@ const MindElement = {
     getEmojis(element) {
         return element.data.emojis;
     },
-    getEditor(element) {
-        return PlaitElement.getComponent(element).textManage.componentRef.instance.editor;
+    hasMounted(element) {
+        const component = PlaitElement.getComponent(element);
+        return !!component;
+    },
+    getTextEditor(element) {
+        const component = PlaitElement.getComponent(element);
+        if (component) {
+            return component.textManage.componentRef.instance.editor;
+        }
+        throw new Error('can not get correctly component in get text editor');
     }
 };
 var MindElementShape;
@@ -3039,9 +3049,6 @@ const withNodeDnd = (board) => {
                     if (AbstractNode.isAbstract(element)) {
                         return adjustAbstractToNode(element);
                     }
-                    if (PlaitMind.isMind(element)) {
-                        return adjustRootToNode(board, element);
-                    }
                     return element;
                 });
                 const hasPreviousNode = targetPath[targetPath.length - 1] !== 0;
@@ -3357,7 +3364,7 @@ const withCreateMind = (board) => {
                 const movingPoint = PlaitBoard.getMovingPoint(board);
                 if (movingPoint) {
                     const targetPoint = transformPoint(board, toPoint(movingPoint[0], movingPoint[1], PlaitBoard.getHost(board)));
-                    const emptyMind = createEmptyMind(board, targetPoint);
+                    const emptyMind = createEmptyMind(targetPoint);
                     const nodeRectangle = getRectangleByElement(newBoard, targetPoint, emptyMind);
                     const nodeG = drawRoundRectangleByElement(board, nodeRectangle, emptyMind);
                     const topicRectangle = getTopicRectangleByElement(newBoard, nodeRectangle, emptyMind);
@@ -3376,6 +3383,7 @@ const withCreateMind = (board) => {
                             textManage
                         };
                         fakeCreateNodeRef.g.classList.add('root');
+                        fakeCreateNodeRef.g.setAttribute('plait-mind-temporary', 'true');
                         PlaitBoard.getHost(board).append(fakeCreateNodeRef.g);
                         fakeCreateNodeRef.g.append(...[fakeCreateNodeRef.nodeG, textManage.g]);
                     }
@@ -3398,7 +3406,7 @@ const withCreateMind = (board) => {
         const movingPoint = PlaitBoard.getMovingPoint(board);
         if (movingPoint && fakeCreateNodeRef && PlaitBoard.isPointer(board, MindPointerType.mind)) {
             const targetPoint = transformPoint(board, toPoint(movingPoint[0], movingPoint[1], PlaitBoard.getHost(board)));
-            const emptyMind = createEmptyMind(board, targetPoint);
+            const emptyMind = createEmptyMind(targetPoint);
             Transforms.insertNode(board, emptyMind, [board.children.length]);
             clearSelectedElement(board);
             addSelectedElement(board, emptyMind);
@@ -3690,11 +3698,13 @@ const withMind = (board) => {
             insertClipboardData(board, elements, targetPoint || [0, 0]);
         }
         else {
-            const text = data?.getData(`text/plain`);
-            const { width, height } = getTextSize(board, text, TOPIC_DEFAULT_MAX_WORD_COUNT);
+            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], text, width, height);
+                insertClipboardText(board, selectedElements[0], buildText(text), width, height);
             }
         }
         insertFragment(data, targetPoint);