feat: set user default chat model

Signed-off-by: BobDu <i@bobdu.cc>

Author: BobDu

src/components/common/Setting/General.vue

@@ -1,17 +1,19 @@
 <script lang="ts" setup>
 import { computed, ref } from 'vue'
-import { NButton, NInput, NPopconfirm, NSelect, useMessage } from 'naive-ui'
+import { NButton, NDivider, NInput, NPopconfirm, NSelect, useMessage } from 'naive-ui'
+import { UserConfig } from '@/components/common/Setting/model'
 import type { Language, Theme } from '@/store/modules/app/helper'
 import { SvgIcon } from '@/components/common'
-import { useAppStore, useUserStore } from '@/store'
+import { useAppStore, useAuthStore, useUserStore } from '@/store'
 import type { UserInfo } from '@/store/modules/user/helper'
 import { getCurrentDate } from '@/utils/functions'
 import { useBasicLayout } from '@/hooks/useBasicLayout'
 import { t } from '@/locales'
-import { fetchClearAllChat } from '@/api'
+import { fetchClearAllChat, fetchUpdateUserChatModel } from '@/api'
 
 const appStore = useAppStore()
 const userStore = useUserStore()
+const authStore = useAuthStore()
 
 const { isMobile } = useBasicLayout()
 
@@ -66,6 +68,14 @@ async function updateUserInfo(options: Partial<UserInfo>) {
   ms.success(t('common.success'))
 }
 
+async function updateUserChatModel(chatModel: string) {
+  if (!userStore.userInfo.config)
+    userStore.userInfo.config = new UserConfig()
+  userStore.userInfo.config.chatModel = chatModel
+  userStore.recordState()
+  await fetchUpdateUserChatModel(chatModel)
+}
+
 function exportData(): void {
   const date = getCurrentDate()
   const data: string = localStorage.getItem('chatStorage') || '{}'
@@ -138,6 +148,25 @@ function handleImportButtonClick(): void {
           <NInput v-model:value="avatar" placeholder="" />
         </div>
       </div>
+      <div class="flex items-center space-x-4">
+        <span class="flex-shrink-0 w-[100px]">{{ $t('setting.saveUserInfo') }}</span>
+        <NButton type="primary" @click="updateUserInfo({ avatar, name, description })">
+          {{ $t('common.save') }}
+        </NButton>
+      </div>
+      <NDivider />
+      <div class="flex items-center space-x-4">
+        <span class="flex-shrink-0 w-[100px]">{{ $t('setting.defaultChatModel') }}</span>
+        <div class="w-[200px]">
+          <NSelect
+            style="width: 200px"
+            :value="userInfo.config.chatModel"
+            :options="authStore.session?.chatModels"
+            :disabled="!!authStore.session?.auth && !authStore.token"
+            @update-value="(val) => updateUserChatModel(val)"
+          />
+        </div>
+      </div>
       <div
         class="flex items-center space-x-4"
         :class="isMobile && 'items-start'"
@@ -200,12 +229,6 @@ function handleImportButtonClick(): void {
           />
         </div>
       </div>
-      <div class="flex items-center space-x-4">
-        <span class="flex-shrink-0 w-[100px]">{{ $t('setting.saveUserInfo') }}</span>
-        <NButton type="primary" @click="updateUserInfo({ avatar, name, description })">
-          {{ $t('common.save') }}
-        </NButton>
-      </div>
     </div>
   </div>
 </template>

src/locales/en-US.ts

@@ -142,6 +142,7 @@ export default {
     userRoles: 'User Role',
     status: 'Status',
     chatModels: 'Chat Models',
+    defaultChatModel: 'Default Chat Model',
     remark: 'Remark',
     email: 'Email',
     password: 'Password',

src/locales/ko-KR.ts

@@ -140,6 +140,7 @@ export default {
     userRoles: 'User Role',
     status: 'Status',
     chatModels: 'Chat Models',
+    defaultChatModel: '기본 대화 모델',
     remark: 'Remark',
     email: 'Email',
     password: 'Password',

src/locales/zh-CN.ts

@@ -142,6 +142,7 @@ export default {
     userRoles: '用户权限',
     status: '状态',
     chatModels: '对话模型',
+    defaultChatModel: '默认对话模型',
     remark: '备注',
     email: '电子邮箱',
     password: '密码',

src/locales/zh-TW.ts

@@ -142,6 +142,7 @@ export default {
     userRoles: '用戶權限',
     status: '狀態',
     chatModels: '對話模型',
+    defaultChatModel: '預設對話模型',
     remark: '備註',
     email: '電子郵箱',
     password: '密碼',