This commit is contained in:
2023-11-07 17:11:57 +08:00
commit 1358e52fdb
643 changed files with 84924 additions and 0 deletions
+133
View File
@@ -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
+60
View File
@@ -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: {
}
}
+50
View File
@@ -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: {
}
}