feat:i18n

src/i18n/lang/en.ts

@@ -259,7 +259,7 @@ const a = {
   "['方案', '模板'].includes(activedGroup)": "[' scheme ', 'template '].includes(activedGroup)",
   "subMenu in moveGroups[activedGroup==='方案'?'模板':'方案']": "subMenu in moveGroups[activedGroup===' Scheme '?' template ':' scheme ']",
   "图片": "picture",
-  "编辑": "EDITOR",
+  "编辑": "Edit",
   "检测到该图纸正在被编辑，": "Detects that the drawing is being edited,",
   "画布将被清空，": "The canvas will be emptied,",
   "{current?$t('检测到该图纸正在被编辑，'):''}}确定删除该数据吗？": "{current? $t(' Detected that the drawing is being edited, '):''}} Are you sure to delete this data?",
@@ -1663,5 +1663,41 @@ const a = {
   "错误":"Error",
   "问题":"Problem",
   "二次确认":"Second confirmation",
-  "确认文本":"Confirmation text"
+  "确认文本":"Confirmation text",
+  "免费示例下载体验":"Free sample download experience",
+  "快速入门":"Quick Start",
+  "组态教程":"Configuration Tutorial",
+  "部署试用":"Deployment Trial",
+  "企业版":"Enterprise Edition",
+  "解决方案":"Solution",
+  "技术交流群":"Technology Exchange Group",
+  "日期":"Date",
+  "常用图标":"Common icons",
+  "智慧楼宇":"Smart buildings",
+  "装饰":"Decoration",
+  "关闭自动生成":"Turn off auto-generation",
+  "跨域凭据":"Cross-domain credentials",
+  "确认":"Confirm",
+  "取消":"Cancel",
+  "边框宽度":"Border width",
+  "网格自动对齐":"Grid auto-alignment",
+  "时间曲线":"Time curve",
+  "需同时配置动画时长，并且运动速度配置将失效":"Animation duration must be configured at the same time, and the motion speed configuration will be invalid",
+  "自定义轨迹动画":"Custom trajectory animation",
+  "不可编辑列":"Non-editable columns",
+  "SQL数据库":"SQL database",
+  "更多":"More",
+  "设置":"Settings",
+  "连线动画反向":"Reverse line animation",
+  "图形类型":"Graphic type",
+  "元素宽度":"Element width",
+  "元素高度":"Element height",
+  "元素数量":"Number of elements",
+  "时间函数":"Time function",
+  "代码":"Code",
+  "请选择你的图形类型":"Please select your graphic type",
+  "单位像素，默认10px":"Unit pixel, default 10px",
+  "新增选项":"New option",
+  "请输入间隔,例如 10,20":"Please enter the interval, for example 10,20",
+  "编辑动画元素":"Edit animation element",
 };export default a

src/i18n/lang/zh_CHT.ts

@@ -1660,5 +1660,42 @@ const a = {
   "错误":"錯誤",
   "问题":"問題",
   "二次确认":"二次確認",
-  "确认文本":"確認文字"
+  "确认文本":"確認文字",
+  "免费示例下载体验":"免費範例下載體驗",
+  "快速入门":"快速入門",
+  "组态教程":"組態教學",
+  "部署试用":"部署試用",
+  "企业版":"企業版",
+  "解决方案":"解決方案",
+  "技术交流群":"科技交流群",
+  "日期":"日期",
+  "常用图标":"常用圖標",
+  "智慧楼宇":"智慧樓宇",
+  "装饰":"裝飾",
+  "关闭自动生成":"關閉自動生成",
+  "跨域凭据":"跨域憑證",
+  "确认":"確認",
+  "取消":"取消",
+  "边框宽度":"邊框寬度",
+  "网格自动对齐":"網格自動對齊",
+  "时间曲线":"時間曲線",
+  "需同时配置动画时长，并且运动速度配置将失效":"需同時配置動畫時長，且運動速度配置將失效",
+  "自定义轨迹动画":"自訂軌跡動畫",
+  "不可编辑列":"不可編輯列",
+  "SQL数据库":"SQL資料庫",
+  "更多":"更多",
+  "设置":"設定",
+  "连线动画反向":"連線動畫反向",
+  "图形类型":"圖形類型",
+  "元素宽度":"元素寬度",
+  "元素高度":"元素高度",
+  "元素数量":"元素數量",
+  "时间函数":"時間函數",
+  "代码":"程式碼",
+  "请选择你的图形类型":"請選擇你的圖形類型",
+  "单位像素，默认10px":"單位像素，預設10px",
+  "新增选项":"新增選項",
+  "请输入间隔,例如 10,20":"請輸入間隔,例如 10,20",
+  "编辑动画元素":"編輯動畫元素",
+  "添加动画元素":"新增動畫元素"
 };export default a

src/views/components/DataSource.vue

@@ -960,10 +960,12 @@
     :header="$t(sqlDialog.header)"
     @close="sqlDialog.show = false"
     @confirm="onOkSql"
+    :confirmBtn="$t('确认')"
+    :cancelBtn="$t('取消')"
   >
     <div style="max-height: 450px; padding: 8px">
       <div class="form-item mt-8">
-        <label>{{$t('sql数据源')}}</label>
+        <label>sql {{$t('数据源')}}</label>
         <t-select v-model="sqlDialog.sql.dbid" :placeholder="$t('请选择数据源')">
           <t-option
             v-for="sql in sqlList"
@@ -975,7 +977,7 @@
         </t-select>
       </div>
       <div class="form-item mt-8">
-        <label>{{$t('sql轮询间隔')}}</label>
+        <label>sql {{$t('轮询间隔')}}</label>
         <t-input-number
           theme="column"
           v-model="sqlDialog.sql.interval"
@@ -990,7 +992,7 @@
         </t-select>
       </div>
       <div class="form-item mt-8">
-        <label>{{$t('sql语句')}}</label>
+        <label>sql {{$t('语句')}}</label>
         <CodeEditor
           :json="false"
           :language="'sql'"
@@ -1037,6 +1039,8 @@
     :header="$t(iotDialog.header)"
     @close="iotDialog.show = false"
     @confirm="onOkIot"
+    :confirmBtn="$t('确认')"
+    :cancelBtn="$t('取消')"
   >
     <!-- <t-input
       v-model="iotSearch"
@@ -1505,7 +1509,7 @@ const selectIot = (protocol: any) => {
 
 const addSql = async () => {
   sqlList.value = await getSqlSourceList();
-  sqlDialog.header = '添加sql数据源';
+  sqlDialog.header = $t('添加sql数据源');
   sqlDialog.show = true;
   sqlDialog.edit = false;
   sqlDialog.sql = {
@@ -1571,7 +1575,7 @@ const sqlDialog = reactive<any>({
   show: false,
   edit: false,
   index: -1,
-  header: '添加sql数据源',
+  header: $t('添加sql数据源'),
   sql: {
     interval: undefined,
     sql: '',
@@ -2173,7 +2177,7 @@ const editNetwork = (network: any, index: number) => {
   networkDialog.network = JSON.parse(JSON.stringify(data.networks[index]));
   networkDialog.editNetwork = 2;
   networkDialog.editNetworkIndex = index;
-  networkDialog.header = `编辑${networkDialog.network.protocol}数据源`;
+  networkDialog.header = `${$t('编辑')} ${networkDialog.network.protocol}${$t('数据源')}`;
   networkDialog.show = true;
 };
 
@@ -2201,7 +2205,7 @@ const addNetwork = (protocol:string) => {
     networkDialog.network.options = {protocols:''}
   }
   networkDialog.editNetwork = 1;
-  networkDialog.header = `添加${protocol}数据源`;
+  networkDialog.header = `${$t('添加')} ${protocol} ${$t('数据源')}`;
   networkDialog.show = true;
 };
 

src/views/components/FileProps.vue

@@ -62,7 +62,7 @@
               </t-tooltip>
               <t-tooltip
                v-if="data.grid"
-                content="网格自动对齐"
+                :content="$t('网格自动对齐')"
                 placement="top"
               >
                 <t-checkbox

src/views/components/Header.vue

@@ -238,7 +238,7 @@
           v-for="item in enterprise.helps_v"
           :divider="item.divider"
         >
-          <a :href="item.url" target="_blank">{{ item.name }}</a>
+          <a :href="item.url" target="_blank">{{ $t(item.name) }}</a>
         </t-dropdown-item>
       </t-dropdown-menu>
     </t-dropdown>

src/views/components/PenAnimates.vue

@@ -79,9 +79,9 @@
             </div>
             <section v-if="item.lineAnimateType===5">
               <div class="form-item mt-8">
-                <label>图形类型</label>
+                <label>{{$t('图形类型')}}</label>
                 <t-tabs v-model="item.lineAnimateTargetType">
-                  <t-tab-panel :value="0" label="图片">
+                  <t-tab-panel :value="0" :label="$t('图片')">
                     <div class="mt-8">
                       <t-upload
                           class="ml-8"
@@ -100,7 +100,7 @@
                     </div>
 
                   </t-tab-panel>
-                  <t-tab-panel :value="1" label="图标">
+                  <t-tab-panel :value="1" :label="$t('图标')">
                     <div class="mt-8">
                     <t-color-picker
                         class="w-full"
@@ -121,24 +121,24 @@
                       {{ pen.lineAnimateIcon }}
                     </i>
                     <a class="ml-12 mt-4" @click="showIconDrawer = true">
-                      选择
+                      {{$t('选择')}}
                     </a>
                     <t-drawer
                         v-model:visible="showIconDrawer"
-                        header="选择图标"
+                        :header="$t('选择图标')"
                         :footer="null"
                     >
                       <Iconfonts :urls="data.iconUrls" @change="onChangeIcon" />
                     </t-drawer>
                     </div>
                   </t-tab-panel>
-                  <t-tab-panel :value="2" label="图元">
+                  <t-tab-panel :value="2" :label="$t('图元')">
                     <div
                         class="form-item mt-8 mb-8"
                     >
                       <t-radio-group class="ml-8" v-model="item.temType" @change="item.nextAnimate = ''">
-                        <t-radio value="id">图元</t-radio>
-                        <t-radio value="tag">组</t-radio>
+                        <t-radio value="id">{{$t('图元')}}</t-radio>
+                        <t-radio value="tag">{{$t('组')}}</t-radio>
                       </t-radio-group>
                     </div>
                     <t-tree-select
@@ -146,18 +146,18 @@
                         v-model="item.lineAnimatePens"
                         :data="penTree"
                         filterable
-                        placeholder="无"
+                        :placeholder="$t('无')"
                     />
                     <t-select
                         v-else
                         v-model="item.lineAnimatePens"
                         :options="groups"
-                        placeholder="组"
+                        :placeholder="$t('组')"
                     />
                   </t-tab-panel>
-                  <t-tab-panel :value="3" label="代码">
+                  <t-tab-panel :value="3" :label="$t('代码')">
                     <div class="mt-8">
-                      <t-select v-model="item.lineAnimateElement" placeholder="请选择你的图形类型">
+                      <t-select v-model="item.lineAnimateElement" :placeholder="$t('请选择你的图形类型')">
                         <t-option v-for="item in drawFuncDialog.animateList" :key="item.label" :value="item.value">
                           <div style="display: flex;justify-content: space-between;align-items: center;">
                             <span>{{ item.label }}</span>
@@ -170,7 +170,7 @@
                         <template #panelBottomContent>
                           <div class="select-panel-footer">
                             <t-button theme="primary" variant="text" block @click="editeLineAnimateDraw($event)"
-                            >新增选项</t-button
+                            >{{$t('新增选项')}}</t-button
                             >
                           </div>
                         </template>
@@ -181,22 +181,22 @@
               </div>
 
               <div class="form-item mt-8">
-                <label>元素宽度</label>
+                <label>{{$t('元素宽度')}}</label>
                 <t-input-number
                     theme="column"
                     :min="1"
-                    placeholder="单位像素，默认10px"
+                    :placeholder="$t('单位像素，默认10px')"
                     v-model="item.lineAnimateElementWidth"
                     @change="changeValue(i)"
                 ></t-input-number>
               </div>
 
               <div class="form-item mt-8">
-                <label>元素高度</label>
+                <label>{{$t('元素高度')}}</label>
                 <t-input-number
                     theme="column"
                     :min="1"
-                    placeholder="单位像素，默认10px"
+                    :placeholder="$t('单位像素，默认10px')"
                     v-model="item.lineAnimateElementHeight"
                     @change="changeValue(i)"
                 ></t-input-number>
@@ -204,29 +204,29 @@
 
 
               <div class="form-item mt-8">
-                <label>间隔</label>
+                <label>{{$t('间隔')}}</label>
                 <t-input
                     v-model="item.lineAnimateDash"
-                    placeholder="请输入间隔,例如 10,20"
+                    :placeholder="$t('请输入间隔,例如 10,20')"
                 >
                 </t-input>
 
               </div>
               <div class="form-item mt-8">
-                <label>元素数量</label>
+                <label>{{$t('元素数量')}}</label>
                 <t-input-number
                     v-model="item.lineAnimateElementCount"
                     theme="column"
                     :min="1"
-                    placeholder="无限"
-                    title="缺省无限个"
+                    :placeholder="$t('无限')"
+                    :placeholder="$t('缺省无限个')"
                     @change="changeValue(i)"
                 />
               </div>
 
             </section>
             <div class="form-item mt-8">
-              <label>时间函数</label>
+              <label>{{$t('时间函数')}}</label>
               <t-switch
                 class="ml-8 mt-8"
                 size="small"
@@ -235,7 +235,7 @@
               ></t-switch>
             </div>
             <div class="form-item mt-8" v-if="!item.curveAnimate">
-              <label>运动速度</label>
+              <label>{{$t('运动速度')}}</label>
               <t-slider
                 class="ml-12"
                 v-model="item.animateSpan"
@@ -247,18 +247,18 @@
             </div>
             <section v-else>
               <div class="form-item mt-8">
-                <label>动画时长</label>
+                <label>{{$t('动画时长')}}</label>
                 <t-input-number
                     theme="column"
                     :min="1"
-                    placeholder="单位秒，默认5秒"
+                    :placeholder="$t('单位秒，默认5秒')"
                     v-model="item.duration"
                     @change="changeValue(i)"
                 ></t-input-number>
               </div>
 
               <div class="form-item mt-8">
-                <label>时间曲线</label>
+                <label>{{$t('时间曲线')}}</label>
 
                 <BezierEditor
                     style="width: 200px"