From 013eb326c3fe39c0d886059822454383a9e9a9d2 Mon Sep 17 00:00:00 2001
From: bunny <1319900154@qq.com>
Date: Wed, 9 Oct 2024 15:48:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=9A=80=20=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E8=AF=AD=E8=A8=80=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/favicon.ico                         | Bin 9608 -> 9608 bytes
 public/platform-config.json                |   3 +-
 src/layout/components/lay-footer/index.vue |   3 +-
 src/layout/components/lay-navbar/index.vue |  28 +-
 src/layout/frame.vue                       | 109 ++++---
 src/layout/hooks/useTranslationLang.ts     |  55 ++--
 src/layout/index.vue                       | 317 +++++++++------------
 src/layout/redirect.vue                    |  16 +-
 src/store/i18n/i18nType.ts                 |   6 +-
 9 files changed, 240 insertions(+), 297 deletions(-)

diff --git a/public/favicon.ico b/public/favicon.ico
index 02377436fcac01a23edca6505dc9a9849bf4e3a8..d7bff7f018f81ac59a5d96c9cd92f81d31b75758 100644
GIT binary patch
literal 9608
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
I?v4fi2YbY>rT_o{

literal 9608
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
Z(%j<2u&c8C-Hc{`@81Ibf8GrO{{WVqyCeVr

diff --git a/public/platform-config.json b/public/platform-config.json
index 9fc2ab8..d31a494 100644
--- a/public/platform-config.json
+++ b/public/platform-config.json
@@ -1,6 +1,7 @@
 {
   "Version": "5.8.0",
-  "Title": "PureAdmin",
+  "Title": "BunnyAdmin",
+  "Copyright": "Copyright © 2020-present",
   "FixedHeader": true,
   "HiddenSideBar": false,
   "MultiTagsCache": false,
diff --git a/src/layout/components/lay-footer/index.vue b/src/layout/components/lay-footer/index.vue
index 877e323..70e0985 100644
--- a/src/layout/components/lay-footer/index.vue
+++ b/src/layout/components/lay-footer/index.vue
@@ -2,11 +2,12 @@
 import { getConfig } from '@/config';
 
 const TITLE = getConfig('Title');
+const Copyright = getConfig('Copyright');
 </script>
 
 <template>
 	<footer class="layout-footer text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]">
-		Copyright © 2020-present
+		{{ Copyright }}
 		<a class="hover:text-primary" href="https://github.com/pure-admin" target="_blank"> &nbsp;{{ TITLE }} </a>
 	</footer>
 </template>
diff --git a/src/layout/components/lay-navbar/index.vue b/src/layout/components/lay-navbar/index.vue
index 8b2761c..a610c9e 100644
--- a/src/layout/components/lay-navbar/index.vue
+++ b/src/layout/components/lay-navbar/index.vue
@@ -13,10 +13,13 @@ import LogoutCircleRLine from '@iconify-icons/ri/logout-circle-r-line';
 import Setting from '@iconify-icons/ri/settings-3-line';
 import Check from '@iconify-icons/ep/check';
 import { $t } from '@/plugins/i18n';
+import { userI18nTypeStore } from '@/store/i18n/i18nType';
 
 const { layout, device, logout, onPanel, pureApp, username, userAvatar, avatarsStyle, toggleSideBar, getDropdownItemStyle, getDropdownItemClass } = useNav();
 
-const { t, locale, translationCh, translationEn } = useTranslationLang();
+const { locale, translation } = useTranslationLang();
+
+const i18nTypeStore = userI18nTypeStore();
 </script>
 
 <template>
@@ -35,15 +38,17 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
 				<GlobalizationIcon class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-none" />
 				<template #dropdown>
 					<el-dropdown-menu class="translation">
-						<el-dropdown-item :class="['dark:!text-white', getDropdownItemClass(locale, 'zh')]" :style="getDropdownItemStyle(locale, 'zh')" @click="translationCh">
-							<IconifyIconOffline v-show="locale === 'zh'" :icon="Check" class="check-zh" />
-							简体中文
-						</el-dropdown-item>
-						<el-dropdown-item :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]" :style="getDropdownItemStyle(locale, 'en')" @click="translationEn">
-							<span v-show="locale === 'en'" class="check-en">
+						<el-dropdown-item
+							v-for="item in i18nTypeStore.translationTypeList"
+							:key="item.key"
+							:class="['dark:!text-white', getDropdownItemClass(locale, item.key)]"
+							:style="getDropdownItemStyle(locale, item.key)"
+							@click="translation(item.key)"
+						>
+							<span v-show="locale === item.key" class="check">
 								<IconifyIconOffline :icon="Check" />
 							</span>
-							English
+							{{ item.value }}
 						</el-dropdown-item>
 					</el-dropdown-menu>
 				</template>
@@ -127,12 +132,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
 		padding: 5px 40px;
 	}
 
-	.check-zh {
-		position: absolute;
-		left: 20px;
-	}
-
-	.check-en {
+	.check {
 		position: absolute;
 		left: 20px;
 	}
diff --git a/src/layout/frame.vue b/src/layout/frame.vue
index 4243b57..cff40d0 100644
--- a/src/layout/frame.vue
+++ b/src/layout/frame.vue
@@ -1,97 +1,90 @@
-<script setup lang="ts">
-import { useI18n } from "vue-i18n";
-import { useRoute } from "vue-router";
-import { ref, unref, watch, onMounted, nextTick } from "vue";
+<script lang="ts" setup>
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+import { nextTick, onMounted, ref, unref, watch } from 'vue';
 
 defineOptions({
-  name: "LayFrame"
+	name: 'LayFrame',
 });
 
 const props = defineProps<{
-  frameInfo?: {
-    frameSrc?: string;
-    fullPath?: string;
-  };
+	frameInfo?: {
+		frameSrc?: string;
+		fullPath?: string;
+	};
 }>();
 
 const { t } = useI18n();
 const loading = ref(true);
 const currentRoute = useRoute();
-const frameSrc = ref<string>("");
+const frameSrc = ref<string>('');
 const frameRef = ref<HTMLElement | null>(null);
 if (unref(currentRoute.meta)?.frameSrc) {
-  frameSrc.value = unref(currentRoute.meta)?.frameSrc as string;
+	frameSrc.value = unref(currentRoute.meta)?.frameSrc as string;
 }
 unref(currentRoute.meta)?.frameLoading === false && hideLoading();
 
 function hideLoading() {
-  loading.value = false;
+	loading.value = false;
 }
 
 function init() {
-  nextTick(() => {
-    const iframe = unref(frameRef);
-    if (!iframe) return;
-    const _frame = iframe as any;
-    if (_frame.attachEvent) {
-      _frame.attachEvent("onload", () => {
-        hideLoading();
-      });
-    } else {
-      iframe.onload = () => {
-        hideLoading();
-      };
-    }
-  });
+	nextTick(() => {
+		const iframe = unref(frameRef);
+		if (!iframe) return;
+		const _frame = iframe as any;
+		if (_frame.attachEvent) {
+			_frame.attachEvent('onload', () => {
+				hideLoading();
+			});
+		} else {
+			iframe.onload = () => {
+				hideLoading();
+			};
+		}
+	});
 }
 
 watch(
-  () => currentRoute.fullPath,
-  path => {
-    if (
-      currentRoute.name === "Redirect" &&
-      path.includes(props.frameInfo?.fullPath)
-    ) {
-      frameSrc.value = path; // redirect时，置换成任意值，待重定向后 重新赋值
-      loading.value = true;
-    }
-    // 重新赋值
-    if (props.frameInfo?.fullPath === path) {
-      frameSrc.value = props.frameInfo?.frameSrc;
-    }
-  }
+	() => currentRoute.fullPath,
+	path => {
+		if (currentRoute.name === 'Redirect' && path.includes(props.frameInfo?.fullPath)) {
+			frameSrc.value = path; // redirect时，置换成任意值，待重定向后 重新赋值
+			loading.value = true;
+		}
+		// 重新赋值
+		if (props.frameInfo?.fullPath === path) {
+			frameSrc.value = props.frameInfo?.frameSrc;
+		}
+	},
 );
 
 onMounted(() => {
-  init();
+	init();
 });
 </script>
 
 <template>
-  <div
-    v-loading="loading"
-    class="frame"
-    :element-loading-text="t('status.pureLoad')"
-  >
-    <iframe ref="frameRef" :src="frameSrc" class="frame-iframe" />
-  </div>
+	<div v-loading="loading" :element-loading-text="t('status.pureLoad')" class="frame">
+		<iframe ref="frameRef" :src="frameSrc" class="frame-iframe" />
+	</div>
 </template>
 
 <style lang="scss" scoped>
 .frame {
-  position: absolute;
-  inset: 0;
+	position: absolute;
+	inset: 0;
 
-  .frame-iframe {
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    border: 0;
-  }
+	.frame-iframe {
+		box-sizing: border-box;
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+		border: 0;
+	}
 }
 
 .main-content {
-  margin: 2px 0 0 !important;
+	margin: 2px 0 0 !important;
 }
 </style>
diff --git a/src/layout/hooks/useTranslationLang.ts b/src/layout/hooks/useTranslationLang.ts
index a8ee305..48737cf 100644
--- a/src/layout/hooks/useTranslationLang.ts
+++ b/src/layout/hooks/useTranslationLang.ts
@@ -1,40 +1,29 @@
-import { useNav } from "./useNav";
-import { useI18n } from "vue-i18n";
-import { useRoute } from "vue-router";
-import { onBeforeMount, type Ref, watch } from "vue";
+import { useNav } from './useNav';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+import { onBeforeMount, type Ref, watch } from 'vue';
 
 export function useTranslationLang(ref?: Ref) {
-  const { $storage, changeTitle, handleResize } = useNav();
-  const { locale } = useI18n();
-  const route = useRoute();
+	const { $storage, changeTitle, handleResize } = useNav();
+	const { locale } = useI18n();
+	const route = useRoute();
 
-  function translationCh() {
-    $storage.locale = { locale: "zh" };
-    locale.value = "zh";
-    ref && handleResize(ref.value);
-  }
+	function translation(value: string) {
+		$storage.locale = { locale: value };
+		locale.value = value;
+		ref && handleResize(ref.value);
+	}
 
-  function translationEn() {
-    $storage.locale = { locale: "en" };
-    locale.value = "en";
-    ref && handleResize(ref.value);
-  }
+	watch(
+		() => locale.value,
+		() => {
+			changeTitle(route.meta);
+		},
+	);
 
-  watch(
-    () => locale.value,
-    () => {
-      changeTitle(route.meta);
-    }
-  );
+	onBeforeMount(() => {
+		locale.value = $storage.locale?.locale ?? 'zh';
+	});
 
-  onBeforeMount(() => {
-    locale.value = $storage.locale?.locale ?? "zh";
-  });
-
-  return {
-    route,
-    locale,
-    translationCh,
-    translationEn
-  };
+	return { route, locale, translation };
 }
diff --git a/src/layout/index.vue b/src/layout/index.vue
index f3fac76..d8f2eca 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,36 +1,23 @@
 <script lang="ts" setup>
-import "animate.css";
+import 'animate.css';
 // 引入 src/components/CommonIcon/src/offlineIcon.ts 文件中所有使用addIcon添加过的本地图标
-import "@/components/CommonIcon/src/offlineIcon";
-import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange";
-import { useAppStoreHook } from "@/store/modules/app";
-import { useSettingStoreHook } from "@/store/modules/settings";
-import {
-  deviceDetection,
-  useDark,
-  useGlobal,
-  useResizeObserver
-} from "@pureadmin/utils";
-import {
-  computed,
-  defineComponent,
-  h,
-  onBeforeMount,
-  onMounted,
-  reactive,
-  ref
-} from "vue";
-import { useI18n } from "vue-i18n";
-import { useLayout } from "./hooks/useLayout";
-import { setType } from "./types";
+import '@/components/CommonIcon/src/offlineIcon';
+import { useDataThemeChange } from '@/layout/hooks/useDataThemeChange';
+import { useAppStoreHook } from '@/store/modules/app';
+import { useSettingStoreHook } from '@/store/modules/settings';
+import { deviceDetection, useDark, useGlobal, useResizeObserver } from '@pureadmin/utils';
+import { computed, defineComponent, h, onBeforeMount, onMounted, reactive, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useLayout } from './hooks/useLayout';
+import { setType } from './types';
 
-import BackTopIcon from "@/assets/svg/back_top.svg?component";
-import LayContent from "./components/lay-content/index.vue";
-import LayNavbar from "./components/lay-navbar/index.vue";
-import LaySetting from "./components/lay-setting/index.vue";
-import NavHorizontal from "./components/lay-sidebar/NavHorizontal.vue";
-import NavVertical from "./components/lay-sidebar/NavVertical.vue";
-import LayTag from "./components/lay-tag/index.vue";
+import BackTopIcon from '@/assets/svg/back_top.svg?component';
+import LayContent from './components/lay-content/index.vue';
+import LayNavbar from './components/lay-navbar/index.vue';
+import LaySetting from './components/lay-setting/index.vue';
+import NavHorizontal from './components/lay-sidebar/NavHorizontal.vue';
+import NavVertical from './components/lay-sidebar/NavVertical.vue';
+import LayTag from './components/lay-tag/index.vue';
 
 const { t } = useI18n();
 const appWrapperRef = ref();
@@ -41,197 +28,165 @@ const pureSetting = useSettingStoreHook();
 const { $storage } = useGlobal<GlobalPropertiesApi>();
 
 const set: setType = reactive({
-  sidebar: computed(() => {
-    return useAppStoreHook().sidebar;
-  }),
+	sidebar: computed(() => {
+		return useAppStoreHook().sidebar;
+	}),
 
-  device: computed(() => {
-    return useAppStoreHook().device;
-  }),
+	device: computed(() => {
+		return useAppStoreHook().device;
+	}),
 
-  fixedHeader: computed(() => {
-    return pureSetting.fixedHeader;
-  }),
+	fixedHeader: computed(() => {
+		return pureSetting.fixedHeader;
+	}),
 
-  classes: computed(() => {
-    return {
-      hideSidebar: !set.sidebar.opened,
-      openSidebar: set.sidebar.opened,
-      withoutAnimation: set.sidebar.withoutAnimation,
-      mobile: set.device === "mobile"
-    };
-  }),
+	classes: computed(() => {
+		return {
+			hideSidebar: !set.sidebar.opened,
+			openSidebar: set.sidebar.opened,
+			withoutAnimation: set.sidebar.withoutAnimation,
+			mobile: set.device === 'mobile',
+		};
+	}),
 
-  hideTabs: computed(() => {
-    return $storage?.configure.hideTabs;
-  })
+	hideTabs: computed(() => {
+		return $storage?.configure.hideTabs;
+	}),
 });
 
 function setTheme(layoutModel: string) {
-  window.document.body.setAttribute("layout", layoutModel);
-  $storage.layout = {
-    layout: `${layoutModel}`,
-    theme: $storage.layout?.theme,
-    darkMode: $storage.layout?.darkMode,
-    sidebarStatus: $storage.layout?.sidebarStatus,
-    epThemeColor: $storage.layout?.epThemeColor,
-    themeColor: $storage.layout?.themeColor,
-    overallStyle: $storage.layout?.overallStyle
-  };
+	window.document.body.setAttribute('layout', layoutModel);
+	$storage.layout = {
+		layout: `${layoutModel}`,
+		theme: $storage.layout?.theme,
+		darkMode: $storage.layout?.darkMode,
+		sidebarStatus: $storage.layout?.sidebarStatus,
+		epThemeColor: $storage.layout?.epThemeColor,
+		themeColor: $storage.layout?.themeColor,
+		overallStyle: $storage.layout?.overallStyle,
+	};
 }
 
 function toggle(device: string, bool: boolean) {
-  useAppStoreHook().toggleDevice(device);
-  useAppStoreHook().toggleSideBar(bool, "resize");
+	useAppStoreHook().toggleDevice(device);
+	useAppStoreHook().toggleSideBar(bool, 'resize');
 }
 
 // 判断是否可自动关闭菜单栏
 let isAutoCloseSidebar = true;
 
 useResizeObserver(appWrapperRef, entries => {
-  if (isMobile) return;
-  const entry = entries[0];
-  const [{ inlineSize: width, blockSize: height }] = entry.borderBoxSize;
-  useAppStoreHook().setViewportSize({ width, height });
-  width <= 760 ? setTheme("vertical") : setTheme(useAppStoreHook().layout);
-  /** width app-wrapper类容器宽度
-   * 0 < width <= 760 隐藏侧边栏
-   * 760 < width <= 990 折叠侧边栏
-   * width > 990 展开侧边栏
-   */
-  if (width > 0 && width <= 760) {
-    toggle("mobile", false);
-    isAutoCloseSidebar = true;
-  } else if (width > 760 && width <= 990) {
-    if (isAutoCloseSidebar) {
-      toggle("desktop", false);
-      isAutoCloseSidebar = false;
-    }
-  } else if (width > 990 && !set.sidebar.isClickCollapse) {
-    toggle("desktop", true);
-    isAutoCloseSidebar = true;
-  } else {
-    toggle("desktop", false);
-    isAutoCloseSidebar = false;
-  }
+	if (isMobile) return;
+	const entry = entries[0];
+	const [{ inlineSize: width, blockSize: height }] = entry.borderBoxSize;
+	useAppStoreHook().setViewportSize({ width, height });
+	width <= 760 ? setTheme('vertical') : setTheme(useAppStoreHook().layout);
+	/** width app-wrapper类容器宽度
+	 * 0 < width <= 760 隐藏侧边栏
+	 * 760 < width <= 990 折叠侧边栏
+	 * width > 990 展开侧边栏
+	 */
+	if (width > 0 && width <= 760) {
+		toggle('mobile', false);
+		isAutoCloseSidebar = true;
+	} else if (width > 760 && width <= 990) {
+		if (isAutoCloseSidebar) {
+			toggle('desktop', false);
+			isAutoCloseSidebar = false;
+		}
+	} else if (width > 990 && !set.sidebar.isClickCollapse) {
+		toggle('desktop', true);
+		isAutoCloseSidebar = true;
+	} else {
+		toggle('desktop', false);
+		isAutoCloseSidebar = false;
+	}
 });
 
 onMounted(() => {
-  if (isMobile) {
-    toggle("mobile", false);
-  }
+	if (isMobile) {
+		toggle('mobile', false);
+	}
 });
 
 onBeforeMount(() => {
-  useDataThemeChange().dataThemeChange($storage.layout?.overallStyle);
+	useDataThemeChange().dataThemeChange($storage.layout?.overallStyle);
 });
 
 const LayHeader = defineComponent({
-  name: "LayHeader",
-  render() {
-    return h(
-      "div",
-      {
-        class: { "fixed-header": set.fixedHeader },
-        style: [
-          set.hideTabs && layout.value.includes("horizontal")
-            ? isDark.value
-              ? "box-shadow: 0 1px 4px #0d0d0d"
-              : "box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08)"
-            : ""
-        ]
-      },
-      {
-        default: () => [
-          !pureSetting.hiddenSideBar &&
-          (layout.value.includes("vertical") || layout.value.includes("mix"))
-            ? h(LayNavbar)
-            : null,
-          !pureSetting.hiddenSideBar && layout.value.includes("horizontal")
-            ? h(NavHorizontal)
-            : null,
-          h(LayTag)
-        ]
-      }
-    );
-  }
+	name: 'LayHeader',
+	render() {
+		return h(
+			'div',
+			{
+				class: { 'fixed-header': set.fixedHeader },
+				style: [set.hideTabs && layout.value.includes('horizontal') ? (isDark.value ? 'box-shadow: 0 1px 4px #0d0d0d' : 'box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08)') : ''],
+			},
+			{
+				default: () => [
+					!pureSetting.hiddenSideBar && (layout.value.includes('vertical') || layout.value.includes('mix')) ? h(LayNavbar) : null,
+					!pureSetting.hiddenSideBar && layout.value.includes('horizontal') ? h(NavHorizontal) : null,
+					h(LayTag),
+				],
+			},
+		);
+	},
 });
 </script>
 
 <template>
-  <div ref="appWrapperRef" :class="['app-wrapper', set.classes]">
-    <div
-      v-show="
-        set.device === 'mobile' &&
-        set.sidebar.opened &&
-        layout.includes('vertical')
-      "
-      class="app-mask"
-      @click="useAppStoreHook().toggleSideBar()"
-    />
-    <NavVertical
-      v-show="
-        !pureSetting.hiddenSideBar &&
-        (layout.includes('vertical') || layout.includes('mix'))
-      "
-    />
-    <div
-      :class="[
-        'main-container',
-        pureSetting.hiddenSideBar ? 'main-hidden' : ''
-      ]"
-    >
-      <div v-if="set.fixedHeader">
-        <LayHeader />
-        <!-- 主体内容 -->
-        <LayContent :fixed-header="set.fixedHeader" />
-      </div>
-      <el-scrollbar v-else>
-        <el-backtop
-          :title="t('buttons.pureBackTop')"
-          target=".main-container .el-scrollbar__wrap"
-        >
-          <BackTopIcon />
-        </el-backtop>
-        <LayHeader />
-        <!-- 主体内容 -->
-        <LayContent :fixed-header="set.fixedHeader" />
-      </el-scrollbar>
-    </div>
-    <!-- 系统设置 -->
-    <LaySetting />
-  </div>
+	<div ref="appWrapperRef" :class="['app-wrapper', set.classes]">
+		<div v-show="set.device === 'mobile' && set.sidebar.opened && layout.includes('vertical')" class="app-mask" @click="useAppStoreHook().toggleSideBar()" />
+		<NavVertical v-show="!pureSetting.hiddenSideBar && (layout.includes('vertical') || layout.includes('mix'))" />
+		<div :class="['main-container', pureSetting.hiddenSideBar ? 'main-hidden' : '']">
+			<div v-if="set.fixedHeader">
+				<LayHeader />
+				<!-- 主体内容 -->
+				<LayContent :fixed-header="set.fixedHeader" />
+			</div>
+			<el-scrollbar v-else>
+				<el-backtop :title="t('buttons.pureBackTop')" target=".main-container .el-scrollbar__wrap">
+					<BackTopIcon />
+				</el-backtop>
+				<LayHeader />
+				<!-- 主体内容 -->
+				<LayContent :fixed-header="set.fixedHeader" />
+			</el-scrollbar>
+		</div>
+		<!-- 系统设置 -->
+		<LaySetting />
+	</div>
 </template>
 
 <style lang="scss" scoped>
 .app-wrapper {
-  position: relative;
-  width: 100%;
-  height: 100%;
+	position: relative;
+	width: 100%;
+	height: 100%;
 
-  &::after {
-    display: table;
-    clear: both;
-    content: "";
-  }
+	&::after {
+		display: table;
+		clear: both;
+		content: '';
+	}
 
-  &.mobile.openSidebar {
-    position: fixed;
-    top: 0;
-  }
+	&.mobile.openSidebar {
+		position: fixed;
+		top: 0;
+	}
 }
 
 .app-mask {
-  position: absolute;
-  top: 0;
-  z-index: 2001;
-  width: 100%;
-  height: 100%;
-  background: #000;
-  opacity: 0.3;
+	position: absolute;
+	top: 0;
+	z-index: 2001;
+	width: 100%;
+	height: 100%;
+	background: #000;
+	opacity: 0.3;
 }
 
 .re-screen {
-  margin-top: 12px;
+	margin-top: 12px;
 }
 </style>
diff --git a/src/layout/redirect.vue b/src/layout/redirect.vue
index 6e16339..5fe20c2 100644
--- a/src/layout/redirect.vue
+++ b/src/layout/redirect.vue
@@ -1,9 +1,9 @@
-<script setup lang="ts">
-import { unref } from "vue";
-import { useRouter } from "vue-router";
+<script lang="ts" setup>
+import { unref } from 'vue';
+import { useRouter } from 'vue-router';
 
 defineOptions({
-  name: "Redirect"
+	name: 'Redirect',
 });
 
 const { currentRoute, replace } = useRouter();
@@ -11,14 +11,14 @@ const { currentRoute, replace } = useRouter();
 const { params, query } = unref(currentRoute);
 const { path } = params;
 
-const _path = Array.isArray(path) ? path.join("/") : path;
+const _path = Array.isArray(path) ? path.join('/') : path;
 
 replace({
-  path: "/" + _path,
-  query
+	path: '/' + _path,
+	query,
 });
 </script>
 
 <template>
-  <div />
+	<div />
 </template>
diff --git a/src/store/i18n/i18nType.ts b/src/store/i18n/i18nType.ts
index b69b7fe..9e5699d 100644
--- a/src/store/i18n/i18nType.ts
+++ b/src/store/i18n/i18nType.ts
@@ -22,7 +22,11 @@ export const userI18nTypeStore = defineStore('i18nTypeStore', {
 			loading: false,
 		};
 	},
-	getters: {},
+	getters: {
+		translationTypeList(state) {
+			return state.datalist.map(item => ({ key: item.typeName, value: item.summary }));
+		},
+	},
 	actions: {
 		/**
 		 * * 获取多语言类型