import { createStore } from 'vuex'
import user from './modules/user'
import panel from './modules/panel'

const store = createStore({
  modules: {
    user,
    panel
  },
  state () {
    return {
      isShrink: localStorage.getItem('cn-left-menu-shrink') === 'true',
      i18n: false,

      showEntityTypeSelector: false, // 在entity explore页面时，控制header显示实体类型选择框
      from: '' // entity type
    }
  },
  getters: {
    getIsShrink (state) {
      return state.isShrink
    },
    getShowEntityTypeSelector (state) {
      return state.showEntityTypeSelector
    },
    from (state) {
      return state.from
    },
    entityName (state) {
      return state.entityName
    }
  },
  mutations: {
    isShrink (state) {
      state.isShrink = !state.isShrink
      localStorage.setItem('cn-left-menu-shrink', state.isShrink)
    },
    loadI18n (state) {
      state.i18n = true
    },
    entityTypeChange (state, from) {
      if (from) {
        state.from = from
      }
    },
    showEntityTypeSelector (state, show) {
      state.showEntityTypeSelector = show
    }
  }
})

export default store