import { AppLayoutService } from '../../../app-service/common-service/app-layout-service';
import { CreateElement } from 'vue';
import { EditView2Base } from '../../../view/editview2-base';

/**
 * 应用实体编辑视图基类
 *
 * @export
 * @class AppEditView2Base
 * @extends {EditView2Base}
 */
export class AppEditView2Base extends EditView2Base {
  /**
   * 渲染表单
   *
   * @memberof AppEditView2Base
   */
  renderForm() {
    if (!this.editFormInstance) {
      return;
    }
    let { targetCtrlName, targetCtrlParam, targetCtrlEvent } = this.computeTargetCtrlData(this.editFormInstance);
    return this.$createElement(targetCtrlName, { slot: 'mainform', props: targetCtrlParam, ref: this.editFormInstance?.name, on: targetCtrlEvent });
  }

  /**
   * 渲染视图主体内容区
   *
   * @memberof EditViewBase
   */
  renderMainContent() {
    if (!this.drbarInstance) {
      return null;
    }
    let { targetCtrlName, targetCtrlParam, targetCtrlEvent } = this.computeTargetCtrlData(this.drbarInstance);
    return this.$createElement(
      targetCtrlName,
      {
        slot: 'default',
        props: targetCtrlParam,
        ref: this.drbarInstance?.name,
        on: targetCtrlEvent,
      },
      [this.renderForm()],
    );
  }

  /**
   * 编辑视图渲染
   *
   * @memberof AppEditView2Base
   */
  render(h: CreateElement) {
    if (!this.viewIsLoaded) {
      return null;
    }
    const targetViewLayoutComponent: any = AppLayoutService.getLayoutComponent(`${this.viewInstance.viewType}-${this.viewInstance.viewStyle}`);
    return h(
      targetViewLayoutComponent,
      {
        props: { viewInstance: this.viewInstance, model: this.model, modelService: this.modelService, viewparams: this.viewparams, context: this.context },
      },
      [this.renderDataPanelInfo(), this.renderTopMessage(), this.renderCaptionInfo(), this.renderBodyMessage(), this.renderToolBar(), this.renderMainContent(), this.renderBottomMessage()],
    );
  }
}
