import { _decorator, Component, Node, Label, tween, Vec3, UIOpacity } from "cc";
import li_BaseView from "../../../Main/Common/li_BaseView";
import Utils from "../../../Main/Common/Utils";
import { ViewManager } from "../../../Main/Manager/ViewManager";
import { GButton } from "../../../Main/Common/GButton";

const { ccclass, property } = _decorator;

interface TipsPanelData {
  content: string;
  duration?: number;
  autoClose?: boolean;
}

@ccclass("TipsPanel")
export class TipsPanel extends li_BaseView {
  private _nodeTab: any = {};
  private _data: TipsPanelData;
  private contentLabel: Label;

  static show(content: string, duration: number = 1) {
    ViewManager.I.openBundlesPopupView("TipsPanel", {
      content: content,
      duration: duration,
      autoClose: true,
    });
  }

  onLoadCT() {
    Utils.parseNode(this.node, this._nodeTab);
    this.contentLabel = this._nodeTab.text.getComponent(Label);
    this.setupUI();
    
    // 如果数据已经传入，立即更新内容
    if (this._data) {
      this.updateContent();
    }
  }

  openUIData(data: TipsPanelData) {
    this._data = data;
    
    // 如果UI已经初始化，立即更新内容
    if (this.contentLabel) {
      this.updateContent();
    }
  }

  private setupUI() {
    if (this._nodeTab.mask) {
      GButton.BandClick(this._nodeTab.mask, this.onMaskClick, this);
    }

    this.node.setScale(Vec3.ZERO);
    const uiOpacity =
      this.node.getComponent(UIOpacity) || this.node.addComponent(UIOpacity);
    uiOpacity.opacity = 0;

    this.playShowAnimation();
  }

  private updateContent() {
    if (this.contentLabel && this._data) {
      this.contentLabel.string = this._data.content;

      if (this._data.autoClose !== false) {
        const duration = this._data.duration || 1;
        this.scheduleOnce(this.autoClose, duration);
      }
    }
  }

  private playShowAnimation() {
    const uiOpacity = this.node.getComponent(UIOpacity);

    tween(this.node)
      .to(0.3, { scale: Vec3.ONE }, { easing: "backOut" })
      .start();

    tween(uiOpacity).to(0.3, { opacity: 255 }).start();
  }

  private playHideAnimation(callback?: () => void) {
    const uiOpacity = this.node.getComponent(UIOpacity);

    tween(this.node)
      .to(0.2, { scale: new Vec3(0.8, 0.8, 1) })
      .start();

    tween(uiOpacity)
      .to(0.2, { opacity: 0 })
      .call(() => {
        callback && callback();
      })
      .start();
  }

  private onMaskClick() {
    this.closePanel();
  }

  private autoClose() {
    this.closePanel();
  }

  private closePanel() {
    this.playHideAnimation(() => {
      this.close();
    });
  }
}