import { _decorator, Component, Node, Sprite } from 'cc';
const { ccclass } = _decorator;

/** 战斗技能格子：背景 + 图标 */
@ccclass('SkillGrid')
export class SkillGrid extends Component {

    /** 格子背景 */
    bg: Sprite = null;
    /** 技能图标 */
    icon: Sprite = null;
    /** 绑定的技能配表行 */
    skillData: ITableSkill = null;

    protected onLoad(): void {
        this.bg = this.resolveChildSprite('quality', 'q', 'bg');
        this.icon = this.resolveChildSprite('icon');
    }

    protected onEnable(): void {
        this.node.on(Node.EventType.TOUCH_END, this.onClick, this);
    }

    protected onDisable(): void {
        this.node.off(Node.EventType.TOUCH_END, this.onClick, this);
    }

    /** 刷新格子展示数据 */
    setData(data: ITableSkill): void {
        this.skillData = data;
    }

    /** 点击技能格 */
    onClick(): void {
        console.log('onClickSkill', JSON.stringify(this.skillData));
    }

    /** 按候选节点名解析 Sprite，均未命中则 warn */
    private resolveChildSprite(...names: string[]): Sprite | null {
        for (const name of names) {
            const child = this.node.getChildByName(name);
            if (!child) continue;
            const sprite = child.getComponent(Sprite);
            if (sprite) return sprite;
        }
        console.log('[SkillGrid] 未找到 Sprite 子节点', this.node.name, names.join('|'));
        return null;
    }
}