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

interface UploadFiles{
	moodboard:any,
    moodboardFiles:any,
	moodboardGenerateFiles:any,
	moodboardMaterialFiles:any,
	sketchboard:any,
    sketchboardFiles:any,
	sketchGenerateFiles:any,
	sketchMaterialFiles:any,
	printboard:any,
    printboardFiles:any,
	printGenerateFiles:any,
	printMaterialFiles:any,
    colorBoards:any,
    marketingSketchFiles:any,
    allBoardData:any, //备份的所有数据，点finish之后备份
    moodTemplateId:any,
}

const UploadFilesModule : Module<UploadFiles,RootState> = {
    state:{
		moodboard:[],
        moodboardFiles:[],
		moodboardGenerateFiles:[],
		moodboardMaterialFiles:[],
		sketchboard:[],
        sketchboardFiles:[],
		sketchGenerateFiles:[],
		sketchMaterialFiles:[],
		printboard:[],
        printboardFiles:[],
		printGenerateFiles:[],
		printMaterialFiles:[],
        colorBoards:[],
        marketingSketchFiles:[],
        allBoardData:{},
        moodTemplateId:'',
		
    },
    mutations:{
		
        setMoodboardFile(state,files){
			state.moodboardFiles = files
			state.moodboard = [...state.moodboardFiles,...state.moodboardGenerateFiles,...state.moodboardMaterialFiles]	
        },
		addGenerateMaterialFils(state,data){
			let file
			let arr = state.moodboard
			if(data.type_.type1 == 'generate'){
				
				if(data.type_.type2 == 'Moodboard'){
					file = state.moodboardGenerateFiles
				}else if(data.type_.type2 == 'Sketchboard'){
					file = state.sketchGenerateFiles
				}else if(data.type_.type2 == 'Printboard'){
					file = state.printGenerateFiles
				}
			}else{
				if(data.type_.type2 == 'Moodboard'){
					file = state.moodboardMaterialFiles
				}else if(data.type_.type2 == 'Sketchboard'){
					file = state.sketchMaterialFiles
				}else if(data.type_.type2 == 'Printboard'){
					file = state.printGenerateFiles
				}
			}
			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_.type1 == 'generate'){
				if(data.type_.type2 == 'Moodboard'){
					state.moodboardGenerateFiles = file 
				}else if(data.type_.type2 == 'Sketchboard'){
					state.sketchGenerateFiles = file 
				}else if(data.type_.type2 == 'Printboard'){
					state.printGenerateFiles = file
				}
			}else{
				if(data.type_.type2 == 'Moodboard'){
					state.moodboardMaterialFiles = file 
				}else if(data.type_.type2 == 'Sketchboard'){
					state.sketchMaterialFiles = file 
				}else if(data.type_.type2 == 'Printboard'){
					state.printMaterialFiles = state.printMaterialFiles
				}
			}
			state.moodboard = [...state.moodboardFiles,...state.moodboardGenerateFiles,...state.moodboardMaterialFiles]	
			state.sketchboard = [...state.sketchboardFiles,...state.sketchGenerateFiles,...state.sketchMaterialFiles]	
			state.printboard = [...state.printboardFiles,...state.printGenerateFiles,...state.printMaterialFiles]	
        },
		setSketchboardFile(state,files){
            state.sketchboardFiles = files
			state.sketchboard = [...state.sketchboardFiles,...state.sketchGenerateFiles,...state.sketchMaterialFiles]	

        },
		setPrintboardFile(state,files){
            state.printboardFiles = files
			state.printboard = [...state.printboardFiles,...state.printGenerateFiles,...state.printMaterialFiles]	
        },


		
        setColorboardList(state,colorBoards){
            state.colorBoards = colorBoards
        },
        setMarketingSketchFile(state,files){
            state.marketingSketchFiles = files
        },
        setAllBoardData(state){
            state.allBoardData = {
                moodboardFiles:state.moodboard,
                printboardFiles:state.printboardFiles,
                colorBoards:state.colorBoards,
                sketchboardFiles:state.sketchboard,
                marketingSketchFiles:state.marketingSketchFiles,
                moodTemplateId:state.moodTemplateId,
            }
        },
        setAllBoardDataChoose(state,data){
            state.allBoardData = data
        },
        clearAllData(state){
            state.moodboard = []
            state.moodboardFiles = []
            state.moodboardGenerateFiles = []
            state.moodboardMaterialFiles = []
            state.sketchboard = []
			state.sketchboardFiles = []
            state.sketchGenerateFiles = []
            state.sketchMaterialFiles = []
			state.printboard = []
			state.printboardFiles = []
            state.printGenerateFiles = []
            state.printMaterialFiles = []
			state.colorBoards = []
            state.marketingSketchFiles = []
            state.moodTemplateId = ''
        },
        setMoodTemplateId(state,moodTemplateId){
            state.moodTemplateId = moodTemplateId
        },
        clearMoodTemplateId(state){
            state.moodTemplateId = ''
        },
    },
    actions:{

    }
}

export default UploadFilesModule