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

/**
 * 实体分页搜索视图基类
 *
 * @export
 * @class AppTabSearchViewBase
 * @extends {TabExpViewBase}
 */
export class AppTabSearchViewBase extends TabSearchViewBase {
  /**
   * 分页导航视图渲染
   *
   * @memberof AppTabSearchViewBase
   */
  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, viewparams: this.viewparams, context: this.context },
      },
      [
        this.renderTopMessage(),
        this.renderCaptionInfo(),
        this.renderBodyMessage(),
        this.renderToolBar(),
        this.renderQuickSearch(),
        this.renderQuickSearchForm(),
        this.viewInstance.viewStyle == 'DEFAULT' ? this.renderTabsHeader() : null,
        !(this.viewInstance?.viewStyle == 'DEFAULT' && this.viewInstance?.enableQuickSearch) ? [this.renderSearchForm(), this.renderSearchBar()] : null,
        this.renderMainContent(),
        this.renderBottomMessage(),
      ],
    );
  }
}