import { throttle, Util } from '@ibizstudio/runtime';
import { DrtabControlBase } from '../../../widgets/drtab-control-base';
/**
 * 数据关系分页部件基类
 *
 * @export
 * @class AppDrtabBase
 * @extends {TabExpPanelBase}
 */
export class AppDrtabBase extends DrtabControlBase {
    /**
     * 绘制关系界面
     *
     * @param {*} tabPage
     * @return {*}
     * @memberof AppDrtabBase
     */
    renderPanelLabel(h, tabPage) {
        var _a, _b, _c;
        let counter = undefined;
        if (tabPage.counterId && ((_a = this.counterData) === null || _a === void 0 ? void 0 : _a[tabPage.counterId.toLowerCase()])) {
            counter = {
                id: tabPage.counterId,
                count: this.counterData[tabPage.counterId.toLowerCase()],
                showZero: 1,
                offset: [2, 10],
            };
        }
        if (Object.is(this.controlInstance.parentModel.viewType, 'DEEDITVIEW4')) {
            return (<span slot='reference' v-badge={counter}>
          {this.$tl((_b = tabPage.getCapPSLanguageRes()) === null || _b === void 0 ? void 0 : _b.lanResTag, tabPage.caption)}
        </span>);
        }
        return (<el-popover content={this.$t('components.appformdruipart.blockuitipinfo')} width='150' popper-class='app-tooltip' disabled={!tabPage.disabled} trigger='hover'>
        <span slot='reference' v-badge={counter}>
          {this.$tl((_c = tabPage.getCapPSLanguageRes()) === null || _c === void 0 ? void 0 : _c.lanResTag, tabPage.caption)}
        </span>
      </el-popover>);
    }
    /**
     * 绘制关系界面
     *
     * @param {*} tabPage
     * @return {*}
     * @memberof AppDrtabBase
     */
    renderDrView(tabPage) {
        var _a;
        let viewData = Util.deepCopy(this.context);
        let viewParam = this.viewparams;
        if (tabPage.disabled) {
            return;
        }
        else {
            if (tabPage.localContext) {
                Object.assign(viewData, tabPage.localContext);
            }
            if (tabPage.localViewParam) {
                Object.assign(viewParam, tabPage.localViewParam);
            }
        }
        Object.assign(viewData, { viewpath: (_a = tabPage.getPSAppView()) === null || _a === void 0 ? void 0 : _a.modelPath });
        return this.$createElement('app-view-shell', {
            props: {
                staticProps: {
                    viewDefaultUsage: false,
                    appDeCodeName: this.appDeCodeName,
                },
                dynamicProps: {
                    viewdata: JSON.stringify(viewData),
                    viewparam: JSON.stringify(viewParam),
                },
            },
            key: Util.createUUID(),
            class: 'viewcontainer2',
            on: {},
        });
    }
    /**
     * 绘制关系分页部件
     *
     * @returns {*}
     * @memberof AppDrtabBase
     */
    render() {
        var _a, _b;
        if (!this.controlIsLoaded) {
            return null;
        }
        const { controlClassNames } = this.renderOptions;
        const { codeName } = this.controlInstance;
        const editItemCaption = this.$tl((_a = this.controlInstance.getEditItemCapPSLanguageRes()) === null || _a === void 0 ? void 0 : _a.lanResTag, this.controlInstance.editItemCaption);
        return (<div class={Object.assign(Object.assign({}, controlClassNames), { drtab: true })}>
        <tabs animated={false} class={{ 'app-dr-tab': true, 'is-disabled': !this.isShowSlot && this.drtabItems.length > 0 && this.drtabItems[0].disabled }} name={codeName} on-on-click={(...params) => throttle(this.tabPanelClick, params, this)}>
          {this.isShowSlot ? (<tab-pane index={0} name='mainform' tab={codeName} label={editItemCaption}>
              <div class='main-data'>{this.$parent.$slots.mainform}</div>
            </tab-pane>) : null}
          {((_b = this.drtabItems) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
                this.drtabItems.map((tabPage, index) => {
                    return (<tab-pane index={index + 1} disabled={tabPage.disabled} name={tabPage.name} tab={codeName} label={(h) => this.renderPanelLabel(h, tabPage)}>
                  {!this.isShowSlot && tabPage.disabled ? (<spin class='app-druipart-spin' fix>
                      {this.$t('components.appformdruipart.blockuitipinfo')}
                    </spin>) : (this.renderDrView(tabPage))}
                </tab-pane>);
                })}
        </tabs>
      </div>);
    }
}