TALL-MUI-4/store/index.js

import { createStore } from 'vuex';
import project from './project/index.js';
import role from './role/index.js';
import socket from './socket/index.js';
import task from './task/index.js';
import user from './user/index.js';

// 不属于具体模块的 应用级的 store内容
const state = {
  theme: 'theme-default',
  networkConnected: true, // 网络是否连接
  forceUseStorage: true, // 强制启用storage
  systemInfo: null, // 系统设备信息
};

const getters = {
  // 是否启用本地存储
  // 设置了强制启用本地存储 或者 没有网络连接的时候
  useStorage({ networkConnected, forceUseStorage }) {
    return forceUseStorage || !networkConnected;
  },
};

const mutations = {
  /**
   * 设置网络是否连接的变量
   * @param {*} state
   * @param {boolean} networkConnected
   */
  setNetworkConnected(state, networkConnected) {
    state.networkConnected = networkConnected;
  },

  /**
   * 设置系统信息的数据
   * @param {object} state
   * @param {object | null} data 获取到的数据
   */
  setSystemInfo(state, data) {
    state.systemInfo = data;
  },

  /**
   * 设置主题
   * @param {object} state
   * @param {string} theme 主题名称 默认theme-default
   */
  setTheme(state, theme) {
    state.theme = theme || 'theme-default';
  },
};

export default createStore({
  state,
  getters,
  mutations,
  modules: { user, socket, project, role, task },
});