From e40b7075016c2ba867d4643a5ddd1593827e92c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Tue, 6 Jan 2026 16:53:18 +0800
Subject: [PATCH] fix

---
 src/component/Canvas/CanvasEditor/index.vue        | 10 +++++++---
 .../Canvas/CanvasEditor/managers/CanvasManager.js  |  6 +++---
 src/component/Canvas/canvasExample.vue             | 14 +++++++-------
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/component/Canvas/CanvasEditor/index.vue b/src/component/Canvas/CanvasEditor/index.vue
index 710d63df..b6088c56 100644
--- a/src/component/Canvas/CanvasEditor/index.vue
+++ b/src/component/Canvas/CanvasEditor/index.vue
@@ -58,6 +58,7 @@ const emit = defineEmits([
   "changeCanvas", // 画布变更事件
   "canvasInit", // 画布初始化事件
   "trigger-library", // 触发打开Library选择图片事件
+  "before-unmount-export-extra-info", // 组件卸载前导出额外信息事件
 ]);
 
 const props = defineProps({
@@ -544,12 +545,15 @@ watchEffect(() => {
   }
 });
 
-onBeforeUnmount(() => {
+onBeforeUnmount(async () => {
   // if (import.meta.hot) {
   //   // 热更新 ？
   //   console.log("onBeforeUnmount 开发环境热更新不卸载组件...");
   //   return; // 开发环境下不卸载组件
   // }
+  const extraInfo = await canvasManager.exportExtraInfo();
+  emit("before-unmount-export-extra-info", extraInfo);
+
   console.log("onBeforeUnmount  组件卸载，清理资源...");
   canvasManager?.dispose?.();
   commandManager?.dispose?.();
@@ -1053,8 +1057,8 @@ defineExpose({
    * 导出所有信息
    * @returns {Object} 包含所有图层信息的对象
   */
-  exportAllInfo: () => {
-    return canvasManager.exportAllInfo();
+  exportExtraInfo: () => {
+    return canvasManager.exportExtraInfo();
   },
 
   /**
diff --git a/src/component/Canvas/CanvasEditor/managers/CanvasManager.js b/src/component/Canvas/CanvasEditor/managers/CanvasManager.js
index ca3f517c..936fc4a3 100644
--- a/src/component/Canvas/CanvasEditor/managers/CanvasManager.js
+++ b/src/component/Canvas/CanvasEditor/managers/CanvasManager.js
@@ -977,10 +977,10 @@ export class CanvasManager {
   }
 
   /**
-   * 导出所有信息
-   * @returns {Object} 包含所有图层信息的对象
+   * 导出印花元素颜色信息
+   * @returns {Object}
    */
-  async exportAllInfo() {
+  async exportExtraInfo() {
 	// 导出颜色图层信息
     const color = await this.exportColorLayer().catch(() => (null));
 	// 导出印花和元素图层信息
diff --git a/src/component/Canvas/canvasExample.vue b/src/component/Canvas/canvasExample.vue
index 3f2003e9..772e1ce0 100644
--- a/src/component/Canvas/canvasExample.vue
+++ b/src/component/Canvas/canvasExample.vue
@@ -102,10 +102,10 @@ const exportColorLayer = async () => {
 };
 
 // 导出所有信息
-const exportAllInfo = async () => {
+const exportExtraInfo = async () => {
   if (canvasEditor.value) {
-    const allInfo = await canvasEditor.value.exportAllInfo();
-	console.log("==========导出所有信息:", allInfo);
+    const extraInfo = await canvasEditor.value.exportExtraInfo();
+	console.log("==========导出信息:", extraInfo);
   }
 };
 
@@ -213,10 +213,10 @@ const customToolsList = ref([
     class: "export-btn",
   },
   {
-    id: "exportAllInfo",
-    title: "导出所有信息",
-    action: exportAllInfo,
-	label: "导All",
+    id: "exportExtraInfo",
+    title: "导出印花颜色等信息",
+    action: exportExtraInfo,
+	label: "导E",
     class: "export-btn",
   },
   {