@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

package/src/components/form-render/index.vue.js

@@ -1,812 +0,0 @@
-import { resolveComponent as h, createElementBlock as W, openBlock as S, Fragment as v, createVNode as d, withCtx as u, createElementVNode as O, normalizeStyle as M, withKeys as w, normalizeClass as E, mergeProps as V, render as j } from "vue";
-import x from "../../utils/emitter.js";
-import A from "../form-designer/form-widget/field-widget/index.js";
-import { useI18n as k } from "@kp-ui/i18n";
-import _ from "./RenderWigetList.vue.js";
-import { buildDefaultFormJson as $, getContainerWidgetByName as g, cloneFormConfigWithoutEventHandler as p, deepClone as f, getDSByName as F, overwriteObj as m, runDataSourceRequest as b, getAllContainerWidgets as B, getAllFieldWidgets as J, getDefaultFormConfig as P, traverseFieldWidgets as H, getFieldWidgetByName as D, traverseFieldWidgetsOfContainer as T, insertCustomCssToHead as z, insertGlobalFunctionsToHtml as K, generateId as c } from "../../utils/util.js";
-import G, { setLangMessages as q } from "../../utils/i18n.js";
-import U from "./dynamic-dialog.vue.js";
-/* empty css                    */
-import N from "./dynamic-drawer.vue.js";
-import { fmtHttpParams as C } from "../../utils/request/fmtHttpParams.js";
-import { executeFunction as y } from "../../utils/executeFunction.js";
-/* empty css           */
-import Q from "../../../_virtual/_plugin-vue_export-helper.js";
-const X = {
-  name: "VFormRender",
-  componentName: "VFormRender",
-  inheritAttrs: !1,
-  mixins: [x, G],
-  components: {
-    RenderWigetList: _,
-    DynamicDialog: U,
-    ...A
-  },
-  props: {
-    vfCtx: {
-      type: Object,
-      default: () => ({})
-    },
-    formJson: {
-      //prop传入的表单JSON配置
-      type: Object,
-      default: () => $()
-    },
-    formData: {
-      //prop传入的表单数据
-      type: Object,
-      default: () => ({})
-    },
-    optionData: {
-      //prop传入的选项数据
-      type: Object,
-      default: () => ({})
-    },
-    previewState: {
-      //是否表单预览状态
-      type: Boolean,
-      default: !1
-    },
-    disabledMode: {
-      //表单禁止编辑模式
-      type: Boolean,
-      default: !1
-    },
-    globalDsv: {
-      // 全局数据源变量
-      type: Object,
-      default: () => ({})
-    },
-    parentForm: {
-      type: Object,
-      default: null
-    },
-    dynamicCreation: {
-      //是否弹窗、抽屉动态创建的VFormRender
-      type: Boolean,
-      default: !1
-    }
-  },
-  provide() {
-    return {
-      refList: this.widgetRefList,
-      sfRefList: this.subFormRefList,
-      //收集SubForm引用
-      getFormConfig: () => this.formJsonObj.formConfig,
-      getGlobalDsv: () => this.globalDsv,
-      // 全局数据源变量
-      globalOptionData: this.optionData,
-      getOptionData: () => this.optionData,
-      globalModel: {
-        formModel: this.formDataModel
-      },
-      previewState: this.previewState,
-      getReadMode: () => this.readModeFlag,
-      getSubFormFieldFlag: () => !1,
-      getSubFormName: () => "",
-      getDSResultCache: () => this.dsResultCache
-    };
-  },
-  data() {
-    return {
-      dialogProps: {},
-      isClosing: !1,
-      //是否正在关闭
-      isSubmitting: !1,
-      //是否正在提交中
-      formJsonObj: this.formJson,
-      formDataModel: {
-        //
-      },
-      isLoading: !1,
-      //是否正在加载中
-      widgetRefList: {},
-      subFormRefList: {},
-      formId: null,
-      //表单唯一Id，用于区分页面上的多个v-form-render组件！！
-      externalComponents: {},
-      //外部组件实例集合
-      readModeFlag: !1,
-      //是否只读查看模式
-      dialogOrDrawerRef: null,
-      //保存子级VFormRender的包裹弹窗组件或抽屉组件的ref
-      childFormRef: null,
-      //保存子级VFormRender组件的ref
-      dsResultCache: {}
-      //数据源请求结果缓存
-    };
-  },
-  computed: {
-    formConfig() {
-      return this.formJsonObj.formConfig;
-    },
-    cancelBtnLabel() {
-      return this.formConfig.cancelButtonLabel || this.i18nt("designer.hint.cancel");
-    },
-    okBtnLabel() {
-      return this.formConfig.okButtonLabel || this.i18nt("designer.hint.confirm");
-    },
-    widgetList() {
-      return this.formJsonObj.widgetList;
-    },
-    labelPosition() {
-      return this.formConfig && this.formConfig.labelPosition ? this.formConfig.labelPosition : "horizontal";
-    },
-    labelWidth() {
-      return this.formConfig && this.formConfig.labelWidth ? this.formConfig.labelWidth + "px" : "80px";
-    },
-    size() {
-      return this.formConfig && this.formConfig.size ? this.formConfig.size : "default";
-    },
-    customClass() {
-      return this.formConfig && this.formConfig.customClass ? this.formConfig.customClass : "";
-    }
-  },
-  created() {
-    this.isLoading = !1, this.buildFormModel(this.formJsonObj ? this.formJsonObj.widgetList : null), this.initFormObject();
-  },
-  mounted() {
-    this.initLocale(), this.initDataSetRequest();
-  },
-  methods: {
-    setLoading(t) {
-      this.isLoading = t;
-    },
-    // 处理回车键事件
-    handleCancelClick() {
-      if (!this.isClosing && this.handleBeforeClose())
-        try {
-          if (this.isClosing = !0, this.formConfig.onCancelButtonClick && new Function(this.formConfig.onCancelButtonClick).call(this) === !1)
-            return;
-          this.dialogVisible = !1, setTimeout(this.deleteWrapperNode, 150);
-        } catch (t) {
-          console.log("error: ", t);
-        } finally {
-          this.isClosing = !1;
-        }
-    },
-    async handleOkClick() {
-      if (!this.isSubmitting)
-        try {
-          if (this.isSubmitting = !0, this.formConfig.onOkButtonClick && await new Function(this.formConfig.onOkButtonClick).call(this) === !1)
-            return;
-          this.dialogVisible = !1, setTimeout(this.deleteWrapperNode, 150);
-        } catch (t) {
-          console.log("error: ", t);
-        } finally {
-          this.isClosing = !1;
-        }
-    },
-    async onFormDetail() {
-      var e;
-      const t = this.formConfig.serveList;
-      if ((e = t.vformDetail.http) != null && e.url) {
-        const i = await C.call(this, t.vformDetail, {
-          vfCtx: this.vfCtx
-        });
-        return console.log("res: ", i), i;
-      }
-    },
-    async onFormUpdate() {
-      var i;
-      const t = await this.getFormData(), e = this.formConfig.serveList;
-      if ((i = e.vformDetail.http) != null && i.url) {
-        const o = await C.call(this, e.vformUpdate, {
-          data: t,
-          vfCtx: this.vfCtx
-        });
-        return console.log("res: ", o), o;
-      }
-    },
-    initFormObject(t = !0) {
-      this.formId = "vfRender" + c(), t && !this.dynamicCreation && this.insertCustomStyleAndScriptNode(), this.addFieldChangeEventHandler(), this.addFieldValidateEventHandler(), this.registerFormToRefList(), this.handleOnCreated(), this.disabledMode && this.$nextTick(() => {
-        this.disableForm();
-      });
-    },
-    getContainerWidgetName(t) {
-      return t.type === "grid" ? "vf-grid-item" : t.type + "-item";
-    },
-    getWidgetName(t) {
-      return t.type + "-widget";
-    },
-    initLocale() {
-      const { t, messages: e } = k(), i = e.value[this.getLocale];
-      i && q(this.getLocale, i.lang), this.changeLanguage(this.getLocale);
-    },
-    insertCustomStyleAndScriptNode() {
-      this.formConfig && this.formConfig.cssCode && z(
-        this.formConfig.cssCode,
-        this.previewState ? "" : this.formId
-      ), this.formConfig && this.formConfig.functions && K(
-        this.formConfig.functions,
-        this.previewState ? "" : this.formId
-      );
-    },
-    buildFormModel(t) {
-      t && t.length > 0 && t.forEach((e) => {
-        this.buildDataFromWidget(e);
-      });
-    },
-    buildDataFromWidget(t) {
-      if (t.category === "container") {
-        if (t.type === "data-table") {
-          const { name: e } = t.options;
-          this.formDataModel[e] = f(t.options.dataSource);
-          return;
-        }
-        if (!(t.type === "vf-dialog" || t.type === "vf-drawer")) if (t.type === "grid")
-          t.cols && t.cols.length > 0 && t.cols.forEach((e) => {
-            this.buildDataFromWidget(e);
-          });
-        else if (t.type === "table")
-          t.rows && t.rows.length > 0 && t.rows.forEach((e) => {
-            e.cols && e.cols.length > 0 && e.cols.forEach((i) => {
-              this.buildDataFromWidget(i);
-            });
-          });
-        else if (t.type === "tab")
-          t.tabs && t.tabs.length > 0 && t.tabs.forEach((e) => {
-            e.widgetList && e.widgetList.length > 0 && e.widgetList.forEach((i) => {
-              this.buildDataFromWidget(i);
-            });
-          });
-        else if (t.type === "sub-form") {
-          const e = t.options.name;
-          if (this.formData.hasOwnProperty(e)) {
-            const i = this.formData[e];
-            this.formDataModel[e] = f(i);
-          } else {
-            const i = {};
-            t.options.showBlankRow ? (t.widgetList.forEach((o) => {
-              o.formItemFlag && (i[o.options.name] = o.options.defaultValue);
-            }), this.formDataModel[e] = [i]) : this.formDataModel[e] = [];
-          }
-        } else if (t.type === "grid-sub-form") {
-          const e = t.options.name;
-          if (this.formData.hasOwnProperty(e)) {
-            const i = this.formData[e];
-            this.formDataModel[e] = f(i);
-          } else {
-            const i = [];
-            T(t, (r) => {
-              i.push(r);
-            });
-            const s = {};
-            t.options.showBlankRow ? (i.forEach((r) => {
-              s[r.options.name] = r.options.defaultValue;
-            }), this.formDataModel[e] = [s]) : this.formDataModel[e] = [];
-          }
-        } else t.type === "grid-col" || t.type === "table-cell" ? t.widgetList && t.widgetList.length > 0 && t.widgetList.forEach((e) => {
-          this.buildDataFromWidget(e);
-        }) : t.widgetList && t.widgetList.length > 0 && t.widgetList.forEach((e) => {
-          this.buildDataFromWidget(e);
-        });
-      } else if (t.formItemFlag)
-        if (!this.formData.hasOwnProperty(t.options.name))
-          this.formDataModel[t.options.name] = t.options.defaultValue;
-        else {
-          const e = this.formData[t.options.name];
-          this.formDataModel[t.options.name] = f(e);
-        }
-    },
-    addFieldChangeEventHandler() {
-      this.off$("fieldChange"), this.on$(
-        "fieldChange",
-        (t, e, i, o, s) => {
-          this.handleFieldDataChange(
-            t,
-            e,
-            i,
-            o,
-            s
-          ), this.$emit(
-            "formChange",
-            t,
-            e,
-            i,
-            this.formDataModel,
-            o,
-            s
-          );
-        }
-      );
-    },
-    addFieldValidateEventHandler() {
-      this.off$("fieldValidation"), this.on$("fieldValidation", (t) => {
-        this.$refs.renderForm && this.$refs.renderForm.validateFields(t);
-      });
-    },
-    registerFormToRefList() {
-      this.widgetRefList.v_form_ref = this;
-    },
-    handleFieldDataChange(t, e, i, o, s) {
-      this.formConfig && this.formConfig.onFormDataChange && new Function(
-        "fieldName",
-        "newValue",
-        "oldValue",
-        "formModel",
-        "subFormName",
-        "subFormRowIndex",
-        this.formConfig.onFormDataChange
-      ).call(
-        this,
-        t,
-        e,
-        i,
-        this.formDataModel,
-        o,
-        s
-      );
-    },
-    handleOnCreated() {
-      this.formConfig && this.formConfig.onFormCreated && new Function(this.formConfig.onFormCreated).call(this);
-    },
-    onFormEnterKey() {
-      if (this.formConfig && this.formConfig.onFormEnterKey) {
-        const t = y({
-          functionBody: this.formConfig.onFormEnterKey,
-          context: this
-        });
-        t && y({
-          functionBody: t,
-          context: this
-        });
-      }
-    },
-    handleOnMounted() {
-      this.formConfig && this.formConfig.onFormMounted && new Function(this.formConfig.onFormMounted).call(this);
-    },
-    findWidgetAndSetDisabled(t, e) {
-      const i = this.getWidgetRef(t);
-      i && i.setDisabled ? i.setDisabled(e) : this.findWidgetOfSubFormAndSetDisabled(t, e);
-    },
-    findWidgetOfSubFormAndSetDisabled(t, e) {
-      const i = D(
-        this.formJsonObj.widgetList,
-        t,
-        !0
-      );
-      i && i.options && i.options.hasOwnProperty("disabled") && (i.options.disabled = e), this.findWidgetNameInSubForm(t).forEach((o) => {
-        const s = this.getWidgetRef(o);
-        s && s.setDisabled && s.setDisabled(e);
-      });
-    },
-    findWidgetAndSetHidden(t, e) {
-      const i = this.getWidgetRef(t);
-      i && i.setDisabled ? i.setHidden(e) : this.findWidgetOfSubFormAndSetHidden(t, e);
-    },
-    findWidgetOfSubFormAndSetHidden(t, e) {
-      const i = D(
-        this.formJsonObj.widgetList,
-        t,
-        !0
-      );
-      i && i.options && i.options.hasOwnProperty("hidden") && (i.options.hidden = e), this.findWidgetNameInSubForm(t).forEach((o) => {
-        const s = this.getWidgetRef(o);
-        s && s.setDisabled && s.setHidden(e);
-      });
-    },
-    findWidgetNameInSubForm(t) {
-      const e = [];
-      let i = null;
-      const o = (s, r) => {
-        s.options && s.options.name === t && (i = r.options.name);
-      };
-      if (H(this.widgetList, o), i) {
-        const s = this.getWidgetRef(i);
-        if (s) {
-          const r = s.getRowIdData();
-          r && r.length > 0 && r.forEach((n) => {
-            e.push(t + "@row" + n);
-          });
-        }
-      }
-      return e;
-    },
-    initDataSetRequest() {
-      const t = /* @__PURE__ */ new Set();
-      this.getFieldWidgets().forEach((e) => {
-        e.field.options.dsEnabled && e.field.options.dsName && e.field.options.dataSetName && t.add(e.field.options.dsName);
-      }), t.size > 0 && t.forEach(async (e) => {
-        const i = F(this.formConfig, e);
-        if (i) {
-          const o = new Object({});
-          m(o, this.globalDsv || {});
-          let s = null;
-          try {
-            s = await b(
-              i,
-              o,
-              this,
-              !1,
-              this.$message
-            ), this.dsResultCache[e] = s, this.broadcast("FieldWidget", "loadOptionItemsFromDataSet", e);
-          } catch (r) {
-            this.$message.error(r.message);
-          }
-        }
-      });
-    },
-    //--------------------- 以下为组件支持外部调用的API方法 begin ------------------//
-    /* 提示：用户可自行扩充这些方法！！！ */
-    changeLanguage(t) {
-      this.changeLocale(t);
-    },
-    getNativeForm() {
-      return this.$refs.renderForm;
-    },
-    getFormRef() {
-      return this;
-    },
-    getWidgetRef(t, e = !1) {
-      const i = this.widgetRefList[t];
-      return !i && e && this.$message.error(this.i18nt("render.hint.refNotFound") + t), i;
-    },
-    clearFormDataModel() {
-      for (const t in this.formDataModel)
-        delete this.formDataModel[t];
-    },
-    getFormJson() {
-      return this.formJsonObj;
-    },
-    /**
-     * 动态加载表单JSON
-     * @param newFormJson
-     */
-    setFormJson(t) {
-      if (t)
-        if (typeof t == "string" || t.constructor === Object) {
-          let e = null;
-          if (typeof t == "string" ? e = JSON.parse(t) : e = t, !e.formConfig || !e.widgetList) {
-            this.$message.error("Invalid format of form json.");
-            return;
-          }
-          this.clearFormDataModel(), this.buildFormModel(e.widgetList);
-          const i = f(P());
-          m(i, e.formConfig), this.formJsonObj.formConfig = i, this.formJsonObj.widgetList = e.widgetList, this.insertCustomStyleAndScriptNode(), this.$nextTick(() => {
-            this.initFormObject(!1), this.initDataSetRequest(), this.handleOnMounted();
-          });
-        } else
-          this.$message.error("Set form json failed.");
-    },
-    /**
-     * 重新加载选项数据
-     * @param widgetNames 指定重新加载的组件名称或组件名数组，不传则重新加载所有选项字段
-     */
-    reloadOptionData(t) {
-      let e = [];
-      t && typeof t == "string" ? e = [t] : t && Array.isArray(t) && (e = [...t]), this.broadcast("FieldWidget", "reloadOptionItems", e);
-    },
-    getFormData(t = !0) {
-      if (!t)
-        return this.formDataModel;
-      let e = function() {
-      };
-      const i = new window.Promise(function(o, s) {
-        e = function(r, n) {
-          n ? s(n) : o(r);
-        };
-      });
-      return console.log(this.formDataModel), this.$refs.renderForm.validate().then((o) => {
-        console.log(this.formDataModel), e(this.formDataModel);
-      }).catch(() => {
-        e(this.formDataModel, this.i18nt("render.hint.validationFailed"));
-      }), i;
-    },
-    setFormData(t) {
-      console.log("setFormData: ", t), Object.keys(this.formDataModel).forEach((e) => {
-        t && t.hasOwnProperty(e) && (this.formDataModel[e] = f(t[e]));
-      }), this.broadcast("ContainerItem", "setFormData", this.formDataModel), this.broadcast("FieldWidget", "setFormData", this.formDataModel);
-    },
-    getFieldValue(t) {
-      const e = this.getWidgetRef(t);
-      if (e && e.getValue)
-        return e.getValue();
-      if (!e) {
-        const i = [];
-        return this.findWidgetNameInSubForm(t).forEach((o) => {
-          const s = this.getWidgetRef(o);
-          s && s.getValue && i.push(s.getValue());
-        }), i;
-      }
-    },
-    setTableRowDataValue(t, e, i) {
-      const {
-        recordIndexs: o,
-        column: { dataIndex: s }
-      } = e;
-      this.formDataModel[t][o[0]][s] = i;
-    },
-    setTableValue(t, e) {
-      console.log("setTableValue: ", t, e, this.formDataModel), this.formDataModel[t] = e;
-    },
-    /**
-     *  插入表格数据
-     * @param name
-     */
-    insertTableValue(t, e) {
-      var i;
-      (i = this.formDataModel[t]) != null && i.length ? this.formDataModel[t].push(e) : this.formDataModel[t] = [e];
-    },
-    getTableValue(t) {
-      return this.formDataModel[t];
-    },
-    setFieldValue(t, e, i = !1) {
-      const o = this.getWidgetRef(t);
-      o && o.setValue && o.setValue(e, i), o || this.findWidgetNameInSubForm(t).forEach((s) => {
-        const r = this.getWidgetRef(s);
-        r && r.setValue && r.setValue(e, i);
-      });
-    },
-    getSubFormValues(t, e = !0) {
-      return this.subFormRefList[t].getSubFormValues(e);
-    },
-    disableForm() {
-      Object.keys(this.widgetRefList).forEach((e) => {
-        const i = this.getWidgetRef(e);
-        i && (i.widget && i.widget.type === "sub-form" ? i.disableSubForm() : i.widget && i.widget.type === "grid-sub-form" ? i.disableGridSubForm() : i.setDisabled && i.setDisabled(!0));
-      });
-    },
-    enableForm() {
-      Object.keys(this.widgetRefList).forEach((e) => {
-        const i = this.getWidgetRef(e);
-        i && (i.widget && i.widget.type === "sub-form" ? i.enableSubForm() : i.widget && i.widget.type === "grid-sub-form" ? i.enableGridSubForm() : i.setDisabled && i.setDisabled(!1));
-      });
-    },
-    resetForm() {
-      Object.keys(this.subFormRefList).forEach((i) => {
-        this.subFormRefList[i].resetSubForm && this.subFormRefList[i].resetSubForm();
-      }), Object.keys(this.widgetRefList).forEach((i) => {
-        const o = this.getWidgetRef(i);
-        o && !o.subFormItemFlag && o.resetField && o.resetField();
-      }), this.$nextTick(() => {
-        this.clearValidate();
-      });
-    },
-    clearValidate(t) {
-      this.$refs.renderForm.clearValidate(t);
-    },
-    /**
-     * 校验表单
-     * @param callback 回调函数
-     */
-    validateForm(t) {
-      this.$refs.renderForm.validate((e) => {
-        t(e);
-      });
-    },
-    validateFields() {
-    },
-    disableWidgets(t) {
-      t && (typeof t == "string" ? this.findWidgetAndSetDisabled(t, !0) : Array.isArray(t) && t.forEach((e) => {
-        this.findWidgetAndSetDisabled(e, !0);
-      }));
-    },
-    enableWidgets(t) {
-      t && (typeof t == "string" ? this.findWidgetAndSetDisabled(t, !1) : Array.isArray(t) && t.forEach((e) => {
-        this.findWidgetAndSetDisabled(e, !1);
-      }));
-    },
-    hideWidgets(t) {
-      t && (typeof t == "string" ? this.findWidgetAndSetHidden(t, !0) : Array.isArray(t) && t.forEach((e) => {
-        this.findWidgetAndSetHidden(e, !0);
-      }));
-    },
-    showWidgets(t) {
-      t && (typeof t == "string" ? this.findWidgetAndSetHidden(t, !1) : Array.isArray(t) && t.forEach((e) => {
-        this.findWidgetAndSetHidden(e, !1);
-      }));
-    },
-    /**
-     * 获取所有字段组件
-     * @param staticWidgetsIncluded 是否包含按钮等静态组件，默认不包含
-     * @returns {*[]}
-     */
-    getFieldWidgets(t = !1) {
-      return J(this.formJsonObj.widgetList, t);
-    },
-    /**
-     * 获取所有容器组件
-     * @returns {*[]}
-     */
-    getContainerWidgets() {
-      return B(this.formJsonObj.widgetList);
-    },
-    /**
-     * 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法
-     * @param componentName 外部组件名称
-     * @param externalComponent 外部组件实例
-     */
-    addEC(t, e) {
-      this.externalComponents[t] = e;
-    },
-    /**
-     * 判断外部组件是否可获取
-     * @param componentName 外部组件名称
-     * @returns {boolean}
-     */
-    hasEC(t) {
-      return this.externalComponents.hasOwnProperty(t);
-    },
-    /**
-     * 获取外部组件实例
-     * @param componentName
-     * @returns {*}
-     */
-    getEC(t) {
-      return this.externalComponents[t];
-    },
-    /**
-     * 设置或取消设置表单为只读查看模式
-     * @param readonlyFlag
-     */
-    setReadMode(t = !0) {
-      this.readModeFlag = t;
-    },
-    /**
-     * 获取表单当前是否只读查看模式
-     * @returns {boolean}
-     */
-    getReadMode() {
-      return this.readModeFlag;
-    },
-    /**
-     * 获取globalDsv对象
-     * @returns {*}
-     */
-    getGlobalDsv() {
-      return this.globalDsv;
-    },
-    /**
-     * 执行数据源请求
-     * @param dsName
-     * @param localDsv
-     */
-    async executeDataSource(t, e) {
-      const i = F(this.formJsonObj.formConfig, t), o = new Object({});
-      return m(o, this.globalDsv), m(o, e), await b(i, o, this, !1, this.$message);
-    },
-    /**
-     * 获取父级VFormRender组件实例
-     * @returns {object}
-     */
-    getParentFormRef() {
-      return this.parentForm;
-    },
-    /**
-     * 当显示多级嵌套弹窗或抽屉时，获取最顶层VFormRender组件实例
-     * @returns {object}
-     */
-    getTopFormRef() {
-      if (!this.parentForm)
-        return this;
-      let t = this.parentForm;
-      for (; t.parentForm; )
-        t = t.parentForm;
-      return t;
-    },
-    setChildFormRef(t) {
-      this.childFormRef = t;
-    },
-    getChildFormRef() {
-      return this.childFormRef;
-    },
-    /**
-     * 是否弹窗、抽屉组件动态创建的v-form-render
-     * @returns {boolean}
-     */
-    isDynamicCreation() {
-      return this.dynamicCreation;
-    },
-    setDialogOrDrawerRef(t) {
-      this.dialogOrDrawerRef = t;
-    },
-    /**
-     * 获取子级VFormRender的包裹弹窗组件或抽屉组件实例ref
-     * @returns {object}
-     */
-    getDialogOrDrawerRef() {
-      return this.dialogOrDrawerRef;
-    },
-    /**
-     * 显示弹窗表单，动态创建v-form-render组件，option-data、global-dsv等属性继承父级表单
-     * @param dialogName
-     * @param formData
-     * @param extraData
-     */
-    showDialog(t, e = {}, i = {}) {
-      const o = this.getTopFormRef(), s = this.getFormRef(), r = g(o.widgetList, t) || g(s.widgetList, t);
-      if (!t || r.type !== "vf-dialog") {
-        this.$message.error(this.i18nt("render.hint.refNotFound") + t);
-        return;
-      }
-      const n = {
-        widgetList: f(r.widgetList),
-        formConfig: p(o.formConfig)
-      }, a = c() + "";
-      this.dialogProps = {
-        options: r.options,
-        formJson: n,
-        formData: { ...e },
-        optionData: o.optionData,
-        globalDsv: o.globalDsv,
-        parentFormRef: this,
-        extraData: i,
-        wrapperId: a,
-        vfCtx: { ...e }
-      }, this.$refs.dynamicDialgRef.appContext = this.$root.$.appContext, this.$refs.dynamicDialgRef.show();
-    },
-    showDrawer(t, e = {}, i = {}) {
-      const o = this.getTopFormRef(), s = g(o.widgetList, t);
-      if (!s || s.type !== "vf-drawer") {
-        this.$message.error(this.i18nt("render.hint.refNotFound") + t);
-        return;
-      }
-      const r = {
-        widgetList: f(s.widgetList),
-        formConfig: p(o.formConfig)
-      }, n = c() + "", a = d(N, {
-        options: s.options,
-        formJson: r,
-        formData: e || {},
-        optionData: o.optionData,
-        globalDsv: o.globalDsv,
-        parentFormRef: this,
-        extraData: i,
-        wrapperId: n
-      });
-      a.appContext = this.$root.$.appContext;
-      const l = document.createElement("div");
-      l.id = "vf-dynamic-drawer-wrapper" + n, document.body.appendChild(l), j(a, l), document.body.appendChild(a.el), a.component.ctx.show();
-    },
-    /**
-     * 判断表单是否处于设计器预览状态
-     * @return {boolean}
-     */
-    isPreviewState() {
-      return this.previewState;
-    },
-    getFormModel() {
-      return this.formDataModel;
-    }
-    //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
-  }
-};
-function Y(t, e, i, o, s, r) {
-  const n = h("RenderWigetList"), a = h("a-form"), l = h("a-spin"), R = h("DynamicDialog");
-  return S(), W(v, null, [
-    d(l, { spinning: s.isLoading }, {
-      default: u(() => [
-        O("div", {
-          style: M(s.isLoading ? "min-height: 260px" : "")
-        }, [
-          d(a, {
-            layout: r.labelPosition,
-            class: E([[r.customClass, s.readModeFlag ? "readonly-mode-form" : ""], "render-form tpf-form"]),
-            "label-width": r.labelWidth,
-            "validate-on-rule-change": !1,
-            model: s.formDataModel,
-            ref: "renderForm",
-            onKeydown: w(r.onFormEnterKey, ["enter"])
-          }, {
-            default: u(() => [
-              d(n, {
-                "parent-widget": null,
-                "widget-list": r.widgetList,
-                formDataModel: s.formDataModel,
-                "onUpdate:formDataModel": e[0] || (e[0] = (L) => s.formDataModel = L)
-              }, null, 8, ["widget-list", "formDataModel"])
-            ]),
-            _: 1
-          }, 8, ["layout", "class", "label-width", "model", "onKeydown"])
-        ], 4)
-      ]),
-      _: 1
-    }, 8, ["spinning"]),
-    d(R, V(s.dialogProps, { ref: "dynamicDialgRef" }), null, 16)
-  ], 64);
-}
-const mt = /* @__PURE__ */ Q(X, [["render", Y], ["__scopeId", "data-v-00d8154a"]]);
-export {
-  mt as default
-};