import { MainViewBase } from "./mainview-base";
import { OptionViewEngine, ModelTool, throttle } from '@ibizstudio/runtime';
/**
 * 选项操作视图基类
 *
 * @export
 * @class OptViewBase
 * @extends {MainViewBase}
 * @implements {OptViewInterface}
 */
export class OptViewBase extends MainViewBase {
    constructor() {
        super(...arguments);
        /**
         * 视图引擎
         *
         * @public
         * @type {Engine}
         * @memberof OptViewBase
         */
        this.engine = new OptionViewEngine();
        /**
         * 表单提交状态
         *
         * @type {boolean}
         * @memberof OptViewBase
         */
        this.isSubmitting = false;
    }
    /**
     * 引擎初始化
     *
     * @public
     * @memberof OptViewBase
     */
    engineInit() {
        var _a;
        if (this.Environment && this.Environment.isPreviewMode) {
            return;
        }
        this.engine.init({
            view: this,
            parentContainer: this.$parent,
            form: this.$refs[(_a = this.editFormInstance) === null || _a === void 0 ? void 0 : _a.name].ctrl,
            p2k: '0',
            keyPSDEField: this.appDeCodeName.toLowerCase(),
            majorPSDEField: this.appDeMajorFieldName.toLowerCase(),
            isLoadDefault: this.viewInstance.loadDefault,
        });
    }
    /**
     * 初始化编辑视图实例
     *
     * @memberof OptViewBase
     */
    async viewModelInit() {
        await super.viewModelInit();
        this.editFormInstance = ModelTool.findPSControlByName('form', this.viewInstance.getPSControls());
    }
    /**
     * 渲染视图主体内容区
     *
     * @memberof OptViewBase
     */
    renderMainContent() {
        var _a;
        let { targetCtrlName, targetCtrlParam, targetCtrlEvent } = this.computeTargetCtrlData(this.editFormInstance);
        return this.$createElement(targetCtrlName, { props: targetCtrlParam, ref: (_a = this.editFormInstance) === null || _a === void 0 ? void 0 : _a.name, on: targetCtrlEvent });
    }
    /**
     *  渲染视图底部按钮
     */
    renderFooter() {
        return <template slot="footer">
            <div style="text-align: right" dis-hover bordered={false} class="option-view-footer-actions">
                <i-button class='confirm' type='primary' loading={this.isSubmitting} on-click={(...params) => throttle(this.onClickOk, params, this)}>{this.containerModel.view_okbtn.text}</i-button>
                &nbsp;&nbsp;
                <i-button class='cancel' on-click={(...params) => throttle(this.onClickCancel, params, this)}>{this.containerModel.view_cancelbtn.text}</i-button>
            </div>
        </template>;
    }
    /**
     * 确定
     *
     * @memberof OptViewBase
     */
    onClickOk() {
        var _a, _b;
        const form = this.$refs[(_a = this.editFormInstance) === null || _a === void 0 ? void 0 : _a.name];
        if (!form || !form.ctrl)
            return;
        this.isSubmitting = true;
        (_b = form.ctrl) === null || _b === void 0 ? void 0 : _b.save().then((res) => {
            this.isSubmitting = false;
            if (res.status == 200) {
                this.$emit('view-event', { viewName: this.viewInstance.name, action: 'close', data: [res.data] });
            }
        }).catch(() => {
            this.isSubmitting = false;
        });
    }
    /**
     * 取消
     *
     * @memberof OptViewBase
     */
    onClickCancel() {
        this.$emit('view-event', { viewName: this.viewInstance.name, action: 'close', data: null });
    }
}