feat: i18n

Author: wxg0103

ui/src/locales/lang/en_US/views/application-overview.ts

@@ -57,13 +57,41 @@ export default {
       timesDays: 'Times/Day',
       whitelistLabel: 'Whitelist',
       whitelistPlaceholder:
-        'Please enter allowed third-party source addresses, one per line, such as:\nhttp://127.0.0.1:5678\nhttps://dataease.io',
+        'Please enter allowed third-party source addresses, one per line, such as:\nhttp://127.0.0.1:5678\nhttps://dataease.io'
     },
     SettingAPIKeyDialog: {
       dialogTitle: 'Settings',
       allowCrossDomainLabel: 'Allow Cross-Domain Address',
       crossDomainPlaceholder:
-        'Please enter allowed cross-domain addresses, if open without inputting addresses, there are no restrictions.\nCross-domain addresses one per line, such as:\nhttp://127.0.0.1:5678\nhttps://dataease.io',
+        'Please enter allowed cross-domain addresses, if open without inputting addresses, there are no restrictions.\nCross-domain addresses one per line, such as:\nhttp://127.0.0.1:5678\nhttps://dataease.io'
+    },
+    SettingDisplayDialog: {
+      dialogTitle: 'Display Settings',
+      showSourceLabel: 'Show Source',
+      showExecutionDetail: 'Show Execution Detail',
+      successMessage: 'Settings Successful',
+      restoreDefault: 'Restore Default',
+      customThemeColor: 'Custom Theme Color',
+      headerTitleFontColor: 'Header Title Font Color',
+      default: 'Default',
+      askUserAvatar: 'Ask User Avatar',
+      replace: 'Replace',
+      imageMessage: 'Suggested size 32*32, supports jpg, png, gif, size no more than 10 MB',
+      AIAvatar: 'AI Reply Avatar',
+      floatIcon: 'Floating Icon',
+      iconDefaultPosition: 'Icon Default Position',
+      iconPosition: {
+        left: 'Left',
+        right: 'Right',
+        bottom: 'Bottom',
+        top: 'Top'
+      },
+      draggablePosition: 'Draggable Position',
+      showHistory: 'Show History',
+      displayGuide: 'Display guide image (floating window mode)',
+      disclaimer: 'Disclaimer',
+      disclaimerValue:
+        '「The above content is generated by AI and is for reference and reference only.」'
     }
   },
   monitor: {

ui/src/locales/lang/zh_CN/views/application-overview.ts

@@ -56,14 +56,41 @@ export default {
       authenticationValue: '验证密码',
       whitelistLabel: '白名单',
       whitelistPlaceholder:
-        '请输入允许嵌入第三方的源地址，一行一个，如：\nhttp://127.0.0.1:5678\nhttps://dataease.io',
+        '请输入允许嵌入第三方的源地址，一行一个，如：\nhttp://127.0.0.1:5678\nhttps://dataease.io'
     },
     SettingAPIKeyDialog: {
       dialogTitle: '设置',
       allowCrossDomainLabel: '允许跨域地址',
       crossDomainPlaceholder:
         '请输入允许的跨域地址，开启后不输入跨域地址则不限制。\n跨域地址一行一个，如：\nhttp://127.0.0.1:5678 \nhttps://dataease.io',
       successMessage: '设置成功'
+    },
+    SettingDisplayDialog: {
+      dialogTitle: '显示设置',
+      showSourceLabel: '显示知识来源',
+      showExecutionDetail: '显示执行详情',
+      successMessage: '设置成功',
+      restoreDefault: '恢复默认',
+      customThemeColor: '自定义主题色',
+      headerTitleFontColor: '头部标题字体颜色',
+      default: '默认',
+      askUserAvatar: '提问用户头像',
+      replace: '替换',
+      imageMessage: '建议尺寸 32*32，支持 JPG、PNG、GIF，大小不超过 10 MB',
+      AIAvatar: 'AI 回复头像',
+      floatIcon: '浮窗入口图标',
+      iconDefaultPosition: '图标默认位置',
+      iconPosition: {
+        left: '左',
+        right: '右',
+        bottom: '下',
+        top: '上'
+      },
+      draggablePosition: '可拖拽位置',
+      showHistory: '显示历史记录',
+      displayGuide: '显示引导图(浮窗模式)',
+      disclaimer: '免责声明',
+      disclaimerValue: '「以上内容均由 AI 生成，仅供参考和借鉴」'
     }
   },
   monitor: {

ui/src/views/application-overview/component/DisplaySettingDialog.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dialog
-    title="显示设置"
+    :title="$t('views.applicationOverview.appInfo.DisplaySettingDialog.dialogTitle')"
     v-model="dialogVisible"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
@@ -10,16 +10,18 @@
         <el-space direction="vertical" alignment="start">
           <el-checkbox
             v-model="form.show_source"
-            :label="isWorkFlow(detail.type) ? '显示执行详情' : '显示知识来源'"
+            :label="
+              isWorkFlow(detail.type)
+                ? $t('views.applicationOverview.appInfo.DisplaySettingDialog.showExecutionDetail')
+                : $t('views.applicationOverview.appInfo.DisplaySettingDialog.showSourceLabel')
+            "
           />
         </el-space>
       </el-form-item>
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click.prevent="dialogVisible = false"
-          >{{ $t('common.cancel') }}
-        </el-button>
+        <el-button @click.prevent="dialogVisible = false">{{ $t('common.cancel') }} </el-button>
         <el-button type="primary" @click="submit(displayFormRef)" :loading="loading">
           {{ $t('common.save') }}
         </el-button>
@@ -43,7 +45,6 @@ const {
 
 const emit = defineEmits(['refresh'])
 
-
 const displayFormRef = ref()
 const form = ref<any>({
   show_source: false