From 42aa600c2f555be3940ce6807078b9df86266503 Mon Sep 17 00:00:00 2001
From: digua <i@digua.me>
Date: Fri, 10 Apr 2026 01:14:28 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96footer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/home/components/HomeFooter.vue | 54 +++++++++---------------
 src/types/sidebar.ts                     | 49 ---------------------
 src/utils/chatlabSiteLocale.ts           | 13 +++++-
 3 files changed, 31 insertions(+), 85 deletions(-)
 delete mode 100644 src/types/sidebar.ts

diff --git a/src/pages/home/components/HomeFooter.vue b/src/pages/home/components/HomeFooter.vue
index 56fed8dc..9675daf7 100644
--- a/src/pages/home/components/HomeFooter.vue
+++ b/src/pages/home/components/HomeFooter.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { getChatlabSiteLocalePath } from '@/utils/chatlabSiteLocale'
+import { getChatlabSiteLocalePath, getChatlabSiteLangQuery } from '@/utils/chatlabSiteLocale'
 
 const emit = defineEmits<{
   openChangelog: []
@@ -37,7 +37,7 @@ function getDefaultLinks(): FooterLink[] {
       id: 'website',
       icon: 'i-heroicons-globe-alt',
       title: t('home.footer.website'),
-      url: `https://chatlab.fun${getChatlabSiteLocalePath(locale.value) ? `/${getChatlabSiteLocalePath(locale.value)}` : ''}/`,
+      url: `https://chatlab.fun${getChatlabSiteLangQuery(locale.value)}`,
     },
     {
       id: 'github',
@@ -62,33 +62,21 @@ function getDefaultLinks(): FooterLink[] {
 
 const footerLinks = ref<FooterLink[]>(getDefaultLinks())
 
-// 社交链接配置
-interface SocialConfig {
-  xiaohongshu?: { show: boolean; url: string }
-  x?: { show: boolean; url: string }
+// 社交链接配置（由远程配置 socialData 直接提供）
+interface SocialData {
+  show: boolean
+  name: string
+  url: string
 }
 
-const socialConfig = ref<SocialConfig>({})
+const socialData = ref<SocialData | null>(null)
 
-// 根据语言获取社交链接
 const socialLink = computed(() => {
-  const isChinese = locale.value.startsWith('zh')
-
-  if (isChinese && socialConfig.value.xiaohongshu?.show) {
-    return {
-      title: '小红书',
-      url: socialConfig.value.xiaohongshu.url,
-    }
+  if (!socialData.value?.show || !socialData.value.url) return null
+  return {
+    title: socialData.value.name,
+    url: socialData.value.url,
   }
-
-  if (!isChinese && socialConfig.value.x?.show) {
-    return {
-      title: 'X',
-      url: socialConfig.value.x.url,
-    }
-  }
-
-  return null
 })
 
 /**
@@ -112,12 +100,12 @@ function loadCachedExtraLinks(): FooterLink[] | null {
 /**
  * 从 localStorage 加载缓存的社交配置
  */
-function loadCachedSocialConfig(): SocialConfig | null {
+function loadCachedSocialConfig(): SocialData | null {
   try {
     const cached = localStorage.getItem(storageKey.value)
     if (cached) {
       const config = JSON.parse(cached)
-      return config.social || null
+      return (config.socialData as SocialData) || null
     }
   } catch (error) {
     // 缓存损坏时降级为默认社交配置，保证页面功能可用。
@@ -130,8 +118,7 @@ function loadCachedSocialConfig(): SocialConfig | null {
  * 获取远程配置
  * 注意：此配置包含多个用途的数据，如：
  * - homeFooterExtraLinks: 首页 Footer 额外链接
- * - footerLinkConfig: Sidebar Footer 链接配置
- * - social: 社交链接配置（xiaohongshu, x）
+ * - socialData: 社交链接配置（show, name, url）
  * - aiTips: AI 模型配置提示
  */
 async function fetchConfig(): Promise<void> {
@@ -142,15 +129,14 @@ async function fetchConfig(): Promise<void> {
   }
 
   // 加载缓存的社交配置
-  const cachedSocial = loadCachedSocialConfig()
-  if (cachedSocial) {
-    socialConfig.value = cachedSocial
+  const cachedSocialData = loadCachedSocialConfig()
+  if (cachedSocialData) {
+    socialData.value = cachedSocialData
   }
 
   try {
     const result = await window.api.app.fetchRemoteConfig(configUrl.value)
     if (!result.success || !result.data) return
-
     const config = result.data as Record<string, unknown>
     // 保存整个配置对象（带语言后缀，用于 Footer）
     localStorage.setItem(storageKey.value, JSON.stringify(config))
@@ -163,8 +149,8 @@ async function fetchConfig(): Promise<void> {
     }
 
     // 更新社交配置
-    if (config.social) {
-      socialConfig.value = config.social as SocialConfig
+    if (config.socialData) {
+      socialData.value = config.socialData as SocialData
     }
   } catch (error) {
     // 远程配置拉取失败时保留当前（默认或缓存）状态，避免打断用户使用。
diff --git a/src/types/sidebar.ts b/src/types/sidebar.ts
deleted file mode 100644
index 0160f8b4..00000000
--- a/src/types/sidebar.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * 侧边栏 Footer 链接配置类型
- */
-
-/**
- * 链接类型
- * - link: 普通外链
- */
-export type FooterLinkType = 'link'
-
-/**
- * Footer 链接配置项
- */
-export interface FooterLinkConfig {
-  /** 唯一标识 */
-  id: string
-  /** 图标名称（支持 iconify 或 brand:xxx） */
-  icon: string
-  /** 标题 */
-  title: string
-  /** 副标题/描述 */
-  subtitle: string
-  /** 链接类型 */
-  type: FooterLinkType
-  /** 链接地址 */
-  url: string
-}
-
-/**
- * 默认的 Footer 链接配置
- */
-export const defaultFooterLinks: FooterLinkConfig[] = [
-  {
-    id: 'website',
-    icon: 'heroicons:globe-alt',
-    title: '官网',
-    subtitle: '下载最新版客户端',
-    type: 'link',
-    url: 'https://chatlab.fun/cn/',
-  },
-  {
-    id: 'github',
-    icon: 'brand:github',
-    title: 'Github',
-    subtitle: '提交 Issue，反馈 BUG',
-    type: 'link',
-    url: 'https://github.com/hellodigua/ChatLab',
-  },
-]
diff --git a/src/utils/chatlabSiteLocale.ts b/src/utils/chatlabSiteLocale.ts
index 6611a3b3..a069084c 100644
--- a/src/utils/chatlabSiteLocale.ts
+++ b/src/utils/chatlabSiteLocale.ts
@@ -1,13 +1,22 @@
 const LOCALE_PATH_MAP: Record<string, string> = {
   'en-US': 'en',
-  'zh-TW': 'zh-TW',
+  'zh-CN': 'cn',
+  'zh-TW': 'tw',
   'ja-JP': 'ja',
 }
 
 /**
  * 将应用 locale 转为 chatlab.fun 站点的路径前缀。
- * zh-CN 为默认语言，返回空字符串（无前缀）。
  */
 export function getChatlabSiteLocalePath(locale: string): string {
   return LOCALE_PATH_MAP[locale] ?? ''
 }
+
+/**
+ * 官网跳转统一使用根路径，并通过 query 传递语言参数。
+ * 例如：?lang=cn / ?lang=en
+ */
+export function getChatlabSiteLangQuery(locale: string): string {
+  const lang = LOCALE_PATH_MAP[locale]
+  return lang ? `?lang=${lang}` : ''
+}