import { _decorator, Component, Node,instantiate } from 'cc';
import {characters} from "db://assets/Scripts/test/cfg/characters";
import li_BaseView from "db://assets/Scripts/Main/Common/li_BaseView";
import Utils from "db://assets/Scripts/Main/Common/Utils";
import {GirlListItem} from "db://assets/Scripts/test/girlListPanel/GirlListItem";
const { ccclass, property } = _decorator;

@ccclass('GirlListPanel')
export class GirlListPanel extends li_BaseView {
    private _nodeTab: any = {};

    itemInst:GirlListItem;
    content:Node;

    cache:GirlListItem[] = [];
    onLoadCT() {
        Utils.parseNode(this.node,this._nodeTab);
        this.registerListener();
        this.itemInst = this._nodeTab.BubbleItem.getComponent(GirlListItem);
        this.itemInst.node.active = false;
        this.content = this._nodeTab.content;
        this.show();
    }


    show()
    {
        if(this.cache)
        {
            for(let i = this.cache.length-1; i >=0; i--)
            {
                this.cache[i].node.destroy();
            }
        }
        const config = characters;
        for (let i = 0; i < config.length; i++) {
            const cfg = config[i];
            let newNode = instantiate(this.itemInst.node)
            let item = newNode.getComponent(GirlListItem);
            item.refreshData(cfg,this.node);
            newNode.active = true;
            this.cache.push(item);
            this.content.addChild(newNode);
        }
    }



    private registerListener() {}
}