use pinia to replace vuex, code refactor

2026-05-16 16:07:33 +08:00 · 2023-06-10 23:13:31 +08:00
parent 0d84f2857f
commit 46d85e92cd
80 changed files with 4972 additions and 4859 deletions
@@ -0,0 +1,140 @@
+import { defineStore } from 'pinia';
+
+import { useSettingsStore } from './setting.js';
+
+import userState from '@/lib/userstate.js';
+import services from '@/lib/services.js';
+import logger from '@/lib/logger.js';
+import { isNumber } from '@/lib/common.js';
+
+export const useUserStore = defineStore('user', {
+    state: () => ({
+        currentUserInfo: userState.getUserInfo()
+    }),
+    getters: {
+        currentUserNickname(state) {
+            const userInfo = state.currentUserInfo || {};
+            return userInfo.nickname || userInfo.username || null;
+        },
+        currentUserDefaultAccountId(state) {
+            const userInfo = state.currentUserInfo || {};
+            return userInfo.defaultAccountId || '';
+        },
+        currentUserLanguage(state) {
+            const settingsStore = useSettingsStore();
+            const userInfo = state.currentUserInfo || {};
+            return userInfo.language || settingsStore.language;
+        },
+        currentUserDefaultCurrency(state) {
+            const settingsStore = useSettingsStore();
+            const userInfo = state.currentUserInfo || {};
+            return userInfo.defaultCurrency || settingsStore.currency;
+        },
+        currentUserFirstDayOfWeek(state) {
+            const settingsStore = useSettingsStore();
+            const userInfo = state.currentUserInfo || {};
+            return isNumber(userInfo.firstDayOfWeek) ? userInfo.firstDayOfWeek : settingsStore.firstDayOfWeek;
+        },
+        currentUserLongDateFormat(state) {
+            const settingsStore = useSettingsStore();
+            const userInfo = state.currentUserInfo || {};
+            return isNumber(userInfo.longDateFormat) ? userInfo.longDateFormat : settingsStore.longDateFormat;
+        },
+        currentUserShortDateFormat(state) {
+            const settingsStore = useSettingsStore();
+            const userInfo = state.currentUserInfo || {};
+            return isNumber(userInfo.shortDateFormat) ? userInfo.shortDateFormat : settingsStore.shortDateFormat;
+        },
+        currentUserLongTimeFormat(state) {
+            const settingsStore = useSettingsStore();
+            const userInfo = state.currentUserInfo || {};
+            return isNumber(userInfo.longTimeFormat) ? userInfo.longTimeFormat : settingsStore.longTimeFormat;
+        },
+        currentUserShortTimeFormat(state) {
+            const settingsStore = useSettingsStore();
+            const userInfo = state.currentUserInfo || {};
+            return isNumber(userInfo.shortTimeFormat) ? userInfo.shortTimeFormat : settingsStore.shortTimeFormat;
+        }
+    },
+    actions: {
+        storeUserInfo(userInfo) {
+            this.currentUserInfo = userInfo;
+            userState.updateUserInfo(userInfo);
+        },
+        resetUserInfo() {
+            this.currentUserInfo = null;
+            userState.clearUserInfo();
+        },
+        getCurrentUserProfile() {
+            return new Promise((resolve, reject) => {
+                services.getProfile().then(response => {
+                    const data = response.data;
+
+                    if (!data || !data.success || !data.result) {
+                        reject({ message: 'Unable to get user profile' });
+                        return;
+                    }
+
+                    resolve(data.result);
+                }).catch(error => {
+                    logger.error('failed to get user profile', error);
+
+                    if (error.response && error.response.data && error.response.data.errorMessage) {
+                        reject({ error: error.response.data });
+                    } else if (!error.processed) {
+                        reject({ message: 'Unable to get user profile' });
+                    } else {
+                        reject(error);
+                    }
+                });
+            });
+        },
+        getUserDataStatistics() {
+            return new Promise((resolve, reject) => {
+                services.getUserDataStatistics().then(response => {
+                    const data = response.data;
+
+                    if (!data || !data.success || !data.result) {
+                        reject({ message: 'Unable to get user statistics data' });
+                        return;
+                    }
+
+                    resolve(data.result);
+                }).catch(error => {
+                    logger.error('failed to get user statistics data', error);
+
+                    if (error.response && error.response.data && error.response.data.errorMessage) {
+                        reject({ error: error.response.data });
+                    } else if (!error.processed) {
+                        reject({ message: 'Unable to get user statistics data' });
+                    } else {
+                        reject(error);
+                    }
+                });
+            });
+        },
+        getExportedUserData() {
+            return new Promise((resolve, reject) => {
+                services.getExportedUserData().then(response => {
+                    if (response && response.headers && response.headers['content-type'] !== 'text/csv') {
+                        reject({ message: 'Unable to get exported user data' });
+                        return;
+                    }
+
+                    const blob = new Blob([response.data], { type: response.headers['content-type'] });
+                    resolve(blob);
+                }).catch(error => {
+                    logger.error('failed to get user statistics data', error);
+
+                    if (error.response && error.response.headers['content-type'] === 'text/text' && error.response && error.response.data) {
+                        reject({ message: 'error.' + error.response.data });
+                    } else if (!error.processed) {
+                        reject({ message: 'Unable to get exported user data' });
+                    } else {
+                        reject(error);
+                    }
+                });
+            });
+        },
+    }
+});