tt/youlai-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: ♻️ 代码优化

Browse Source
This commit is contained in:
ray
2025-10-04 15:44:24 +08:00
parent f655954c99
commit 10c8b9fc75
14 changed files with 39 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/composables/useTheme.ts
View File

@@ -1,6 +1,6 @@
import type { ThemeColorOption, ThemeMode } from "@/composables/types/theme";
import { themeColorOptions } from "@/composables/types/theme";
import { useThemeStore } from "@/store/modules/theme.store";
import { useThemeStore } from "@/store";
export function useTheme() {
const store = useThemeStore();

4
src/constants/index.ts
View File

@@ -13,3 +13,7 @@ export const REFRESH_TOKEN_KEY = "refresh_token";
// 📊 用户缓存相关
export const USER_INFO_KEY = "user_info";
// 🎨 主题相关
export const THEME_MODE_KEY = "app-theme";
export const THEME_COLOR_KEY = "app-theme-color";

1
src/pages.json
View File

@@ -12,6 +12,7 @@
{
"path": "pages/login/index",
"type": "page",
"name": "login",
"style": {
"navigationStyle": "custom"
}

9
src/pages/login/index.vue
View File

@@ -105,10 +105,17 @@
</view>
</template>
<route lang="json">
{
"name": "login",
"style": { "navigationStyle": "custom" }
}
</route>
<script lang="ts" setup>
import { onLoad } from "@dcloudio/uni-app";
import { type LoginData } from "@/api/auth";
import { useUserStore } from "@/store/modules/user.store";
import { useUserStore } from "@/store/modules/user-store";
import { useToast } from "wot-design-uni";
import { useWechat } from "@/composables/useWechat";

2
src/pages/mine/profile/complete-profile.vue
View File

@@ -155,7 +155,7 @@
import { ref, reactive, computed } from "vue";
import { onLoad } from "@dcloudio/uni-app";
import { useToast } from "wot-design-uni";
import { useUserStore } from "@/store/modules/user.store";
import { useUserStore } from "@/store";
import UserAPI, { type UserProfileForm } from "@/api/user";
import FileAPI, { type FileInfo } from "@/api/file";

2
src/pages/mine/settings/index.vue
View File

@@ -41,7 +41,7 @@
</template>
<script lang="ts" setup>
import { useUserStore } from "@/store/modules/user.store";
import { useUserStore } from "@/store";
import { checkLogin } from "@/utils/auth";
import { onLoad } from "@dcloudio/uni-app";

4
src/store/index.ts
View File

@@ -8,6 +8,6 @@ export function setupStore(app: App<Element>) {
app.use(store);
}
export * from "./modules/user.store";
export * from "./modules/theme.store";
export * from "./modules/user-store";
export * from "./modules/theme-store";
export { store };

11
src/store/modules/theme.store.ts → src/store/modules/theme-store.ts
View File

@@ -1,11 +1,14 @@
import { defineStore } from "pinia";
import { useStorage } from "@uni-helper/uni-use";
import { Storage } from "@/utils/storage";
import { THEME_MODE_KEY, THEME_COLOR_KEY } from "@/constants";
import type { ThemeColorOption, ThemeMode } from "@/composables/types/theme";
import { themeColorOptions } from "@/composables/types/theme";
export const useThemeStore = defineStore("theme", () => {
const theme = useStorage<ThemeMode>("app-theme", "light");
const currentThemeColor = useStorage<ThemeColorOption>("app-theme-color", themeColorOptions[0]);
const theme = ref<ThemeMode>(Storage.get<ThemeMode>(THEME_MODE_KEY, "light"));
const currentThemeColor = ref<ThemeColorOption>(
Storage.get<ThemeColorOption>(THEME_COLOR_KEY, themeColorOptions[0])
);
// 主题变量（响应式对象）
const themeVars = reactive({
@@ -40,6 +43,7 @@ export const useThemeStore = defineStore("theme", () => {
*/
const toggleTheme = (mode?: ThemeMode) => {
theme.value = mode || (theme.value === "light" ? "dark" : "light");
Storage.set(THEME_MODE_KEY, theme.value);
setNavigationBarColor();
};
@@ -49,6 +53,7 @@ export const useThemeStore = defineStore("theme", () => {
*/
const setCurrentThemeColor = (color: ThemeColorOption) => {
currentThemeColor.value = color;
Storage.set(THEME_COLOR_KEY, color);
themeVars.colorTheme = color.primary;
console.log("主题色已设置:", color.name);
};

0
src/store/modules/user.store.ts → src/store/modules/user-store.ts
View File

8
src/types/auto-imports.d.ts vendored
View File

@@ -174,10 +174,10 @@ declare global {
const useTabbar: typeof import('../composables/useTabbar')['useTabbar']
const useTemplateRef: typeof import('vue')['useTemplateRef']
const useTheme: typeof import('../composables/useTheme')['useTheme']
const useThemeStore: typeof import('../store/modules/theme.store')['useThemeStore']
const useThemeStore: typeof import('../store/modules/theme-store')['useThemeStore']
const useToast: typeof import('wot-design-uni')['useToast']
const useUploadFile: typeof import('@uni-helper/uni-use')['useUploadFile']
const useUserStore: typeof import('../store/modules/user.store')['useUserStore']
const useUserStore: typeof import('../store/modules/user-store')['useUserStore']
const useVisible: typeof import('@uni-helper/uni-use')['useVisible']
const useWechat: typeof import('../composables/useWechat')['useWechat']
const user: typeof import('../api/user')['default']
@@ -317,9 +317,9 @@ declare module 'vue' {
readonly useTabbar: UnwrapRef<typeof import('../composables/useTabbar')['useTabbar']>
readonly useTemplateRef: UnwrapRef<typeof import('vue')['useTemplateRef']>
readonly useTheme: UnwrapRef<typeof import('../composables/useTheme')['useTheme']>
readonly useThemeStore: UnwrapRef<typeof import('../store/modules/theme.store')['useThemeStore']>
readonly useThemeStore: UnwrapRef<typeof import('../store/modules/theme-store')['useThemeStore']>
readonly useToast: UnwrapRef<typeof import('wot-design-uni')['useToast']>
readonly useUserStore: UnwrapRef<typeof import('../store/modules/user.store')['useUserStore']>
readonly useUserStore: UnwrapRef<typeof import('../store/modules/user-store')['useUserStore']>
readonly useWechat: UnwrapRef<typeof import('../composables/useWechat')['useWechat']>
readonly user: UnwrapRef<typeof import('../api/user')['default']>
readonly watch: UnwrapRef<typeof import('vue')['watch']>

2
src/utils/auth.ts
View File

@@ -1,4 +1,4 @@
import { useUserStore } from "@/store/modules/user.store";
import { useUserStore } from "@/store/modules/user-store";
import { Storage } from "./storage";
import { ACCESS_TOKEN_KEY, REFRESH_TOKEN_KEY } from "@/constants";

4
src/utils/storage.ts
View File

@@ -33,7 +33,7 @@ export const Storage = {
};
// 为了向后兼容，导出具体的函数
import { ACCESS_TOKEN_KEY, USER_INFO_KEY } from "@/constants";
import { ACCESS_TOKEN_KEY, USER_INFO_KEY, THEME_MODE_KEY, THEME_COLOR_KEY } from "@/constants";
/**
* 获取令牌
@@ -69,4 +69,6 @@ export function setUserInfo(userInfo: any): void {
export function clearAll(): void {
Storage.remove(ACCESS_TOKEN_KEY);
Storage.remove(USER_INFO_KEY);
Storage.remove(THEME_MODE_KEY);
Storage.remove(THEME_COLOR_KEY);
}