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

/**
 * 应用实体编辑视图（上下关系）基类
 *
 * @export
 * @class AppEditView4Base
 * @extends {EditViewBase}
 */
export class AppEditView4Base extends EditView4Base {
  /**
   * 绘制表单
   *
   * @return {*}
   * @memberof EditView3Base
   */
  renderMainForm() {
    if (!this.editFormInstance) {
      return null;
    }
    let { targetCtrlName, targetCtrlParam, targetCtrlEvent } = this.computeTargetCtrlData(this.editFormInstance);
    return this.$createElement(targetCtrlName, { slot: 'mainform', props: targetCtrlParam, ref: this.editFormInstance?.name, on: targetCtrlEvent });
  }

  /**
   * 渲染视图主体内容区
   *
   * @memberof EditView3Base
   */
  renderMainContent() {
    if (!this.drtabInstance) {
      return null;
    }
    let { targetCtrlName, targetCtrlParam, targetCtrlEvent } = this.computeTargetCtrlData(this.drtabInstance);
    Object.assign(targetCtrlParam.staticProps, {
      isShowSlot: false,
    });
    return this.$createElement(targetCtrlName, {
      slot: 'default',
      props: targetCtrlParam,
      ref: this.drtabInstance?.name,
      on: targetCtrlEvent,
    });
  }

  /**
   * 编辑视图渲染
   *
   * @memberof AppEditView4Base
   */
  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.renderMainForm(),
        this.renderMainContent(),
        this.renderBottomMessage(),
      ],
    );
  }
}
