From 38962bf00db508cb12f08b431880986c99f58ea7 Mon Sep 17 00:00:00 2001
From: Azir <2075125282@qq.com>
Date: Sun, 1 Dec 2024 20:28:16 +0800
Subject: [PATCH] feat(projects): multi language buttons support hiding.

---
 src/layouts/modules/global-header/index.vue           | 7 ++++++-
 src/layouts/modules/theme-drawer/modules/page-fun.vue | 3 +++
 src/locales/langs/en-us.ts                            | 3 +++
 src/locales/langs/zh-cn.ts                            | 3 +++
 src/theme/settings.ts                                 | 3 +++
 src/typings/app.d.ts                                  | 8 ++++++++
 6 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/layouts/modules/global-header/index.vue b/src/layouts/modules/global-header/index.vue
index cd640ba4..c31d67e2 100644
--- a/src/layouts/modules/global-header/index.vue
+++ b/src/layouts/modules/global-header/index.vue
@@ -40,7 +40,12 @@ const { isFullscreen, toggle } = useFullscreen();
     <div class="h-full flex-y-center justify-end">
       <GlobalSearch />
       <FullScreen v-if="!appStore.isMobile" :full="isFullscreen" @click="toggle" />
-      <LangSwitch :lang="appStore.locale" :lang-options="appStore.localeOptions" @change-lang="appStore.changeLocale" />
+      <LangSwitch
+        v-if="themeStore.header.multilingual.visible"
+        :lang="appStore.locale"
+        :lang-options="appStore.localeOptions"
+        @change-lang="appStore.changeLocale"
+      />
       <ThemeSchemaSwitch
         :theme-schema="themeStore.themeScheme"
         :is-dark="themeStore.darkMode"
diff --git a/src/layouts/modules/theme-drawer/modules/page-fun.vue b/src/layouts/modules/theme-drawer/modules/page-fun.vue
index 24a32fa5..dbebb911 100644
--- a/src/layouts/modules/theme-drawer/modules/page-fun.vue
+++ b/src/layouts/modules/theme-drawer/modules/page-fun.vue
@@ -69,6 +69,9 @@ const isWrapperScrollMode = computed(() => themeStore.layout.scrollMode === 'wra
     <SettingItem key="5" :label="$t('theme.tab.visible')">
       <NSwitch v-model:value="themeStore.tab.visible" />
     </SettingItem>
+    <SettingItem key="6" :label="$t('theme.header.multilingual.visible')">
+      <NSwitch v-model:value="themeStore.header.multilingual.visible" />
+    </SettingItem>
     <SettingItem v-if="themeStore.tab.visible" key="5-1" :label="$t('theme.tab.cache')">
       <NSwitch v-model:value="themeStore.tab.cache" />
     </SettingItem>
diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 1f4a38ab..c3ae71c7 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -109,6 +109,9 @@ const local: App.I18n.Schema = {
       breadcrumb: {
         visible: 'Breadcrumb Visible',
         showIcon: 'Breadcrumb Icon Visible'
+      },
+      multilingual: {
+        visible: 'Display multilingual button'
       }
     },
     tab: {
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index 98dd0214..32c14ceb 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -109,6 +109,9 @@ const local: App.I18n.Schema = {
       breadcrumb: {
         visible: '显示面包屑',
         showIcon: '显示面包屑图标'
+      },
+      multilingual: {
+        visible: '显示多语言按钮'
       }
     },
     tab: {
diff --git a/src/theme/settings.ts b/src/theme/settings.ts
index c23f1fae..ba877a59 100644
--- a/src/theme/settings.ts
+++ b/src/theme/settings.ts
@@ -27,6 +27,9 @@ export const themeSettings: App.Theme.ThemeSetting = {
     breadcrumb: {
       visible: true,
       showIcon: true
+    },
+    multilingual: {
+      visible: true
     }
   },
   tab: {
diff --git a/src/typings/app.d.ts b/src/typings/app.d.ts
index 0a560812..72c12314 100644
--- a/src/typings/app.d.ts
+++ b/src/typings/app.d.ts
@@ -53,6 +53,11 @@ declare namespace App {
           /** Whether to show the breadcrumb icon */
           showIcon: boolean;
         };
+        /** Multilingual */
+        multilingual: {
+          /** Whether to show the multilingual */
+          visible: boolean;
+        };
       };
       /** Tab */
       tab: {
@@ -363,6 +368,9 @@ declare namespace App {
             visible: string;
             showIcon: string;
           };
+          multilingual: {
+            visible: string;
+          };
         };
         tab: {
           visible: string;