1107
This commit is contained in:
+133
@@ -0,0 +1,133 @@
|
||||
// 定义不需要永久存储的目录,即下次APP启动数据会自动清空,值为在modules目录下的文件名
|
||||
let notSaveStateKeys = ['$error'];
|
||||
|
||||
/* 以下代码请勿改动,除非你知道改动带来的效果 */
|
||||
|
||||
const modulesTemp = {};
|
||||
|
||||
let lifeData = uni.getStorageSync('lifeData') || {};
|
||||
// #ifdef VUE2
|
||||
const modulesFiles = require.context('./modules', true, /\.js$/);
|
||||
modulesFiles.keys().map((modulePath, index) => {
|
||||
let moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
|
||||
modulesTemp[moduleName] = modulesFiles(modulePath).default;
|
||||
});
|
||||
// #endif
|
||||
|
||||
// #ifdef VUE3
|
||||
const modulesFiles = import.meta.globEager('./modules/**/*.js');
|
||||
for (const modulePath in modulesFiles) {
|
||||
const moduleName = modulePath.replace(/^\.\/modules\/(.*)\.\w+$/, '$1')
|
||||
modulesTemp[moduleName] = modulesFiles[modulePath].default;
|
||||
}
|
||||
// #endif
|
||||
const modules = {};
|
||||
for (let moduleName in modulesTemp) {
|
||||
const moduleItem = modulesTemp[moduleName];
|
||||
if (moduleItem && moduleItem.namespaced) {
|
||||
let moduleNameArr = moduleName.split("/");
|
||||
let lastName = moduleNameArr[moduleNameArr.length - 1];
|
||||
if (lastName === "index") {
|
||||
moduleName = moduleName.replace(/\/index$/, '');
|
||||
}
|
||||
modules[moduleName] = moduleItem;
|
||||
}
|
||||
}
|
||||
|
||||
for (let moduleName in modules) {
|
||||
if (notSaveStateKeys.indexOf(moduleName) === -1) {
|
||||
if (!lifeData[moduleName]) lifeData[moduleName] = {};
|
||||
}
|
||||
}
|
||||
|
||||
uni.setStorageSync('lifeData', lifeData);
|
||||
|
||||
// 保存变量到本地存储中
|
||||
const saveLifeData = function(key, value) {
|
||||
// 判断变量名是否在需要存储的数组中
|
||||
if (notSaveStateKeys.indexOf(key) === -1) {
|
||||
// 获取本地存储的lifeData对象,将变量添加到对象中
|
||||
let tmp = uni.getStorageSync('lifeData');
|
||||
// 第一次打开APP,不存在lifeData变量,故放一个{}空对象
|
||||
tmp = tmp ? tmp : {};
|
||||
tmp[key] = value;
|
||||
// 执行这一步后,所有需要存储的变量,都挂载在本地的lifeData对象中
|
||||
uni.setStorageSync('lifeData', tmp);
|
||||
}
|
||||
}
|
||||
|
||||
// #ifndef VUE3
|
||||
import Vue from 'vue'
|
||||
import Vuex from 'vuex'
|
||||
|
||||
Vue.use(Vuex)
|
||||
|
||||
const store = new Vuex.Store({
|
||||
modules,
|
||||
// 如果是开发环境,则开启严格模式
|
||||
strict: process.env.NODE_ENV === 'development',
|
||||
// 公共 mutations
|
||||
mutations: {
|
||||
updateStore(state, payload) {
|
||||
// 判断是否多层级调用,state中为对象存在的情况,诸如user.info.score = 1
|
||||
if (typeof payload.value === "undefined") payload.value = "";
|
||||
let nameArr = payload.name.split('.');
|
||||
let saveKey = '';
|
||||
let len = nameArr.length;
|
||||
if (len >= 2) {
|
||||
let obj = state[nameArr[0]];
|
||||
for (let i = 1; i < len - 1; i++) {
|
||||
let keyName = nameArr[i];
|
||||
if (typeof obj[keyName] !== "object") obj[keyName] = {};
|
||||
obj = obj[keyName];
|
||||
}
|
||||
obj[nameArr[len - 1]] = JSON.parse(JSON.stringify(payload.value));
|
||||
saveKey = nameArr[0];
|
||||
} else {
|
||||
// 单层级变量,在state就是一个普通变量的情况
|
||||
state[payload.name] = JSON.parse(JSON.stringify(payload.value));
|
||||
saveKey = payload.name;
|
||||
}
|
||||
// 保存变量到本地,见顶部函数定义
|
||||
saveLifeData(saveKey, state[saveKey])
|
||||
}
|
||||
}
|
||||
})
|
||||
// #endif
|
||||
|
||||
// #ifdef VUE3
|
||||
import { createStore } from 'vuex'
|
||||
const store = createStore({
|
||||
modules,
|
||||
// 如果是开发环境,则开启严格模式
|
||||
strict: process.env.NODE_ENV === 'development',
|
||||
// 公共 mutations
|
||||
mutations: {
|
||||
updateStore(state, payload) {
|
||||
// 判断是否多层级调用,state中为对象存在的情况,诸如user.info.score = 1
|
||||
if (typeof payload.value === "undefined") payload.value = "";
|
||||
let nameArr = payload.name.split('.');
|
||||
let saveKey = '';
|
||||
let len = nameArr.length;
|
||||
if (len >= 2) {
|
||||
let obj = state[nameArr[0]];
|
||||
for (let i = 1; i < len - 1; i++) {
|
||||
let keyName = nameArr[i];
|
||||
if (typeof obj[keyName] !== "object") obj[keyName] = {};
|
||||
obj = obj[keyName];
|
||||
}
|
||||
obj[nameArr[len - 1]] = JSON.parse(JSON.stringify(payload.value));
|
||||
saveKey = nameArr[0];
|
||||
} else {
|
||||
// 单层级变量,在state就是一个普通变量的情况
|
||||
state[payload.name] = JSON.parse(JSON.stringify(payload.value));
|
||||
saveKey = payload.name;
|
||||
}
|
||||
// 保存变量到本地,见顶部函数定义
|
||||
saveLifeData(saveKey, state[saveKey])
|
||||
}
|
||||
}
|
||||
})
|
||||
// #endif
|
||||
|
||||
export default store
|
||||
@@ -0,0 +1,60 @@
|
||||
/**
|
||||
* vuex 系统状态管理模块
|
||||
*/
|
||||
import config from '@/app.config.js'
|
||||
|
||||
let lifeData = uni.getStorageSync('lifeData') || {};
|
||||
|
||||
let $app = lifeData.$app || {};
|
||||
|
||||
export default {
|
||||
// 通过添加 namespaced: true 的方式使其成为带命名空间的模块
|
||||
namespaced: true,
|
||||
/**
|
||||
* vuex的基本数据,用来存储变量
|
||||
*/
|
||||
state: {
|
||||
/**
|
||||
* 是否已经初始化
|
||||
* js调用示例
|
||||
* vk.getVuex('$app.inited');
|
||||
* 页面上直接使用示例
|
||||
* {{ vk.getVuex('$app.inited') }}
|
||||
* js更新示例
|
||||
* vk.setVuex('$app.inited', true);
|
||||
*/
|
||||
inited: $app.inited || false,
|
||||
config:{
|
||||
...config
|
||||
},
|
||||
// 动态主题色 vk.getVuex('$app.color.main') vk.setVuex('$app.color.main','#ff4444')
|
||||
color: $app.color || config.color,
|
||||
/**
|
||||
* vk.getVuex('$app.originalPage');
|
||||
* vk.setVuex('$app.originalPage', originalPage);
|
||||
*/
|
||||
originalPage: $app.originalPage || null, // 跳登录前的页面
|
||||
},
|
||||
/**
|
||||
* 从基本数据(state)派生的数据,相当于state的计算属性
|
||||
*/
|
||||
getters: {
|
||||
|
||||
},
|
||||
/**
|
||||
* 提交更新数据的方法,必须是同步的(如果需要异步使用action)。
|
||||
* 每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。
|
||||
* 回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数,提交载荷作为第二个参数。
|
||||
*/
|
||||
mutations: {
|
||||
|
||||
},
|
||||
/**
|
||||
* 和mutation的功能大致相同,不同之处在于 ==》
|
||||
* 1. Action 提交的是 mutation,而不是直接变更状态。
|
||||
* 2. Action 可以包含任意异步操作。
|
||||
*/
|
||||
actions: {
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
/**
|
||||
* vuex 用户状态管理模块
|
||||
*/
|
||||
let lifeData = uni.getStorageSync('lifeData') || {};
|
||||
|
||||
let $user = lifeData.$user || {};
|
||||
|
||||
export default {
|
||||
// 通过添加 namespaced: true 的方式使其成为带命名空间的模块
|
||||
namespaced: true,
|
||||
/**
|
||||
* vuex的基本数据,用来存储变量
|
||||
*/
|
||||
state: {
|
||||
/**
|
||||
* 登录用户信息
|
||||
* js调用示例
|
||||
* (推荐) vk.getVuex('$user.userInfo');
|
||||
* 或 vk.vuex.get('$user.userInfo');
|
||||
* 页面上直接使用示例
|
||||
* {{ vk.getVuex('$user.userInfo') }}
|
||||
* js更新示例
|
||||
* vk.setVuex('$user.userInfo.avatar', avatar);
|
||||
*/
|
||||
userInfo: $user.userInfo || {},
|
||||
permission:$user.permission || [],
|
||||
},
|
||||
/**
|
||||
* 从基本数据(state)派生的数据,相当于state的计算属性
|
||||
*/
|
||||
getters: {
|
||||
|
||||
},
|
||||
/**
|
||||
* 提交更新数据的方法,必须是同步的(如果需要异步使用action)。
|
||||
* 每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。
|
||||
* 回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数,提交载荷作为第二个参数。
|
||||
*/
|
||||
mutations: {
|
||||
|
||||
},
|
||||
/**
|
||||
* 和mutation的功能大致相同,不同之处在于 ==》
|
||||
* 1. Action 提交的是 mutation,而不是直接变更状态。
|
||||
* 2. Action 可以包含任意异步操作。
|
||||
*/
|
||||
actions: {
|
||||
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user