import { createStore } from 'vuex'

const store: any = createStore({
    state: {
        collapsed: false, // menu是否折叠， 默认不折叠
        isBread: true, // 是否展示面包屑
        margin0: false, // 主内容区是否需要设置margin为0
        padding0: false, // 主内容区是否需要设置padding为0
        accesstoken: !window.__MICRO_APP_ENVIRONMENT__
            ? sessionStorage.getItem('accesstoken')
            : '',
        userInfo: !window.__MICRO_APP_ENVIRONMENT__ ? JSON.parse(sessionStorage.getItem('userInfo') || '{}') : {}, // 用户信息
        layoutType: 'old', // 布局类型，old标题栏不跟随滚动 new标题栏跟随滚动
    },
    mutations: {
        COLLAPSED(state: Record<string, unknown>, collapsed: boolean): void {
            state.collapsed = collapsed
        },
        ISBREAD(state: Record<string, unknown>, isBread: boolean): void {
            state.isBread = isBread
        },
        MARGIN0(state: Record<string, unknown>, margin0: boolean): void {
            state.margin0 = margin0
        },
        PADDING0(state: Record<string, unknown>, padding0: boolean): void {
            state.padding0 = padding0
        },
        USERINFO(
            state: Record<string, unknown>,
            userInfo: Record<string, unknown>
        ): void {
            state.userInfo = userInfo
        },
        ACCESSTOKEN(
            state: Record<string, unknown>,
            accesstoken: Record<string, any>
        ): void {
            state.accesstoken = accesstoken
        },
        LAYOUTTYPE(state: Record<string, unknown>, layoutType: boolean): void {
            state.layoutType = layoutType
        },
    },
})
export default store