From 6b988bd582bfcd17fee48c476a5a6e5cc172b0d5 Mon Sep 17 00:00:00 2001 From: baoshiwei <baoshiwei@shlanbao.cn> Date: 星期三, 12 三月 2025 10:08:33 +0800 Subject: [PATCH] dev-2 --- src/store/modules/app.ts | 38 ++++++++++++++++++-------------------- 1 files changed, 18 insertions(+), 20 deletions(-) diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts index 1fb8337..0205fab 100644 --- a/src/store/modules/app.ts +++ b/src/store/modules/app.ts @@ -1,51 +1,50 @@ -import Cookies from 'js-cookie'; -import zhCn from 'element-plus/es/locale/lang/zh-cn'; -import en from 'element-plus/es/locale/lang/en'; +import zhCN from 'element-plus/es/locale/lang/zh-cn'; +import enUS from 'element-plus/es/locale/lang/en'; export const useAppStore = defineStore('app', () => { - const sidebarStatus = Cookies.get('sidebarStatus'); + const sidebarStatus = useStorage('sidebarStatus', '1'); const sidebar = reactive({ - opened: sidebarStatus ? !!+sidebarStatus : true, + opened: sidebarStatus.value ? !!+sidebarStatus.value : true, withoutAnimation: false, hide: false }); const device = ref<string>('desktop'); - const size = ref(Cookies.get('size') || 'default'); + const size = useStorage<'large' | 'default' | 'small'>('size', 'default'); + // 璇█ - const language = ref(Cookies.get('language')); + const language = useStorage('language', 'zh_CN'); + const languageObj: any = { + en_US: enUS, + zh_CN: zhCN + }; const locale = computed(() => { - if (language.value == 'en') { - return en; - } else { - return zhCn; - } + return languageObj[language.value]; }); - const toggleSideBar = (withoutAnimation?: boolean) => { + const toggleSideBar = (withoutAnimation: boolean) => { if (sidebar.hide) { return false; } sidebar.opened = !sidebar.opened; - sidebar.withoutAnimation = withoutAnimation as boolean; + sidebar.withoutAnimation = withoutAnimation; if (sidebar.opened) { - Cookies.set('sidebarStatus', '1'); + sidebarStatus.value = '1'; } else { - Cookies.set('sidebarStatus', '0'); + sidebarStatus.value = '0'; } }; const closeSideBar = ({ withoutAnimation }: any): void => { - Cookies.set('sidebarStatus', '0'); + sidebarStatus.value = '0'; sidebar.opened = false; sidebar.withoutAnimation = withoutAnimation; }; const toggleDevice = (d: string): void => { device.value = d; }; - const setSize = (s: string): void => { + const setSize = (s: 'large' | 'default' | 'small'): void => { size.value = s; - Cookies.set('size', s); }; const toggleSideBarHide = (status: boolean): void => { sidebar.hide = status; @@ -53,7 +52,6 @@ const changeLanguage = (val: string): void => { language.value = val; - Cookies.set('language', val); }; return { -- Gitblit v1.9.3