import { _decorator, tween, v3 } from "cc";
import { ecs } from "../../../../extensions/oops-plugin-framework/assets/libs/ecs/ECS";
import { CCComp } from "../../../../extensions/oops-plugin-framework/assets/module/common/CCComp";
import { GameEvent } from "../common/config/GameEvent";
import { CardComp } from "./CardComp";
import { cardType, getRandomCardsByType } from "../common/config/CardSet";

const { ccclass, property } = _decorator;

/** 视图层对象 */
@ccclass('CardsCompComp')
@ecs.register('CardsComp', false)
export class CardsCompComp extends CCComp {
    card1:any=null
    card2:any=null
    card3:any=null
    card4:any=null
    card1c:CardComp=null
    card2c:CardComp=null
    card3c:CardComp=null
    card4c:CardComp=null

    /** 视图层逻辑代码分离演示 */
    onLoad() {
        // var entity = this.ent as ecs.Entity;         // ecs.Entity 可转为当前模块的具体实体对象
        this.on(GameEvent.HeroSkillSelect, this.onHeroSkillSelect, this);
        this.on(GameEvent.HeroSkillSelectEnd, this.hide, this);
        this.on(GameEvent.HeroSelect, this.onHeroSelect, this);
        this.on(GameEvent.HeroSelectEnd, this.hide, this);
        this.on(GameEvent.CardRefresh, this.show, this);
        this.on(GameEvent.CardRefreshEnd, this.hide, this);
        this.on(GameEvent.CardsClose, this.hide, this);

        this.card1=this.node.getChildByName("card1")
        this.card2=this.node.getChildByName("card2")
        this.card3=this.node.getChildByName("card3")
        this.card4=this.node.getChildByName("card4")
        this.card1c=this.card1.getComponent(CardComp)
        this.card2c=this.card2.getComponent(CardComp)
        this.card3c=this.card3.getComponent(CardComp)
        this.card4c=this.card4.getComponent(CardComp)


    }
    onHeroSelect(event: string, args: any){
        this.show(GameEvent.HeroSelect,args)
        let list=getRandomCardsByType(cardType.HERO,4)
        console.log("cards onHeroSelect",list)
        this.card1c.hero_select(GameEvent.HeroSelect,list[0])
        this.card2c.hero_select(GameEvent.HeroSelect,list[1])
        this.card3c.hero_select(GameEvent.HeroSelect,list[2])
        this.card4c.hero_select(GameEvent.HeroSelect,list[3])
    }
    
    onHeroSkillSelect(event: string, args: any){
       
        this.show(GameEvent.HeroSkillSelect,args)
        let list=getRandomCardsByType(cardType.SKILL,4)
        console.log("cards onHeroSkillSelect",list)
        this.card1c.hero_skill_select(GameEvent.HeroSkillSelect,list[0])
        this.card2c.hero_skill_select(GameEvent.HeroSkillSelect,list[1])
        this.card3c.hero_skill_select(GameEvent.HeroSkillSelect,list[2])
        this.card4c.hero_skill_select(GameEvent.HeroSkillSelect,list[3])
    }

    show(e:GameEvent,data:any){
        // 设置初始状态
        this.node.setPosition(v3(0, 0, 0));
        this.node.setScale(v3(0, 0, 1));
        
        // 使用缓动动画放大和移动
        tween(this.node)
            .parallel(
                tween().to(0.3, { scale: v3(1, 1, 1) }, { easing: 'backOut' }),
                tween().to(0.3, { position: v3(0, 640, 0) }, { easing: 'backOut' })
            )
            .start();
    }

    hide(e:GameEvent,data:any){
        tween(this.node)
            .parallel(
                tween().to(0.3, { scale: v3(0, 0, 1) }, { easing: 'backIn' }),
                tween().to(0.3, { position: v3(0, 0, 0) }, { easing: 'backIn' })
            )
            .call(()=>{
                this.node.setPosition(v3(0, -1000, 0));
            })
            .start();
    }

    /** 视图对象通过 ecs.Entity.remove(ModuleViewComp) 删除组件是触发组件处理自定义释放逻辑 */
    reset() {
        this.node.destroy();
    }

}