@kp-ui/lowcode 1.0.107 → 2.13.0

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

@@ -1,842 +0,0 @@
-import { resolveComponent as p, createBlock as b, openBlock as m, withCtx as c, createElementVNode as x, createVNode as R, normalizeStyle as A, withKeys as _, normalizeClass as B, createElementBlock as L, Fragment as W, renderList as F, resolveDynamicComponent as O, createSlots as v, renderSlot as M, mergeProps as D, render as J } from "vue";
-import P from "../../utils/emitter.js";
-import $ from "../form-designer/form-widget/field-widget/index.js";
-import { buildDefaultFormJson as H, getContainerWidgetByName as C, cloneFormConfigWithoutEventHandler as w, deepClone as f, getDSByName as E, overwriteObj as g, runDataSourceRequest as j, getAllContainerWidgets as T, getAllFieldWidgets as z, getDefaultFormConfig as N, traverseFieldWidgets as G, getFieldWidgetByName as V, traverseFieldWidgetsOfContainer as K, insertCustomCssToHead as q, insertGlobalFunctionsToHtml as U, generateId as y } from "../../utils/util.js";
-import Q, { changeLocale as X } from "../../utils/i18n.js";
-import Y from "./dynamic-dialog.vue.js";
-/* empty css                    */
-import Z from "./dynamic-drawer.vue.js";
-import { fmtHttpParams as k } from "../../utils/request/fmtHttpParams.js";
-/* empty css           */
-import I from "../../../_virtual/_plugin-vue_export-helper.js";
-const tt = {
-  name: "VFormRender",
-  componentName: "VFormRender",
-  mixins: [P, Q],
-  components: {
-    DynamicDialog: Y,
-    ...$
-  },
-  props: {
-    vfCtx: {
-      type: Object,
-      default: () => ({})
-    },
-    formJson: {
-      //prop传入的表单JSON配置
-      type: Object,
-      default: () => H()
-    },
-    formData: {
-      //prop传入的表单数据
-      type: Object,
-      default: () => ({})
-    },
-    optionData: {
-      //prop传入的选项数据
-      type: Object,
-      default: () => ({})
-    },
-    previewState: {
-      //是否表单预览状态
-      type: Boolean,
-      default: !1
-    },
-    disabledMode: {
-      //表单禁止编辑模式
-      type: Boolean,
-      default: !1
-    },
-    renderConfig: {
-      //渲染配置对象
-      type: Object,
-      default: () => ({
-        languageName: "zh-CN"
-        //界面语言，默认显示中文
-      })
-    },
-    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();
-  },
-  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" + y(), 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 = localStorage.getItem("lowcode_local") || "zh-CN";
-      this.changeLanguage(t);
-    },
-    insertCustomStyleAndScriptNode() {
-      this.formConfig && this.formConfig.cssCode && q(
-        this.formConfig.cssCode,
-        this.previewState ? "" : this.formId
-      ), this.formConfig && this.formConfig.functions && U(
-        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 = [];
-            K(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 (G(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({});
-          g(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) {
-      X(t);
-    },
-    getLanguageName() {
-      return localStorage.getItem("lowcode_local") || "zh-CN";
-    },
-    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(N());
-          g(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 z(this.formJsonObj.widgetList, t);
-    },
-    /**
-     * 获取所有容器组件
-     * @returns {*[]}
-     */
-    getContainerWidgets() {
-      return T(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 g(o, this.globalDsv), g(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 = C(o.widgetList, t) || C(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 = y() + "";
-      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 = C(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 = y() + "", a = R(Z, {
-        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 et(t, e, i, o, s, r) {
-  const n = p("a-form"), a = p("DynamicDialog"), d = p("a-spin");
-  return m(), b(d, { spinning: s.isLoading }, {
-    default: c(() => [
-      x("div", {
-        style: A(s.isLoading ? "min-height: 260px" : "")
-      }, [
-        R(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: c(() => [
-            (m(!0), L(W, null, F(r.widgetList, (l, S) => (m(), L(W, null, [
-              l.category === "container" ? (m(), b(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 }, [
-                F(Object.keys(t.$slots), (h) => ({
-                  name: h,
-                  fn: c((u) => [
-                    M(t.$slots, h, D({ ref_for: !0 }, u), void 0, !0)
-                  ])
-                }))
-              ]), 1032, ["widget", "data", "parent-list", "index-of-parent-list", "model"])) : (m(), b(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 }, [
-                F(Object.keys(t.$slots), (h) => ({
-                  name: h,
-                  fn: c((u) => [
-                    M(t.$slots, h, D({ ref_for: !0 }, u), void 0, !0)
-                  ])
-                }))
-              ]), 1032, ["field", "form-model", "parent-list", "index-of-parent-list"]))
-            ], 64))), 256))
-          ]),
-          _: 3
-        }, 8, ["layout", "class", "label-width", "model", "onKeydown"])
-      ], 4),
-      R(a, D(s.dialogProps, { ref: "dynamicDialgRef" }), null, 16)
-    ]),
-    _: 3
-  }, 8, ["spinning"]);
-}
-const ct = /* @__PURE__ */ I(tt, [["render", et], ["__scopeId", "data-v-145b3539"]]);
-export {
-  ct as default
-};
-//# sourceMappingURL=index.vue.js.map