import { defineRenderer, {{element.type}}Element } from '@v-screen/component'

export const renderer = defineRenderer(
  class Renderer extends {{element.type}}Element {
    {{#if (isHost element.type)}}
    static panelConfig = {
      name: '编辑空间',
      panelLimit: 1000,
    }

    {{/if}}
    {{#if (shouldFeatureEditableAbilityImplement element)}}
    underEditingMode = false

    {{/if}}
    {{#if (shouldEventToggleStateAbilityImplement element)}}
    supportToggleStateEventAction = true
    currentState = 0
    get stateCount() {
      return 0
    }

    {{/if}}
    {{#if (shouldEventChangeCarouselStatusAbilityImplement element.abilities)}}
    supportChangeCarouselStatusEventAction = true

    {{/if}}
    {{#if (shouldEventDrillAbilityImplement element.abilities)}}
    supportDrillEventAction = true

    {{/if}}
    render(isFirstRender) {
      super.render(isFirstRender)

      /** 实现组件具体渲染逻辑 */
      if (isFirstRender) {
        const title = document.createElement('div')
        title.innerText = 'Hello Vanilla'
        title.style.cssText = `
          color: #ffffff;
          font-size: 24px;
        `
        this.variableContext.title = title
        this.container.appendChild(title)
      }
    }

    destroy(scene) {
      /** 实现组件具体销毁逻辑 */

      super.destroy(scene)
    }

    {{#if (shouldFeatureTipsAbilityImplement element)}}
    renderTips(error) {
      throw new Error('该方法还未实现')
    }

    removeTips() {
      throw new Error('该方法还未实现')
    }

    {{/if}}
    {{#if (shouldFeatureEditableAbilityImplement element)}}
    enterEdit() {
      throw new Error('该方法还未实现')
    }

    quitEdit() {
      throw new Error('该方法还未实现')
    }

    {{/if}}
    {{#if (shouldFeatureMagicMoveAbilityImplement element.abilities)}}
    animate(timeline) {
      throw new Error('该方法还未实现')
    }

    {{/if}}
    {{#if (shouldFeatureFontsAbilityImplement element.abilities)}}
    onFontsUpdated() {
      throw new Error('该方法还未实现')
    }

    {{/if}}
    {{#if (shouldEventToggleStateAbilityImplement element)}}
    renderNextState(isFirstRender) {
      throw new Error('该方法还未实现')
    }

    {{/if}}
    {{#if (shouldEventChangeCarouselStatusAbilityImplement element.abilities)}}
    stopInterval(isFirstRender) {
      throw new Error('该方法还未实现')
    }
    startInterval(isFirstRender) {
      throw new Error('该方法还未实现')
    }
    toggleInterval(isFirstRender) {
      throw new Error('该方法还未实现')
    }

    {{/if}}
    {{#if (shouldEventDrillAbilityImplement element.abilities)}}
    drill(value) {
      throw new Error('该方法还未实现')
    }
    {{/if}}
  }
)