tanqiu/assets/scripts/CombatSystem/SkillSelection/SkillSelectionController.ts

import { _decorator, Component, Node, Button, Vec3, find } from 'cc';
import SkillButtonAnimator from './SkillButtonAnimator';
import { GameManager } from '../../LevelSystem/GameManager';
const { ccclass, property } = _decorator;

/**
 * SkillSelectionController
 * 放在 Canvas/SelectSkillUI 节点上。
 * 负责监听技能按钮点击，并按顺序播放缩小动画，最后关闭整个 SelectSkillUI。
 */
@ccclass('SkillSelectionController')
export class SkillSelectionController extends Component {

    @property({ type: [Node], tooltip: '技能按钮节点列表，留空则自动从 SkillsContainer 获取' })
    public skillButtons: Node[] = [];

    @property({ tooltip: '缩小动画时长（秒）' })
    public shrinkDuration: number = 0.25;

    private _clicked = false;

    start() {
        // 自动收集按钮
        if (this.skillButtons.length === 0) {
            const container = this.node.getChildByName('SkillsContainer');
            if (container) {
                this.skillButtons = container.children;
            }
        }

        // 绑定点击事件
        this.skillButtons.forEach(btn => {
            const buttonComp = btn.getComponent(Button);
            if (buttonComp) {
                buttonComp.node.on(Button.EventType.CLICK, () => this.onSkillSelected(btn));
            } else {
                // 兜底：直接监听触摸
                btn.on(Node.EventType.TOUCH_END, () => this.onSkillSelected(btn));
            }
        });
    }

    /**
     * 玩家选择某技能按钮
     */
    private onSkillSelected(selectedBtn: Node) {
        if (this._clicked) return; // 只允许一次
        this._clicked = true;

        // 禁用所有按钮交互
        this.skillButtons.forEach(btn => {
            const b = btn.getComponent(Button);
            if (b) b.interactable = false;
        });

        const otherBtns = this.skillButtons.filter(btn => btn !== selectedBtn);
        let finishedOthers = 0;

        // 所有其他按钮完成动画后，再收缩选中按钮
        const onOtherFinished = () => {
            finishedOthers++;
            if (finishedOthers >= otherBtns.length) {
                // 收缩选中按钮
                const selAnim = selectedBtn.getComponent(SkillButtonAnimator);
                selAnim?.playShrink(this.shrinkDuration, undefined, () => {
                    // 关闭整个 UI
                    this.node.active = false;

                    // 恢复游戏并重置能量
                    const gm = this.getGameManager();
                    if (gm) {
                        gm.resetEnergy();
                        gm.resumeGame();
                    }
                });
            }
        };

        // 播放其他按钮动画
        const targetPos = selectedBtn.position.clone();
        otherBtns.forEach(btn => {
            const anim = btn.getComponent(SkillButtonAnimator);
            anim?.playShrink(this.shrinkDuration, targetPos, onOtherFinished);
        });
    }

    private _gameManager: GameManager = null;
    private getGameManager(): GameManager {
        if (this._gameManager && this._gameManager.isValid) return this._gameManager;
        const gmNode = find('GameManager');
        if (gmNode) {
            this._gameManager = gmNode.getComponent(GameManager);
        }
        return this._gameManager;
    }
}

export default SkillSelectionController;