fix: 修复多个已知问题

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

@@ -4,7 +4,7 @@
       <!-- 顶部选区类型工具栏 -->
       <div class="toolbar-section">
         <div class="toolbar-header">
-          <div class="header-title">选区工具</div>
+          <div class="header-title">{{ t("选区工具") }}</div>
           <!-- 移除关闭按钮，完全通过工具切换控制显示隐藏 -->
         </div>
 
@@ -182,6 +182,7 @@
 
 <script setup>
 import { ref, onMounted, watch } from "vue";
+import { useI18n } from "vue-i18n";
 import {
   CreateSelectionCommand,
   InvertSelectionCommand,
@@ -232,8 +233,8 @@ const hasSelection = ref(false);
 const showFeatherDialog = ref(false);
 const showColorPicker = ref(false);
 
-// 国际化函数 (简单实现，可根据需要替换为实际的国际化方案)
-const $t = (key) => key;
+// 国际化
+const { t } = useI18n();
 
 onMounted(() => {
   // 为选区管理器添加监听，以便在选区变化时更新状态
@@ -647,7 +648,7 @@ function confirmColorPicker() {
 
 .tool-actions {
   display: grid;
-  grid-template-columns: repeat(8, 1fr);
+  grid-template-columns: repeat(3, 1fr);
   gap: 5px;
   padding: 0 10px;
 }