@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

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

@@ -0,0 +1,833 @@
+import { resolveComponent as b, createElementBlock as F, openBlock as m, Fragment as D, createVNode as u, withCtx as g, createElementVNode as x, normalizeStyle as A, withKeys as _, normalizeClass as B, renderList as C, createBlock as W, resolveDynamicComponent as O, createSlots as v, renderSlot as M, mergeProps as y, render as J } from "vue";
+import P from "../../utils/emitter.js";
+import $ from "../form-designer/form-widget/field-widget/index.js";
+import { useI18n as H } from "@kp-ui/i18n";
+import { buildDefaultFormJson as T, getContainerWidgetByName as R, cloneFormConfigWithoutEventHandler as w, deepClone as f, getDSByName as E, overwriteObj as c, runDataSourceRequest as j, getAllContainerWidgets as z, getAllFieldWidgets as G, getDefaultFormConfig as K, traverseFieldWidgets as q, getFieldWidgetByName as V, traverseFieldWidgetsOfContainer as N, insertCustomCssToHead as U, insertGlobalFunctionsToHtml as Q, generateId as L } from "../../utils/util.js";
+import X, { setLangMessages as Y } from "../../utils/i18n.js";
+import Z from "./dynamic-dialog.vue.js";
+/* empty css                    */
+import I from "./dynamic-drawer.vue.js";
+import { fmtHttpParams as k } from "../../utils/request/fmtHttpParams.js";
+/* empty css           */
+import tt from "../../../_virtual/_plugin-vue_export-helper.js";
+const et = {
+  name: "VFormRender",
+  componentName: "VFormRender",
+  mixins: [P, X],
+  components: {
+    DynamicDialog: Z,
+    ...$
+  },
+  props: {
+    vfCtx: {
+      type: Object,
+      default: () => ({})
+    },
+    formJson: {
+      //prop传入的表单JSON配置
+      type: Object,
+      default: () => T()
+    },
+    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 : "";
+    }
+  },
+  watch: {
+    //
+  },
+  created() {
+    this.isLoading = !1, this.buildFormModel(this.formJsonObj ? this.formJsonObj.widgetList : null), this.initFormObject(), console.log({ te: this });
+  },
+  mounted() {
+    this.initLocale(), this.initDataSetRequest();
+  },
+  methods: {
+    setLoading(t) {
+      this.isLoading = t;
+    },
+    // 处理回车键事件
+    handleEnterKey() {
+      var t;
+      ((t = this.formConfig) == null ? void 0 : t.isEnterSubmit) === 1 && this.handleOnSubmit();
+    },
+    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 k.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 k.call(this, e.vformUpdate, {
+          data: t,
+          vfCtx: this.vfCtx
+        });
+        return console.log("res: ", o), o;
+      }
+    },
+    initFormObject(t = !0) {
+      this.formId = "vfRender" + L(), 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 } = H(), i = e.value[this.getLocale];
+      i && Y(this.getLocale, i.lang), this.changeLanguage(this.getLocale);
+    },
+    insertCustomStyleAndScriptNode() {
+      this.formConfig && this.formConfig.cssCode && U(
+        this.formConfig.cssCode,
+        this.previewState ? "" : this.formId
+      ), this.formConfig && this.formConfig.functions && Q(
+        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 = [];
+            N(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);
+    },
+    handleOnSubmit() {
+      this.formConfig && this.formConfig.handleOnSubmit && new Function(this.formConfig.handleOnSubmit).call(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 = V(
+        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 = V(
+        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 (q(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 = E(this.formConfig, e);
+        if (i) {
+          const o = new Object({});
+          c(o, this.globalDsv || {});
+          let s = null;
+          try {
+            s = await j(
+              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(K());
+          c(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 G(this.formJsonObj.widgetList, t);
+    },
+    /**
+     * 获取所有容器组件
+     * @returns {*[]}
+     */
+    getContainerWidgets() {
+      return z(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 = E(this.formJsonObj.formConfig, t), o = new Object({});
+      return c(o, this.globalDsv), c(o, e), await j(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 = R(o.widgetList, t) || R(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: w(o.formConfig)
+      }, a = L() + "";
+      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 = R(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: w(o.formConfig)
+      }, n = L() + "", a = u(I, {
+        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 d = document.createElement("div");
+      d.id = "vf-dynamic-drawer-wrapper" + n, document.body.appendChild(d), J(a, d), document.body.appendChild(a.el), a.component.ctx.show();
+    },
+    /**
+     * 判断表单是否处于设计器预览状态
+     * @return {boolean}
+     */
+    isPreviewState() {
+      return this.previewState;
+    },
+    getFormModel() {
+      return this.formDataModel;
+    }
+    //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
+  }
+};
+function it(t, e, i, o, s, r) {
+  const n = b("a-form"), a = b("a-spin"), d = b("DynamicDialog");
+  return m(), F(D, null, [
+    u(a, { spinning: s.isLoading }, {
+      default: g(() => [
+        x("div", {
+          style: A(s.isLoading ? "min-height: 260px" : "")
+        }, [
+          u(n, {
+            layout: r.labelPosition,
+            class: B([[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: _(r.handleEnterKey, ["enter"])
+          }, {
+            default: g(() => [
+              (m(!0), F(D, null, C(r.widgetList, (l, S) => (m(), F(D, null, [
+                l.category === "container" ? (m(), W(O(r.getContainerWidgetName(l)), {
+                  widget: l,
+                  key: l.id,
+                  data: s.formDataModel[l.options.name],
+                  "parent-list": r.widgetList,
+                  "index-of-parent-list": S,
+                  "parent-widget": null,
+                  model: s.formDataModel
+                }, v({ _: 2 }, [
+                  C(Object.keys(t.$slots), (h) => ({
+                    name: h,
+                    fn: g((p) => [
+                      M(t.$slots, h, y({ ref_for: !0 }, p), void 0, !0)
+                    ])
+                  }))
+                ]), 1032, ["widget", "data", "parent-list", "index-of-parent-list", "model"])) : (m(), W(O(r.getWidgetName(l)), {
+                  field: l,
+                  "form-model": s.formDataModel,
+                  designer: null,
+                  key: l.id,
+                  "parent-list": r.widgetList,
+                  "index-of-parent-list": S,
+                  "parent-widget": null
+                }, v({ _: 2 }, [
+                  C(Object.keys(t.$slots), (h) => ({
+                    name: h,
+                    fn: g((p) => [
+                      M(t.$slots, h, y({ ref_for: !0 }, p), void 0, !0)
+                    ])
+                  }))
+                ]), 1032, ["field", "form-model", "parent-list", "index-of-parent-list"]))
+              ], 64))), 256))
+            ]),
+            _: 3
+          }, 8, ["layout", "class", "label-width", "model", "onKeydown"])
+        ], 4)
+      ]),
+      _: 3
+    }, 8, ["spinning"]),
+    u(d, y(s.dialogProps, { ref: "dynamicDialgRef" }), null, 16)
+  ], 64);
+}
+const ut = /* @__PURE__ */ tt(et, [["render", it], ["__scopeId", "data-v-9a30a93b"]]);
+export {
+  ut as default
+};