From e09d41b379d5bfed77a478716a88b6ce0ee8f797 Mon Sep 17 00:00:00 2001
From: Junki <fangjunjievip@hotmail.com>
Date: Tue, 30 Apr 2024 11:08:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=99=BA=E8=B0=B1AI=E5=A4=A7?=
 =?UTF-8?q?=E6=A8=A1=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/App.vue                       | 11 +++++------
 .../views/welcome-page/WelcomePage.vue         | 18 ++++++++++++++++--
 2 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/App.vue b/src/renderer/src/App.vue
index 769f426..b9885f5 100644
--- a/src/renderer/src/App.vue
+++ b/src/renderer/src/App.vue
@@ -40,7 +40,7 @@ const arcoDesignLocales = {
 }
 
 const data = reactive({
-  isLoad: false,
+  isWelcomeFinish: false,
   sidebarConfig: [
     {
       name: 'chat',
@@ -81,7 +81,7 @@ const data = reactive({
   ] as { name: PageName; icon: string }[],
   alivePages: ['chat'] as PageName[]
 })
-const { isLoad, sidebarConfig, alivePages } = toRefs(data)
+const { isWelcomeFinish, sidebarConfig, alivePages } = toRefs(data)
 
 // 主题设置监听
 let stopDarkThemeListener: any = null
@@ -162,9 +162,8 @@ onMounted(() => {
   locale.value = settingStore.app.locale
   // 刷新 dayKey，用于更具日期自动刷新组件
   systemStore.startDayKeyInterval()
-  // 显示主界面，防止夜间主题从白色闪烁到黑色
+  // 延迟监听加载状态
   setTimeout(() => {
-    data.isLoad = true
     watchLoading()
   }, 3000)
 })
@@ -173,8 +172,8 @@ onMounted(() => {
 <template>
   <a-config-provider :locale="arcoDesignLocal">
     <!-- 欢迎页 -->
-    <WelcomePage v-if="!isLoad" />
-    <div class="app fade-in-from" :class="{ 'fade-in-to': isLoad }">
+    <WelcomePage v-if="!isWelcomeFinish" v-model:finish="isWelcomeFinish" />
+    <div class="app fade-in-from" :class="{ 'fade-in-to': isWelcomeFinish }">
       <!-- 侧边栏 -->
       <div class="app-sidebar drag-area">
         <div :class="{ 'app-sidebar-avatar-macos': getPlatform().isMacOS }">
diff --git a/src/renderer/src/components/views/welcome-page/WelcomePage.vue b/src/renderer/src/components/views/welcome-page/WelcomePage.vue
index 65436dd..360b249 100644
--- a/src/renderer/src/components/views/welcome-page/WelcomePage.vue
+++ b/src/renderer/src/components/views/welcome-page/WelcomePage.vue
@@ -3,8 +3,20 @@ import AssistantAvatar from '@renderer/components/avatar/AssistantAvatar.vue'
 import { simulateThreadWait } from '@renderer/utils/thread-util'
 import { nextTick, onMounted, reactive, toRefs } from 'vue'
 
+const finish = defineModel<boolean>('finish', { default: () => false })
+
 const data = reactive({
-  providers: ['OpenAI', 'Ollama', 'Gemini', 'Tongyi', 'ERNIE', 'Spark', 'Tiangong', 'MoonshotAI'],
+  providers: [
+    'OpenAI',
+    'Ollama',
+    'Gemini',
+    'ZhipuAI',
+    'Tongyi',
+    'ERNIE',
+    'Spark',
+    'Tiangong',
+    'MoonshotAI'
+  ],
   providerShowIndex: -1
 })
 const { providers, providerShowIndex } = toRefs(data)
@@ -16,6 +28,8 @@ onMounted(() => {
       await simulateThreadWait(200)
       providerShowIndex.value++
     }
+    await simulateThreadWait(2000)
+    finish.value = true
   })
 })
 </script>
@@ -48,7 +62,7 @@ onMounted(() => {
   justify-content: center;
 
   .provider-list {
-    width: calc(50px * 4 + 40px * 3);
+    width: calc(50px * 5 + 40px * 4);
     display: flex;
     flex-wrap: wrap;
     gap: 40px;