import { createSlice } from '@reduxjs/toolkit';

export const slice = createSlice({
    name: 'tabPanes',
    initialState: {
        activeTab: '',
        panes:[{title:'111',content:'111',key:'111'}]
    },
    reducers: {
        close: (state,action) => {          //关闭tab
            state.activeTab = action.activeTab||'';
            state.panes.slice(action.index,1);
        },
        add: (state,action) => {        //打开新tab
            console.log(33,action)
            state.panes.push(action.payload);
            state.activeTab = action.payload.key;
        },
        active:(state,action) => {   console.log(action)       //切换tab
            state.activeTab = action.payload;
        },
    },
});

export const { close, active, add} = slice.actions;

export default slice.reducer;