feat: 添加部分多语言内容

.vscode/settings.json

@@ -8,5 +8,13 @@
   },
   "[json]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
+  },
+  "i18n-ally.localesPaths": [
+    "src/renderer/src/locales"
+  ],
+  "i18n-ally.enabledParsers": ["json"],
+  "i18n-ally.displayLanguage": "zh_CN",
+  "i18n-ally.sourceLanguage": "zh",
+  "i18n-ally.keystyle": "nested",
+  "i18n-ally.enabledFrameworks": ["vue"],
 }

src/renderer/src/locale/en_US.json

@@ -3,5 +3,8 @@
   "widgetLibrary": "Widget Library",
   "resourceManager": "Resource Manager",
   "codeView": "function code",
-  "projectJSON": "Project JSON"
+  "projectJSON": "Project JSON",
+  "createProject": "Create Project",
+  "projectName": "Project Name",
+  "pleaseEnter": "Please Enter"
 }

src/renderer/src/locale/zh_CN.json

@@ -3,5 +3,8 @@
   "widgetLibrary": "控件库",
   "resourceManager": "资源管理",
   "codeView": "函数代码",
-  "projectJSON": "项目JSON"
+  "projectJSON": "项目JSON",
+  "createProject": "新建项目",
+  "projectName": "项目名称",
+  "pleaseEnter": "请输入"
 }

src/renderer/src/lvgl-widgets/index.ts

@@ -0,0 +1,5 @@
+import lv_obj from './lv_obj'
+
+export default {
+  lv_obj
+}

src/renderer/src/lvgl-widgets/lv_obj/src/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <div></div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped></style>

src/renderer/src/main.ts

@@ -8,7 +8,7 @@ import './style.less'
 import 'normalize.css'
 import router from './router'
 import { setupStore } from './store'
-import i18n from './locale'
+import i18n from './locales'
 
 const app = createApp(App)
 setupStore(app)

src/renderer/src/views/designer/modals/projectModal/index.vue

@@ -1,7 +1,7 @@
 <template>
   <el-dialog
     v-model="showModal"
-    title="新建项目"
+    :title="$t('createProject')"
     width="1000px"
     body-class="h-500px overflow-y-auto overflow-x-hidden modal-body-scroll px-12px"
     :modal="false"
@@ -16,8 +16,8 @@
         style="display: flex; flex-direction: column"
         hide-required-asterisk
       >
-        <el-form-item label="项目名称" prop="name" required>
-          <el-input v-model="formData.name" placeholder="请输入"></el-input>
+        <el-form-item :label="$t('projectName')" prop="name" required>
+          <el-input v-model="formData.name" :placeholder="$t('pleaseEnter')"></el-input>
         </el-form-item>
         <el-form-item label="项目路径" prop="path" required>
           <el-input v-model="formData.path" readonly>

src/renderer/src/views/designer/workspace/stage/Scaleplate.vue

@@ -69,7 +69,7 @@ import type { Ref } from 'vue'
 import type { StageState } from './type'
 import type { Page, ReferenceLine } from '@/types/page'
 
-import { onMounted, ref, onBeforeUnmount, nextTick, watch, defineProps, computed } from 'vue'
+import { ref, watch, defineProps, computed } from 'vue'
 import { LuEye, LuEyeOff } from 'vue-icons-plus/lu'
 import { UseDraggable } from '@vueuse/components'
 import { drawScaleplate } from './utils'
@@ -92,7 +92,7 @@ const { width: _verticalWidth, height: verticalHeight } = useElementSize(vertica
 // 根据滚动和缩放，重新计算辅助线位置
 const getReferLines = computed(() => {
   const state = props.state
-  const { scale, scrollX, scrollY, originX, originY } = state
+  const { scale, scrollX, scrollY, originX, originY } = props.state
 
   return props.page?.referenceLine
     ?.map((line) => {

src/renderer/src/views/designer/workspace/stage/index.vue

@@ -74,7 +74,7 @@
             size="small"
             style="width: 140px"
           ></el-slider>
-          <span>{{ (state.scale * 100).toFixed(0) }}%</span>
+          <span class="inline w-30px">{{ (state.scale * 100).toFixed(0) }}%</span>
         </div>
       </div>
     </div>
@@ -125,7 +125,7 @@ const state = reactive<StageState>({
   showBorder: false,
   showRuler: true,
   showBgGrid: false,
-  showReferenceLine: false
+  showReferenceLine: true
 })
 // 当前活动页面ID
 const currentPageId = ref<string>()