120 lines
2.5 KiB
JavaScript
120 lines
2.5 KiB
JavaScript
import { reactive, ref, watch } from 'vue';
|
||
import { storage } from '../utils/storage';
|
||
|
||
|
||
|
||
// 定义应用的全局状态
|
||
export const store = reactive({
|
||
// 用户信息
|
||
userInfo: storage.get('userInfo') || null,
|
||
|
||
// 应用设置
|
||
settings: storage.get('settings') || {
|
||
theme: 'light',
|
||
language: 'zh-CN',
|
||
notifications: true
|
||
},
|
||
|
||
// 系统信息
|
||
systemInfo: {
|
||
statusBarHeight: 0,
|
||
windowHeight: 0,
|
||
windowWidth: 0
|
||
},
|
||
|
||
// 账单列表
|
||
billList: storage.get('bill_list') || [],
|
||
|
||
});
|
||
|
||
// 定义操作方法
|
||
export const useStore = () => {
|
||
// 用户相关操作
|
||
const setUserInfo = (userInfo) => {
|
||
store.userInfo = userInfo;
|
||
};
|
||
|
||
const clearUserInfo = () => {
|
||
store.userInfo = null;
|
||
};
|
||
|
||
// 设置相关操作
|
||
const updateSettings = (settings) => {
|
||
store.settings = { ...store.settings, ...settings };
|
||
};
|
||
|
||
// 账单相关操作
|
||
const addBill = (bill) => {
|
||
store.billList.unshift(bill);
|
||
return bill;
|
||
};
|
||
|
||
const updateBill = (id, updates) => {
|
||
const index = store.billList.findIndex(bill => bill.id === id);
|
||
if (index !== -1) {
|
||
store.billList[index] = { ...store.billList[index], ...updates };
|
||
return store.billList[index];
|
||
}
|
||
return null;
|
||
};
|
||
|
||
const deleteBill = (id) => {
|
||
const index = store.billList.findIndex(bill => bill.id === id);
|
||
if (index !== -1) {
|
||
store.billList.splice(index, 1);
|
||
return true;
|
||
}
|
||
return false;
|
||
};
|
||
|
||
const getBillList = () => {
|
||
return store.billList
|
||
}
|
||
|
||
// 数据持久化
|
||
// 监听store变化，自动保存到本地存储
|
||
watch(
|
||
() => store.userInfo,
|
||
(newValue) => storage.set('userInfo', newValue),
|
||
{ deep: true }
|
||
);
|
||
|
||
watch(
|
||
() => store.settings,
|
||
(newValue) => storage.set('settings', newValue),
|
||
{ deep: true }
|
||
);
|
||
|
||
watch(
|
||
() => store.billList,
|
||
(newValue) => storage.set('bill_list', newValue),
|
||
{ deep: true }
|
||
);
|
||
|
||
// 获取系统信息
|
||
const getSystemInfo = () => {
|
||
uni.getSystemInfo({
|
||
success: (res) => {
|
||
store.systemInfo.statusBarHeight = res.statusBarHeight || 0;
|
||
store.systemInfo.windowHeight = res.windowHeight || 0;
|
||
store.systemInfo.windowWidth = res.windowWidth || 0;
|
||
},
|
||
fail: (err) => {
|
||
console.error('获取系统信息失败:', err);
|
||
}
|
||
});
|
||
};
|
||
|
||
return {
|
||
store,
|
||
setUserInfo,
|
||
clearUserInfo,
|
||
updateSettings,
|
||
addBill,
|
||
updateBill,
|
||
deleteBill,
|
||
getBillList,
|
||
getSystemInfo
|
||
};
|
||
};
|