import {Module} from 'vuex'
import {RootState} from '../index'
import { message } from "ant-design-vue";

interface UploadFiles{
    moodboardFiles:any,
    printboardFiles:any,
    generatePrintFiles:any,
	generateFiles:any,
	MaterialFiles:any,
	generateList:any,
    colorBoards:any,
    skecthboardFiles:any,
    marketingSketchFiles:any,
    allBoardData:any, //备份的所有数据，点finish之后备份
    moodTemplateId:any,
}

const UploadFilesModule : Module<UploadFiles,RootState> = {
    state:{
        moodboardFiles:[],
        printboardFiles:[],
        generatePrintFiles:[],
		generateFiles:[],
		MaterialFiles:[],
		generateList:[],
        colorBoards:[],
        skecthboardFiles:[],
        marketingSketchFiles:[],
        allBoardData:{},
        moodTemplateId:'',
    },
    mutations:{
        setMoodboardFile(state,files){
			state.moodboardFiles = files
        },
        setPrintboardFile(state,files){
            state.printboardFiles = files
        },
        setGeneratePrintFile(state,files){
            state.generatePrintFiles = files
        },
		addGenerateMaterialFils(state,data){
			let file
			let arr = [...state.generateFiles,...state.MaterialFiles,...state.moodboardFiles]
			if(data.type_ == 'generate'){
				file = state.generateFiles
			}else{
				file = state.MaterialFiles
			}
			if(file.length == 0){
				if(arr.length >= 8){
					message.error('You can select up to 8 images')
				}else{
					data.checked = true
					file.push(data)
				}
			}else{
				let str = true
				for (let index = 0; index < file.length; index++) {
					if(file[index].id_ == data.id_){
						// data.id_ = GO.id++
						str = false
					}
				}
				if(str){
					if(arr.length >= 8){
						message.error('You can select up to 8 images')
					}else{
						data.checked = true
						file.push(data)
					}
				}else{
					data.checked = false
					file = file.filter((v:any)=> v.id_ != data.id_)
				}
			}
			if(data.type_ == 'generate'){
				state.generateFiles = file
			}else{
				state.MaterialFiles = file
			}
        },
		getGenerateList(state,list){
            state.generateList = list
        },
		// setGenerateFils(state,files){
        //     state.generateFiles = files
        // },
        setColorboardList(state,colorBoards){
            state.colorBoards = colorBoards
        },
        setSketchboardFile(state,files){
            state.skecthboardFiles = files
        },
        setMarketingSketchFile(state,files){
            state.marketingSketchFiles = files
        },
        setAllBoardData(state){
            state.allBoardData = {
                moodboardFiles:state.moodboardFiles,
                printboardFiles:state.printboardFiles,
                generatePrintFiles:state.generatePrintFiles,
                generateFiles:state.generateFiles,
                colorBoards:state.colorBoards,
                skecthboardFiles:state.skecthboardFiles,
                marketingSketchFiles:state.marketingSketchFiles,
                moodTemplateId:state.moodTemplateId,
            }
        },
        setAllBoardDataChoose(state,data){
            state.allBoardData = data
        },
        clearAllData(state){
            state.moodboardFiles = []
            state.printboardFiles = []
            state.generatePrintFiles=[]
            state.generateFiles = []
            state.MaterialFiles = []
            state.colorBoards = []
            state.skecthboardFiles = []
            state.marketingSketchFiles = []
            state.moodTemplateId = ''
        },
        setMoodTemplateId(state,moodTemplateId){
            state.moodTemplateId = moodTemplateId
        },
        clearMoodTemplateId(state){
            state.moodTemplateId = ''
        },
    },
    actions:{

    }
}

export default UploadFilesModule