/*
 * 简单状态管理
 */

import { reactive } from 'vue';

const state = () => ({
    //选中工具栏
    CurrentlySelectedToolBar: {
        Type: '', //选中的工具栏svg类型
        TypeName: '', //选中的工具栏svg类型名称
        Title: '', //选中的工具栏svg标题
        Color: '', //选中的工具栏svg颜色
        CreateType: '', //选中工具栏的创建方式
        EChartsOption: '' //选中工具栏的图表默认option
    }
})
const getters = {
    CurrentlySelectedToolBar: (state) => state.CurrentlySelectedToolBar
}
const mutations = {
    setCurrentlySelectedToolBar(state, newValue) {
        state.CurrentlySelectedToolBar = newValue;
        //console.log(newValue)
    },
    clearCurrentlySelectedToolBar() {
        state.CurrentlySelectedToolBar = {
            Type: '', //选中的工具栏svg类型
            TypeName: '', //选中的工具栏svg类型名称
            Title: '', //选中的工具栏svg标题
            Color: '', //选中的工具栏svg颜色
            CreateType: '', //选中工具栏的创建方式
            EChartsOption: '' //选中工具栏的图表默认option
        }
    }
}
const actions = {
    setCurrentlySelectedToolBarAction({ commit }, newValue) {
        commit('setCurrentlySelectedToolBar', newValue)
    },
    clearCurrentlySelectedToolBarAction({ commit }, newValue) {
        commit('clearCurrentlySelectedToolBar', newValue)
    },

}
export default {
    namespaced: true,
    state,
    mutations,
    actions
}