Merge branch 'dev_vite' of ssh://18.167.251.121:10002/aidlab/aida_front into dev_vite

src/component/Canvas/CanvasEditor/components/ToolsSidebar.vue

@@ -16,6 +16,7 @@ const emit = defineEmits([
   "zoom-out",
   "toggle-red-green-mode",
   "undo-redo-status-changed",
+  "trigger-library"
 ]);
 const {t} = useI18n()
 const props = defineProps({
@@ -151,6 +152,13 @@ const normalToolsList = ref([
     icon: { name: "CUpload", size: "26" },
     class: "upload-btn",
   },
+  {
+    id: "library",
+    title: t("LibraryPage.library"),
+    action: triggerLibrary,
+    icon: { name: "CLibrary", size: "26" },
+    class: "library-btn",
+  },
   {
     id: "addText",
     title: t("Canvas.AddText"),
@@ -228,6 +236,10 @@ function triggerImageUpload() {
   emit("trigger-image-upload");
 }
 
+function triggerLibrary() {
+  emit("trigger-library");
+}
+
 function addText() {
   emit("add-text");
 }

src/component/Canvas/CanvasEditor/index.vue

@@ -52,6 +52,7 @@ const emit = defineEmits([
   "trigger-red-green-mouseup", // 红绿图模式鼠标抬起事件
   "changeCanvas", // 画布变更事件
   "canvasInit", // 画布初始化事件
+  "trigger-library", // 触发打开Library选择图片事件
 ]);
 
 const props = defineProps({
@@ -705,6 +706,11 @@ function handleImageUpload(event) {
     });
 }
 
+function triggerLibrary() {
+  console.log('打开收藏')
+  emit("trigger-library");
+}
+
 function handleAddText() {
   if (toolManager && canvasManager && canvasManager.canvas) {
     // 在画布中央创建文本
@@ -1043,6 +1049,7 @@ defineExpose({
           @zoom-in="zoomIn"
           @zoom-out="zoomOut"
           @undo-redo-status-changed="changeCanvas"
+          @trigger-library="triggerLibrary"
         >
 		<template #customToolsTop="{ toolTopProps }">
             <slot name="customToolsTop" :tool-button-props="toolTopProps" />