canvas语言适配

src/component/Canvas/CanvasEditor/components/LayersPanel/LayerItem.vue

@@ -3,7 +3,8 @@ import { ref, nextTick, computed, inject } from "vue";
 import { Checkbox } from "ant-design-vue";
 import { VueDraggable } from "vue-draggable-plus";
 import { isGroupLayer } from "../../utils/layerHelper";
-
+import { useI18n } from 'vue-i18n'
+const {t} = useI18n()
 // 设置组件名称，用于递归渲染
 defineOptions({
   name: "LayerItem",
@@ -393,7 +394,7 @@ function findParentLayerId() {
             v-if="layer.thumbnailUrl"
             :src="layer.thumbnailUrl"
             class="layer-thumbnail"
-            :alt="$t('图层预览')"
+            :alt="$t('Canvas.preview')"
           />
         </div>
 
@@ -423,7 +424,7 @@ function findParentLayerId() {
           <div
             class="visibility-btn"
             @click.stop="handleToggleVisibility"
-            :title="$t('显示/隐藏图层')"
+            :title="$t('Canvas.showHiddenLayer')"
           >
             <SvgIcon v-if="layer.visible" name="CEye" :size="16"></SvgIcon>
             <SvgIcon v-else name="CUnEye" :size="16"></SvgIcon>
@@ -447,7 +448,7 @@ function findParentLayerId() {
           <div
             class="delete-btn"
             :class="{ disabled: !canDelete }"
-            :title="$t('删除图层')"
+            :title="$t('Canvas.deleteLayer')"
             @click.stop="handleDelete"
           >
             <SvgIcon name="CDelete" size="14"></SvgIcon>
@@ -460,7 +461,7 @@ function findParentLayerId() {
           class="group-expand-icon"
           @click.stop="toggleGroupExpanded"
           @dblclick.stop=""
-          :title="isGroupExpanded ? $t('收起组') : $t('展开组')"
+          :title="isGroupExpanded ? $t('Canvas.CollapseUp') : $t('Canvas.CollapseDown')"
         >
           <SvgIcon
             name="CRight"