feat: Simultaneously export the source file style(#6137)

Author: wangdan-fit2cloud

ui/src/locales/lang/en-US/views/document.ts

@@ -17,6 +17,9 @@ export default {
   },
 
   tip: {
+    exportSimultaneously: 'Export Source Files',
+    exportSimultaneouslyTip:
+      'By checking this option, the original files will be packaged together with the ZIP file, allowing automatic restoration of file associations upon import; if unchecked, only the text content will be exported.',
     saveMessage: 'Current changes have not been saved. Confirm exit?',
     cancelSuccess: 'Successful',
     sendMessage: 'Successful',

ui/src/locales/lang/zh-CN/views/document.ts

@@ -17,6 +17,8 @@ export default {
     replace: '替换原文档',
   },
   tip: {
+    exportSimultaneously: '同时导出源文件',
+    exportSimultaneouslyTip:'勾选后将原始文件一并打包至ZIP，导入时可自动恢复文件关联；不勾选则仅导出文本内容。',
     saveMessage: '当前的更改尚未保存，确认退出吗?',
     cancelSuccess: '批量取消成功',
     sendMessage: '发送成功',

ui/src/locales/lang/zh-Hant/views/document.ts

@@ -16,6 +16,9 @@ export default {
     replace: '替換原文件',
   },
   tip: {
+    exportSimultaneously: '同時匯出源文件',
+    exportSimultaneouslyTip:
+      '勾選後將原始文件一併打包至ZIP，匯入時可自動恢復文件關聯；不勾選則僅匯出文本內容。',
     saveMessage: '當前的更改尚未保存，確認退出嗎?',
     cancelSuccess: '批量取消成功',
     sendMessage: '發送成功',

ui/src/views/knowledge/component/ExportKnowledgeDialog.vue

@@ -1,18 +1,19 @@
 <template>
   <el-dialog
     v-model="dialogVisible"
-    :title="$t('components.selectParagraph.title')"
+    :title="$t('views.document.setting.exportKnowledge')"
     :before-close="close"
     width="450"
   >
-    <el-checkbox v-model="with_source_file" label="同时导出源文件"/>
-    <div>
-      勾选后将原始文件一并打包至ZIP，导入时可自动恢复文件关联；不勾选则仅导出文本内容
-    </div>
+    <el-checkbox v-model="with_source_file" style="align-items: start; min-height: 60px;">
+      <p class="bold mb-8">同时导出源文件</p>
+      <p class="color-secondary pre-wrap line-height-22">勾选后将原始文件一并打包至ZIP，导入时可自动恢复文件关联；不勾选则仅导出文本内容。</p>
+    </el-checkbox>
+
     <template #footer>
       <div class="dialog-footer">
         <el-button @click="close">{{ $t('common.cancel') }} </el-button>
-        <el-button type="primary" @click="submit"> {{ $t('common.submit') }} </el-button>
+        <el-button type="primary" @click="submit"> {{ $t('common.confirm') }} </el-button>
       </div>
     </template>
   </el-dialog>

ui/src/views/system-setting/authentication/component/OIDC.vue

@@ -37,10 +37,10 @@
             />
           </el-form-item>
           <el-form-item label="Scope" prop="config.scope">
-            <el-input v-model="form.config.scope" placeholder="openid+profile+email "/>
+            <el-input v-model="form.config.scope" placeholder="openid+profile+email " />
           </el-form-item>
           <el-form-item label="State" prop="config.state">
-            <el-input v-model="form.config.state" placeholder=""/>
+            <el-input v-model="form.config.state" placeholder="" />
           </el-form-item>
           <el-form-item
             :label="$t('views.system.authentication.oidc.clientId')"
@@ -81,18 +81,19 @@
           </el-form-item>
           <el-form-item>
             <el-checkbox v-model="form.is_active"
-            >{{ $t('views.system.authentication.oidc.enableAuthentication') }}
+              >{{ $t('views.system.authentication.oidc.enableAuthentication') }}
             </el-checkbox>
           </el-form-item>
         </el-form>
 
         <div>
-          <el-button @click="submit(authFormRef)" type="primary" :disabled="loading"
-                     v-hasPermission="
-                      new ComplexPermission(
-                        [RoleConst.ADMIN],
-                        [PermissionConst.LOGIN_AUTH_EDIT],
-                        [],'OR',)"
+          <el-button
+            @click="submit(authFormRef)"
+            type="primary"
+            :disabled="loading"
+            v-hasPermission="
+              new ComplexPermission([RoleConst.ADMIN], [PermissionConst.LOGIN_AUTH_EDIT], [], 'OR')
+            "
           >
             {{ $t('common.save') }}
           </el-button>
@@ -102,13 +103,13 @@
   </div>
 </template>
 <script setup lang="ts">
-import {reactive, ref, watch, onMounted} from 'vue'
+import { reactive, ref, watch, onMounted } from 'vue'
 import authApi from '@/api/system-settings/auth-setting'
-import type {FormInstance, FormRules} from 'element-plus'
-import {t} from '@/locales'
-import {MsgSuccess} from '@/utils/message'
-import {PermissionConst, RoleConst} from '@/utils/permission/data'
-import {ComplexPermission} from '@/utils/permission/type'
+import type { FormInstance, FormRules } from 'element-plus'
+import { t } from '@/locales'
+import { MsgSuccess } from '@/utils/message'
+import { PermissionConst, RoleConst } from '@/utils/permission/data'
+import { ComplexPermission } from '@/utils/permission/type'
 
 const form = ref<any>({
   id: '',
@@ -122,9 +123,9 @@ const form = ref<any>({
     clientId: '',
     clientSecret: '',
     fieldMapping: '{"username": "preferred_username", "email": "email"}',
-    redirectUrl: ''
+    redirectUrl: '',
   },
-  is_active: true
+  is_active: true,
 })
 
 const authFormRef = ref()
@@ -136,65 +137,65 @@ const rules = reactive<FormRules<any>>({
     {
       required: true,
       message: t('views.system.authentication.oidc.authEndpointPlaceholder'),
-      trigger: 'blur'
-    }
+      trigger: 'blur',
+    },
   ],
   'config.tokenEndpoint': [
     {
       required: true,
       message: t('views.system.authentication.oidc.tokenEndpointPlaceholder'),
-      trigger: 'blur'
-    }
+      trigger: 'blur',
+    },
   ],
   'config.userInfoEndpoint': [
     {
       required: true,
       message: t('views.system.authentication.oidc.userInfoEndpointPlaceholder'),
-      trigger: 'blur'
-    }
+      trigger: 'blur',
+    },
   ],
   'config.scope': [
     {
       required: true,
       message: t('views.system.authentication.oidc.scopePlaceholder'),
-      trigger: 'blur'
-    }
+      trigger: 'blur',
+    },
   ],
   'config.clientId': [
     {
       required: true,
       message: t('views.system.authentication.oidc.clientIdPlaceholder'),
-      trigger: 'blur'
-    }
+      trigger: 'blur',
+    },
   ],
   'config.clientSecret': [
     {
       required: true,
       message: t('views.system.authentication.oidc.clientSecretPlaceholder'),
-      trigger: 'blur'
-    }
+      trigger: 'blur',
+    },
   ],
   'config.fieldMapping': [
     {
       required: true,
       message: t('views.system.authentication.oauth2.filedMappingPlaceholder'),
-      trigger: 'blur'
-    }
+      trigger: 'blur',
+    },
   ],
   'config.redirectUrl': [
     {
       required: true,
       message: t('views.system.authentication.oidc.redirectUrlPlaceholder'),
-      trigger: 'blur'
-    }
+      trigger: 'blur',
+    },
   ],
   'config.logoutEndpoint': [
     {
       required: true,
       message: t('views.system.authentication.oidc.logoutEndpointPlaceholder'),
-      trigger: 'blur'
-    }
-  ]
+      trigger: 'blur',
+    },
+  ],
 })
 
 const submit = async (formEl: FormInstance | undefined, test?: string) => {
@@ -212,16 +213,13 @@ function getDetail() {
   authApi.getAuthSetting(form.value.auth_type, loading).then((res: any) => {
     if (res.data && JSON.stringify(res.data) !== '{}') {
       form.value = res.data
-      if (
-        form.value.config.fieldMapping === '' ||
-        form.value.config.fieldMapping === undefined
-      ) {
+      if (form.value.config.fieldMapping === '' || form.value.config.fieldMapping === undefined) {
         form.value.config.fieldMapping = '{"username": "preferred_username", "email": "email"}'
       }
     }
     if (!form.value.config.redirectUrl) {
-        form.value.config.redirectUrl = window.location.origin + window.MaxKB.prefix + '/api/oidc'
-      }
+      form.value.config.redirectUrl = window.location.origin + window.MaxKB.prefix + '/api/oidc'
+    }
   })
 }