♻️ 改进粘贴功能的代码结构

Littlefean · Littlefean · commit 30b03000ac46 · 2025-03-26T02:00:46.000+08:00
diff --git a/app/src/assets/projectGraphTips.json b/app/src/assets/projectGraphTips.json
@@ -757,7 +757,7 @@
     },
     {
       "location": [1609, -1159],
-      "size": [787, 513],
+      "size": [796, 513],
       "uuid": "8e0f17f9-09a3-4328-9eb9-e35bd7cae71e",
       "text": "质点/折线",
       "color": [0, 0, 0, 0],
@@ -3300,7 +3300,7 @@
       "type": "core:text_node"
     },
     {
-      "location": [7791, -1038],
+      "location": [7800, -1029],
       "size": [322, 518],
       "uuid": "6a08d73c-7084-4296-b89c-60ecb31933c1",
       "text": "连线颜色含义",
diff --git a/app/src/core/service/dataManageService/copyEngine/copyEngine.tsx b/app/src/core/service/dataManageService/copyEngine/copyEngine.tsx
@@ -1,22 +1,16 @@
-import { v4 as uuidv4 } from "uuid";
-import { Dialog } from "../../../../components/dialog";
 import { Serialized } from "../../../../types/node";
-import { writeFileBase64 } from "../../../../utils/fs";
-import { PathString } from "../../../../utils/pathString";
 import { Rectangle } from "../../../dataStruct/shape/Rectangle";
 import { Vector } from "../../../dataStruct/Vector";
 import { Renderer } from "../../../render/canvas2d/renderer";
-import { Stage } from "../../../stage/Stage";
 import { StageDumper } from "../../../stage/StageDumper";
 import { StageSerializedAdder } from "../../../stage/stageManager/concreteMethods/StageSerializedAdder";
 import { StageManager } from "../../../stage/stageManager/StageManager";
 import { Entity } from "../../../stage/stageObject/abstract/StageEntity";
 import { ImageNode } from "../../../stage/stageObject/entity/ImageNode";
 import { TextNode } from "../../../stage/stageObject/entity/TextNode";
-import { UrlNode } from "../../../stage/stageObject/entity/UrlNode";
 import { MouseLocation } from "../../controlService/MouseLocation";
-import { SectionMethods } from "../../../stage/stageManager/basicMethods/SectionMethods";
-import { RectanglePushInEffect } from "../../feedbackService/effectEngine/concrete/RectanglePushInEffect";
+import { copyEnginePasteImage } from "./pasteImage";
+import { copyEnginePastePlainText } from "./pastePlainText";
 
 /**
  * 专门用来管理节点复制的引擎
@@ -185,136 +179,14 @@ async function readClipboardItems(mouseLocation: Vector) {
     navigator.clipboard.read().then(async (items) => {
       for (const item of items) {
         if (item.types.includes("image/png")) {
-          // 图片在草稿情况下不能粘贴
-          if (Stage.path.isDraft()) {
-            Dialog.show({
-              title: "草稿状态下不要粘贴图片",
-              content: "请先另存为，再粘贴图片，因为粘贴的图片会和保存的工程文件在同一目录下，而草稿在内存中，没有路径",
-            });
-            return;
-          }
-          const blob = await item.getType(item.types[0]); // 获取 Blob 对象
-          const imageUUID = uuidv4();
-          const folder = PathString.dirPath(Stage.path.getFilePath());
-          const imagePath = `${folder}${PathString.getSep()}${imageUUID}.png`;
-
-          // 2024.12.31 测试发现这样的写法会导致读取时base64解码失败
-          // writeFile(imagePath, new Uint8Array(await blob.arrayBuffer()));
-          // 下面这样的写法是没有问题的
-          writeFileBase64(imagePath, await convertBlobToBase64(blob));
-
-          // 要延迟一下，等待保存完毕
-          setTimeout(() => {
-            const imageNode = new ImageNode({
-              uuid: imageUUID,
-              location: [mouseLocation.x, mouseLocation.y],
-              path: `${imageUUID}.png`,
-            });
-            // imageNode.setBase64StringForced(base64String);
-            StageManager.addImageNode(imageNode);
-          }, 100);
+          copyEnginePasteImage(item, mouseLocation);
         }
         if (item.types.includes("text/plain")) {
-          const blob = await item.getType("text/plain"); // 获取文本内容
-          // const text = await blob.text();
-          const clipboardText = await blobToText(blob); // 将 Blob 转换为文本
-          if (PathString.isValidURL(clipboardText)) {
-            // 是URL类型
-            const urlNode = new UrlNode({
-              title: "链接",
-              uuid: uuidv4(),
-              url: clipboardText,
-              location: [mouseLocation.x, mouseLocation.y],
-            });
-            StageManager.addUrlNode(urlNode);
-
-            // 添加到section
-            const mouseSections = SectionMethods.getSectionsByInnerLocation(mouseLocation);
-            if (mouseSections.length > 0) {
-              StageManager.goInSection([urlNode], mouseSections[0]);
-              Stage.effectMachine.addEffect(
-                RectanglePushInEffect.sectionGoInGoOut(
-                  urlNode.collisionBox.getRectangle(),
-                  mouseSections[0].collisionBox.getRectangle(),
-                ),
-              );
-            }
-          } else {
-            const { valid, text, url } = PathString.isMarkdownUrl(clipboardText);
-            if (valid) {
-              // 是Markdown链接类型
-              const urlNode = new UrlNode({
-                title: text,
-                uuid: uuidv4(),
-                url: url,
-                location: [mouseLocation.x, mouseLocation.y],
-              });
-              StageManager.addUrlNode(urlNode);
-
-              // 添加到section
-              const mouseSections = SectionMethods.getSectionsByInnerLocation(mouseLocation);
-              if (mouseSections.length > 0) {
-                StageManager.goInSection([urlNode], mouseSections[0]);
-                Stage.effectMachine.addEffect(
-                  RectanglePushInEffect.sectionGoInGoOut(
-                    urlNode.collisionBox.getRectangle(),
-                    mouseSections[0].collisionBox.getRectangle(),
-                  ),
-                );
-              }
-            } else {
-              // 只是普通的文本
-              const textNode = new TextNode({
-                uuid: uuidv4(),
-                text: clipboardText,
-                location: [mouseLocation.x, mouseLocation.y],
-                size: [100, 100],
-                color: [0, 0, 0, 0],
-              });
-              textNode.move(new Vector(-textNode.rectangle.size.x / 2, -textNode.rectangle.size.y / 2));
-              StageManager.addTextNode(textNode);
-
-              // 添加到section
-              const mouseSections = SectionMethods.getSectionsByInnerLocation(mouseLocation);
-              if (mouseSections.length > 0) {
-                StageManager.goInSection([textNode], mouseSections[0]);
-                Stage.effectMachine.addEffect(
-                  RectanglePushInEffect.sectionGoInGoOut(
-                    textNode.collisionBox.getRectangle(),
-                    mouseSections[0].collisionBox.getRectangle(),
-                  ),
-                );
-              }
-            }
-          }
+          copyEnginePastePlainText(item, mouseLocation);
         }
       }
     });
   } catch (err) {
     console.error("Failed to read clipboard contents: ", err);
   }
 }
-
-function blobToText(blob: Blob): Promise<string> {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => resolve(reader.result as string); // 读取完成时返回结果
-    reader.onerror = () => reject(reader.error); // 读取出错时返回错误
-    reader.readAsText(blob); // 读取 Blob 对象作为文本
-  });
-}
-
-async function convertBlobToBase64(blob: Blob): Promise<string> {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onloadend = () => {
-      if (typeof reader.result === "string") {
-        resolve(reader.result.split(",")[1]); // 去掉"data:image/png;base64,"前缀
-      } else {
-        reject(new Error("Invalid result type"));
-      }
-    };
-    reader.onerror = reject;
-    reader.readAsDataURL(blob);
-  });
-}
diff --git a/app/src/core/service/dataManageService/copyEngine/pasteImage.tsx b/app/src/core/service/dataManageService/copyEngine/pasteImage.tsx
@@ -0,0 +1,55 @@
+import { Dialog } from "../../../../components/dialog";
+import { writeFileBase64 } from "../../../../utils/fs";
+import { PathString } from "../../../../utils/pathString";
+import { Vector } from "../../../dataStruct/Vector";
+import { Stage } from "../../../stage/Stage";
+import { StageManager } from "../../../stage/stageManager/StageManager";
+import { ImageNode } from "../../../stage/stageObject/entity/ImageNode";
+import { v4 as uuidv4 } from "uuid";
+
+export async function copyEnginePasteImage(item: ClipboardItem, mouseLocation: Vector) {
+  // 图片在草稿情况下不能粘贴
+  if (Stage.path.isDraft()) {
+    Dialog.show({
+      title: "草稿状态下不要粘贴图片",
+      content: "请先另存为，再粘贴图片，因为粘贴的图片会和保存的工程文件在同一目录下，而草稿在内存中，没有路径",
+    });
+    return;
+  }
+  const blob = await item.getType(item.types[0]); // 获取 Blob 对象
+  const imageUUID = uuidv4();
+  const folder = PathString.dirPath(Stage.path.getFilePath());
+  const fileName: string = imageUUID;
+  const imagePath = `${folder}${PathString.getSep()}${fileName}.png`;
+
+  // 2024.12.31 测试发现这样的写法会导致读取时base64解码失败
+  // writeFile(imagePath, new Uint8Array(await blob.arrayBuffer()));
+  // 下面这样的写法是没有问题的
+  writeFileBase64(imagePath, await convertBlobToBase64(blob));
+
+  // 要延迟一下，等待保存完毕
+  setTimeout(() => {
+    const imageNode = new ImageNode({
+      uuid: imageUUID,
+      location: [mouseLocation.x, mouseLocation.y],
+      path: `${fileName}.png`,
+    });
+    // imageNode.setBase64StringForced(base64String);
+    StageManager.addImageNode(imageNode);
+  }, 100);
+}
+
+async function convertBlobToBase64(blob: Blob): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      if (typeof reader.result === "string") {
+        resolve(reader.result.split(",")[1]); // 去掉"data:image/png;base64,"前缀
+      } else {
+        reject(new Error("Invalid result type"));
+      }
+    };
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+  });
+}
diff --git a/app/src/core/service/dataManageService/copyEngine/pastePlainText.tsx b/app/src/core/service/dataManageService/copyEngine/pastePlainText.tsx
@@ -0,0 +1,93 @@
+import { PathString } from "../../../../utils/pathString";
+import { Vector } from "../../../dataStruct/Vector";
+import { Stage } from "../../../stage/Stage";
+import { SectionMethods } from "../../../stage/stageManager/basicMethods/SectionMethods";
+import { StageManager } from "../../../stage/stageManager/StageManager";
+import { TextNode } from "../../../stage/stageObject/entity/TextNode";
+import { UrlNode } from "../../../stage/stageObject/entity/UrlNode";
+import { RectanglePushInEffect } from "../../feedbackService/effectEngine/concrete/RectanglePushInEffect";
+import { v4 as uuidv4 } from "uuid";
+
+export async function copyEnginePastePlainText(item: ClipboardItem, mouseLocation: Vector) {
+  const blob = await item.getType("text/plain"); // 获取文本内容
+  // const text = await blob.text();
+  const clipboardText = await blobToText(blob); // 将 Blob 转换为文本
+  if (PathString.isValidURL(clipboardText)) {
+    // 是URL类型
+    const urlNode = new UrlNode({
+      title: "链接",
+      uuid: uuidv4(),
+      url: clipboardText,
+      location: [mouseLocation.x, mouseLocation.y],
+    });
+    StageManager.addUrlNode(urlNode);
+
+    // 添加到section
+    const mouseSections = SectionMethods.getSectionsByInnerLocation(mouseLocation);
+    if (mouseSections.length > 0) {
+      StageManager.goInSection([urlNode], mouseSections[0]);
+      Stage.effectMachine.addEffect(
+        RectanglePushInEffect.sectionGoInGoOut(
+          urlNode.collisionBox.getRectangle(),
+          mouseSections[0].collisionBox.getRectangle(),
+        ),
+      );
+    }
+  } else {
+    const { valid, text, url } = PathString.isMarkdownUrl(clipboardText);
+    if (valid) {
+      // 是Markdown链接类型
+      const urlNode = new UrlNode({
+        title: text,
+        uuid: uuidv4(),
+        url: url,
+        location: [mouseLocation.x, mouseLocation.y],
+      });
+      StageManager.addUrlNode(urlNode);
+
+      // 添加到section
+      const mouseSections = SectionMethods.getSectionsByInnerLocation(mouseLocation);
+      if (mouseSections.length > 0) {
+        StageManager.goInSection([urlNode], mouseSections[0]);
+        Stage.effectMachine.addEffect(
+          RectanglePushInEffect.sectionGoInGoOut(
+            urlNode.collisionBox.getRectangle(),
+            mouseSections[0].collisionBox.getRectangle(),
+          ),
+        );
+      }
+    } else {
+      // 只是普通的文本
+      const textNode = new TextNode({
+        uuid: uuidv4(),
+        text: clipboardText,
+        location: [mouseLocation.x, mouseLocation.y],
+        size: [100, 100],
+        color: [0, 0, 0, 0],
+      });
+      textNode.move(new Vector(-textNode.rectangle.size.x / 2, -textNode.rectangle.size.y / 2));
+      StageManager.addTextNode(textNode);
+
+      // 添加到section
+      const mouseSections = SectionMethods.getSectionsByInnerLocation(mouseLocation);
+      if (mouseSections.length > 0) {
+        StageManager.goInSection([textNode], mouseSections[0]);
+        Stage.effectMachine.addEffect(
+          RectanglePushInEffect.sectionGoInGoOut(
+            textNode.collisionBox.getRectangle(),
+            mouseSections[0].collisionBox.getRectangle(),
+          ),
+        );
+      }
+    }
+  }
+}
+
+function blobToText(blob: Blob): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result as string); // 读取完成时返回结果
+    reader.onerror = () => reject(reader.error); // 读取出错时返回错误
+    reader.readAsText(blob); // 读取 Blob 对象作为文本
+  });
+}
