import { createStore, createLogger } from 'vuex';
import weather from './modules/weather';
import user from './modules/user';

const debug = process.env.NODE_ENV !== 'production';

// 默认状态
const state = {
  websocketTimeSec: 1000,
  loading: false, //全局 - 加载中....
  themeName: localStorage.getItem("themeName") || "dark", // 主题
  menuData: [],
  windturbineMap: {},
  moudleName: "",
};

//改变状态的方法`
const mutations = {
  loadingStore(state, tag) {
    state.loading = tag;
  },
  changeTheme(state, tag) {
    state.themeName = tag;
  },
  update(state, newData) {
    state.windturbineMap = newData.data
  },
  changeMenuData(state, newData) {
    state.menuData = newData;
  },
  changeModuleName(state, newData) {
    state.moudleName = newData;
  }
};

const actions = {
  getupdate(context, newData) {
    context.commit("update", newData);
  },
  changeTheme(context, str) {
    context.commit("changeTheme", str);
  },
  changeMenuData(context, str) {
    context.commit("changeMenuData", str);
  },
  changeModuleName(context, str) {
    context.commit("changeModuleName", str);
  }
};

const getters = {
  authToken: state => state.user.authToken,  //建立token的快捷访问   user 是因为index.js中导入的时候名称定义为user
  submitDDTag: state => state.submitDDTag,
  loading: state => state.loading,
  username: state => state.user.username,
  themeName: state => state.themeName,
  asidez: state => state.z,
  mainy: state => state.y,
  login: state => state.login,
  menuData: state => state.menuData
}

export default createStore({
  modules: {
    weather,
    user
  },
  state,
  mutations,
  actions,
  getters,
  strict: debug,
  plugins: debug ? [createLogger()] : []
});