From c09cd98075a5f07acea216e7cfb16772a2de440b Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Tue, 19 Mar 2024 00:33:59 +0800
Subject: [PATCH] =?UTF-8?q?feat(theme):=20=E6=96=B0=E5=A2=9E=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=A0=8F=E7=A4=BE=E4=BA=A4=E5=9B=BE=E6=A0=87=E8=BF=87?=
 =?UTF-8?q?=E6=BB=A4=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/client/components/Nav/NavBarExtra.vue | 14 +++++++--
 .../components/Nav/NavBarSocialLinks.vue      | 15 ++++++++--
 theme/src/node/defaultOptions.ts              |  1 +
 theme/src/shared/options/locale.ts            | 29 +++++++++++++++++--
 4 files changed, 53 insertions(+), 6 deletions(-)

diff --git a/theme/src/client/components/Nav/NavBarExtra.vue b/theme/src/client/components/Nav/NavBarExtra.vue
index 5a49bca9..f0f20022 100644
--- a/theme/src/client/components/Nav/NavBarExtra.vue
+++ b/theme/src/client/components/Nav/NavBarExtra.vue
@@ -13,6 +13,16 @@ const { localeLinks, currentLang } = useLangs({ correspondingLink: true })
 const hasExtraContent = computed(
   () => theme.value.appearance || theme.value.social,
 )
+
+const social = computed(() => {
+  const includes = theme.value.navbarSocialInclude ?? []
+  if (!includes.length)
+    return theme.value.social
+
+  return theme.value.social?.filter(
+    ({ icon }) => typeof icon === 'string' && includes.includes(icon),
+  )
+})
 </script>
 
 <template>
@@ -41,9 +51,9 @@ const hasExtraContent = computed(
       </div>
     </div>
 
-    <div v-if="theme.social" class="group">
+    <div v-if="social" class="group">
       <div class="item social-links">
-        <SocialLinks class="social-links-list" :links="theme.social" />
+        <SocialLinks class="social-links-list" :links="social" />
       </div>
     </div>
   </Flyout>
diff --git a/theme/src/client/components/Nav/NavBarSocialLinks.vue b/theme/src/client/components/Nav/NavBarSocialLinks.vue
index 9f1f494c..ec972236 100644
--- a/theme/src/client/components/Nav/NavBarSocialLinks.vue
+++ b/theme/src/client/components/Nav/NavBarSocialLinks.vue
@@ -1,15 +1,26 @@
 <script lang="ts" setup>
+import { computed } from 'vue'
 import { useThemeLocaleData } from '../../composables/index.js'
 import SocialLinks from '../SocialLinks.vue'
 
 const theme = useThemeLocaleData()
+
+const social = computed(() => {
+  const includes = theme.value.navbarSocialInclude ?? []
+  if (!includes.length)
+    return theme.value.social
+
+  return theme.value.social?.filter(
+    ({ icon }) => typeof icon === 'string' && includes.includes(icon),
+  )
+})
 </script>
 
 <template>
   <SocialLinks
-    v-if="theme.social"
+    v-if="social"
     class="navbar-social-links"
-    :links="theme.social"
+    :links="social"
   />
 </template>
 
diff --git a/theme/src/node/defaultOptions.ts b/theme/src/node/defaultOptions.ts
index 33f3f5a9..b617e24c 100644
--- a/theme/src/node/defaultOptions.ts
+++ b/theme/src/node/defaultOptions.ts
@@ -51,6 +51,7 @@ export const fallbackLocaleOption: Partial<PlumeThemeLocaleOptions> = {
   article: '/article/',
   notes: { link: '/', dir: 'notes', notes: [] },
   appearance: true,
+  navbarSocialInclude: ['github', 'twitter', 'discord', 'facebook'],
   // page meta
   editLink: true,
   lastUpdated: true,
diff --git a/theme/src/shared/options/locale.ts b/theme/src/shared/options/locale.ts
index 2811ecb5..c7d4302a 100644
--- a/theme/src/shared/options/locale.ts
+++ b/theme/src/shared/options/locale.ts
@@ -19,6 +19,16 @@ export interface PlumeThemeAvatar {
    * 是否显示为圆形头像
    */
   circle?: boolean
+
+  /**
+   * 地理位置
+   */
+  location?: string
+
+  /**
+   * 组织，公司
+   */
+  organization?: string
 }
 
 export interface SocialLink {
@@ -26,7 +36,7 @@ export interface SocialLink {
   link: string
 }
 
-export type SocialLinkIcon =
+export type SocialLinkIconUnion =
   | 'discord'
   | 'facebook'
   | 'github'
@@ -41,7 +51,16 @@ export type SocialLinkIcon =
   | 'qq'
   | 'weibo'
   | 'bilibili'
-  | { svg: string }
+  | 'gitlab'
+  | 'docker'
+  | 'juejin'
+  | 'zhihu'
+  | 'douban'
+  | 'steam'
+  | 'stackoverflow'
+  | 'xbox'
+
+export type SocialLinkIcon = SocialLinkIconUnion | { svg: string }
 
 export interface PlumeThemeBlog {
 
@@ -174,6 +193,12 @@ export interface PlumeThemeLocaleData extends LocaleData {
    */
   social?: SocialLink[]
 
+  /**
+   * 允许显示在导航栏的社交类型
+   * @default - ['github', 'twitter', 'discord', 'facebook']
+   */
+  navbarSocialInclude?: SocialLinkIconUnion[]
+
   /**
    * 博客配置
    */