first commit

resources/admin/stores/modules/app/index.ts

@@ -0,0 +1,76 @@
+import { defineStore } from 'pinia'
+import Cache from '/admin/support/cache'
+
+/**
+ * app
+ */
+type app = {
+  size: 'small' | 'medium' | 'large'
+
+  isExpand: boolean
+
+  locale: 'zh' | 'en'
+
+  isMobile: boolean
+
+  isDarkMode: boolean
+
+  activeMenu: string
+}
+
+export const useAppStore = defineStore('app', {
+  state: (): app => ({
+    size: 'small',
+    isExpand: true,
+    locale: Cache.get('language'),
+    isMobile: false,
+    isDarkMode: false,
+    activeMenu: '/dashboard',
+  }),
+
+  getters: {
+    getSize(): string {
+      return this.size
+    },
+
+    getLocale(): string {
+      return this.locale
+    },
+
+    getIsMobile(): boolean {
+      return this.isMobile
+    },
+
+    getIsDarkMode(): boolean {
+      return this.isDarkMode
+    },
+
+    getActiveMenu(): string {
+      return this.activeMenu
+    },
+  },
+
+  actions: {
+    changeSize(size: 'small' | 'medium' | 'large'): void {
+      this.size = size
+    },
+
+    changeLocale(locale: 'zh' | 'en'): void {
+      Cache.set('language', locale)
+
+      this.locale = locale
+    },
+
+    changeExpaned(): void {
+      this.isExpand = !this.isExpand
+    },
+
+    setDarkMode(isDarkMode: boolean): void {
+      this.isDarkMode = isDarkMode
+    },
+
+    setActiveMenu(activeMenu: string): void {
+      this.activeMenu = activeMenu.startsWith('/') ? activeMenu : '/' + activeMenu
+    },
+  },
+})