布局修改 部分bug修复

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

@@ -33,7 +33,7 @@
         <!-- 参数调整区域 -->
         <div class="liquify-params">
           <div class="param-item">
-            <div class="param-label">尺寸</div>
+            <div class="param-label">{{ $t('liquifyPanel.size') }}</div>
             <div class="param-control">
               <input
                 type="range"
@@ -48,7 +48,7 @@
           </div>
 
           <div class="param-item">
-            <div class="param-label">压力</div>
+            <div class="param-label">{{ $t('liquifyPanel.pressure') }}</div>
             <div class="param-control">
               <input
                 type="range"
@@ -63,7 +63,7 @@
           </div>
 
           <div class="param-item" v-if="showDistortion">
-            <div class="param-label">失真</div>
+            <div class="param-label">{{ $t('liquifyPanel.distortion') }}</div>
             <div class="param-control">
               <input
                 type="range"
@@ -78,7 +78,7 @@
           </div>
 
           <div class="param-item">
-            <div class="param-label">动力</div>
+            <div class="param-label">{{ $t('liquifyPanel.power') }}</div>
             <div class="param-control">
               <input
                 type="range"
@@ -139,6 +139,9 @@ import { OperationType } from "../utils/layerHelper";
 import { LiquifyRealTimeUpdater } from "../managers/liquify/LiquifyRealTimeUpdater";
 import { LiquifyStateManager } from "../managers/liquify/LiquifyStateManager";
 import { Modal } from "ant-design-vue";
+import { useI18n } from "vue-i18n";
+const {t} = useI18n()
+
 
 // Props定义
 const props = defineProps({
@@ -227,9 +230,9 @@ const stateManager = ref(null);
 
 // 可用液化模式
 const availableModes = ref([
-  { id: "push", name: "推", iconText: "↔" },
-  { id: "clockwise", name: "顺时针转动", iconText: "↻" },
-  { id: "counterclockwise", name: "逆时针转动", iconText: "↺" },
+  { id: "push", name: t('liquifyPanel.push'), iconText: "↔" },
+  { id: "clockwise", name: t('liquifyPanel.clockwise'), iconText: "↻" },
+  { id: "counterclockwise", name: t('liquifyPanel.counterclockwise'), iconText: "↺" },
   // { id: "pinch", name: "捏合", iconText: "⤢" },
   // { id: "expand", name: "展开", iconText: "⤡" },
   // { id: "crystal", name: "水晶", iconText: "✧" },