import { _decorator, Component, Node } from 'cc';
import { RosterManager } from './RosterManager';
const { ccclass, property } = _decorator;

/**
 * 名单触发器，用于点击场景中的名单图片时激活名单UI
 */
@ccclass('RosterTrigger')
export class RosterTrigger extends Component {
    @property({
        type: RosterManager,
        tooltip: '名单管理器引用'
    })
    rosterManager: RosterManager = null;
    
    @property({
        tooltip: '是否启用触发器'
    })
    isEnabled: boolean = true;
    
    start() {
        // 注册节点点击事件
        this.node.on(Node.EventType.TOUCH_END, this.onRosterClicked, this);
    }
    
    /**
     * 名单被点击时的处理
     */
    private onRosterClicked() {
        if (!this.isEnabled) {
            return;
        }
        
        console.log('名单图片被点击');
        
        // 如果有名单管理器引用，则显示名单UI
        if (this.rosterManager) {
            this.rosterManager.showRosterPanel();
        } else {
            console.error('未设置名单管理器引用，无法显示名单UI');
        }
    }
    
    /**
     * 启用触发器
     */
    public enable() {
        this.isEnabled = true;
    }
    
    /**
     * 禁用触发器
     */
    public disable() {
        this.isEnabled = false;
    }
    
    onDestroy() {
        // 移除事件监听
        this.node.off(Node.EventType.TOUCH_END, this.onRosterClicked, this);
    }
}