167 lines
3.5 KiB
JavaScript
167 lines
3.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
|
||
},
|
||
|
||
// 示例数据：待办事项
|
||
todos: storage.get('todos') || [],
|
||
|
||
// 示例数据：商品列表
|
||
products: storage.get('products') || [],
|
||
|
||
|
||
});
|
||
|
||
// 定义操作方法
|
||
export const useStore = () => {
|
||
// 用户相关操作
|
||
const setUserInfo = (userInfo) => {
|
||
store.userInfo = userInfo;
|
||
};
|
||
|
||
const clearUserInfo = () => {
|
||
store.userInfo = null;
|
||
};
|
||
|
||
// 设置相关操作
|
||
const updateSettings = (settings) => {
|
||
store.settings = { ...store.settings, ...settings };
|
||
};
|
||
|
||
// 待办事项相关操作
|
||
const addTodo = (todo) => {
|
||
const newTodo = {
|
||
id: Date.now(),
|
||
...todo,
|
||
completed: false,
|
||
createdAt: new Date().toISOString()
|
||
};
|
||
store.todos.push(newTodo);
|
||
return newTodo;
|
||
};
|
||
|
||
const updateTodo = (id, updates) => {
|
||
const index = store.todos.findIndex(todo => todo.id === id);
|
||
if (index !== -1) {
|
||
store.todos[index] = { ...store.todos[index], ...updates };
|
||
return store.todos[index];
|
||
}
|
||
return null;
|
||
};
|
||
|
||
const deleteTodo = (id) => {
|
||
const index = store.todos.findIndex(todo => todo.id === id);
|
||
if (index !== -1) {
|
||
store.todos.splice(index, 1);
|
||
return true;
|
||
}
|
||
return false;
|
||
};
|
||
|
||
// 商品相关操作
|
||
const addProduct = (product) => {
|
||
const newProduct = {
|
||
id: Date.now(),
|
||
...product,
|
||
createdAt: new Date().toISOString()
|
||
};
|
||
store.products.push(newProduct);
|
||
return newProduct;
|
||
};
|
||
|
||
const updateProduct = (id, updates) => {
|
||
const index = store.products.findIndex(product => product.id === id);
|
||
if (index !== -1) {
|
||
store.products[index] = { ...store.products[index], ...updates };
|
||
return store.products[index];
|
||
}
|
||
return null;
|
||
};
|
||
|
||
const deleteProduct = (id) => {
|
||
const index = store.products.findIndex(product => product.id === id);
|
||
if (index !== -1) {
|
||
store.products.splice(index, 1);
|
||
return true;
|
||
}
|
||
return false;
|
||
};
|
||
|
||
|
||
|
||
// 数据持久化
|
||
// 监听store变化，自动保存到本地存储
|
||
watch(
|
||
() => store.userInfo,
|
||
(newValue) => storage.set('userInfo', newValue),
|
||
{ deep: true }
|
||
);
|
||
|
||
watch(
|
||
() => store.settings,
|
||
(newValue) => storage.set('settings', newValue),
|
||
{ deep: true }
|
||
);
|
||
|
||
watch(
|
||
() => store.todos,
|
||
(newValue) => storage.set('todos', newValue),
|
||
{ deep: true }
|
||
);
|
||
|
||
watch(
|
||
() => store.products,
|
||
(newValue) => storage.set('products', 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,
|
||
addTodo,
|
||
updateTodo,
|
||
deleteTodo,
|
||
addProduct,
|
||
updateProduct,
|
||
deleteProduct,
|
||
getSystemInfo
|
||
};
|
||
};
|