import BasePageRender from "../component/BasePageRender";
import { getNearestComponentByHtmlElement } from "../common/util";
import BaseComponentRender from "../component/BaseComponentRender";

export default class PageRender extends BasePageRender {
  /**
   * 完成挂载后进行事件挂载
   */
  mounted() {
    if (this.$context.$mode !== "edit") {
      return;
    }

    this.bndEvent();
  }
  bndEvent() {
    this.$el.addEventListener(
      "click",
      (event) => {
        let component = getNearestComponentByHtmlElement<BaseComponentRender>(
          (event.srcElement || event.target) as HTMLElement,
          this.$children
        );
        if (component) {
          this.emit("click", component, event);

          event.preventDefault();
          event.stopPropagation();
        }
      },
      true
    );
  }
}