Method afterCreate

web/src/components/player/danmuPlugins.ts:125–176

()

  private opacitySlider: HTMLInputElement | null = null;

  override afterCreate() {
    if (this.config.disable) {
      return;
    }
    this.currentSettings = typeof this.config.getSettings === 'function'
      ? this.config.getSettings()
      : this.currentSettings;
    this.currentSettings.area = sanitizeDanmuArea(this.currentSettings.area);
    this.currentSettings.opacity = sanitizeDanmuOpacity(this.currentSettings.opacity);
    if (typeof this.currentSettings.strokeColor !== 'string') {
      this.currentSettings.strokeColor = '#444444';
    }

    this.createPanel();
    this.updateInputs();

    this.handleToggle = (event: Event) => {
      event.preventDefault();
      event.stopPropagation();
      this.togglePanel();
    };

    this.bind(['click', 'touchend'], this.handleToggle);

    if (typeof document !== 'undefined') {
      this.handleDocumentClick = (event: MouseEvent) => {
        if (!this.root.contains(event.target as Node)) {
          this.closePanel();
        }
      };
      document.addEventListener('click', this.handleDocumentClick);
    }

    this.handleHoverEnter = () => {
      if (this.hoverCloseTimer) {
        clearTimeout(this.hoverCloseTimer);
        this.hoverCloseTimer = null;
      }
      this.openPanel();
    };
    this.handleHoverLeave = () => {
      if (this.hoverCloseTimer) {
        clearTimeout(this.hoverCloseTimer);
      }
      this.hoverCloseTimer = setTimeout(() => {
        this.hoverCloseTimer = null;
        this.closePanel();
      }, 220);
    };
    this.bind('mouseenter', this.handleHoverEnter);
    this.bind('mouseleave', this.handleHoverLeave);
  }

  override destroy() {
    if (this.handleToggle) {