@kp-ui/lowcode 1.0.21 → 1.0.23

package/es/render.js

@@ -1,741 +0,0 @@
-import { createVNode as b, render as C, resolveComponent as y, createBlock as u, openBlock as h, withCtx as m, withModifiers as $, normalizeClass as _, createElementBlock as R, Fragment as v, renderList as p, resolveDynamicComponent as S, createSlots as W, renderSlot as L, normalizeProps as O, guardReactiveProps as w } from "vue";
-import J from "./utils/emitter.js";
-import k from "./_virtual/_plugin-vue_export-helper.js";
-/* empty css                                                          */
-import "./components/form-render/container-item/grid-col-item.vue.js";
-import P, { changeLocale as H } from "./utils/i18n.js";
-import { buildDefaultFormJson as z, getContainerWidgetByName as M, cloneFormConfigWithoutEventHandler as j, deepClone as d, getDSByName as E, overwriteObj as g, runDataSourceRequest as A, getAllContainerWidgets as B, getAllFieldWidgets as T, getDefaultFormConfig as N, traverseFieldWidgets as G, getFieldWidgetByName as x, traverseFieldWidgetsOfContainer as q, insertCustomCssToHead as U, insertGlobalFunctionsToHtml as K, generateId as F } from "./utils/util.js";
-import "./components/form-render/container-item/grid-sub-form-item.vue.js";
-import "./components/form-render/container-item/sub-form-item.vue.js";
-import "./components/form-render/container-item/tab-item.vue.js";
-import "./components/form-render/container-item/table-cell-item.vue.js";
-/* empty css                                                     */
-import "./components/form-render/container-item/vf-collapse-item.vue.js";
-import Q from "./components/form-designer/form-widget/field-widget/index.js";
-import X from "./components/form-render/dynamic-dialog.vue.js";
-import Y from "./components/form-render/dynamic-drawer.vue.js";
-import { fmtHttpParams as V } from "./utils/request/fmtHttpParams.js";
-/* empty css                                 */
-const Z = {
-  name: "VFormRender",
-  componentName: "VFormRender",
-  mixins: [J, P],
-  components: {
-    ...Q
-  },
-  props: {
-    vfCtx: {
-      type: Object,
-      default: () => ({})
-    },
-    formJson: {
-      //prop传入的表单JSON配置
-      type: Object,
-      default: () => z()
-    },
-    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 {
-      formJsonObj: this.formJson,
-      formDataModel: {
-        //
-      },
-      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;
-    },
-    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.buildFormModel(this.formJsonObj ? this.formJsonObj.widgetList : null), this.initFormObject();
-  },
-  mounted() {
-    this.initLocale(), this.initDataSetRequest();
-  },
-  methods: {
-    async onFormDetail() {
-      var e;
-      const t = this.formConfig.serveList;
-      if ((e = t.vformDetail.http) != null && e.url) {
-        const i = await V.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 V.call(this, e.vformUpdate, {
-          data: t,
-          vfCtx: this.vfCtx
-        });
-        return console.log("res: ", o), o;
-      }
-    },
-    initFormObject(t = !0) {
-      this.formId = "vfRender" + F(), 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("v_form_locale") || "zh-CN";
-      this.changeLanguage(t);
-    },
-    insertCustomStyleAndScriptNode() {
-      this.formConfig && this.formConfig.cssCode && U(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 === "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] = d(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] = d(i);
-          } else {
-            const i = [];
-            q(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] = d(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);
-    },
-    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 = x(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 = x(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((a) => {
-            e.push(t + "@row" + a);
-          });
-        }
-      }
-      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 A(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) {
-      H(t);
-    },
-    getLanguageName() {
-      return localStorage.getItem("v_form_locale") || "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 = d(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, a) {
-          a ? s(a) : o(r);
-        };
-      });
-      return this.$refs.renderForm.validate().then((o) => {
-        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] = d(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;
-      }
-    },
-    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 T(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 = E(this.formJsonObj.formConfig, t), o = new Object({});
-      return g(o, this.globalDsv), g(o, e), await A(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 = M(o.widgetList, t);
-      if (!t || s.type !== "vf-dialog") {
-        this.$message.error(this.i18nt("render.hint.refNotFound") + t);
-        return;
-      }
-      const r = {
-        widgetList: d(s.widgetList),
-        formConfig: j(o.formConfig)
-      }, a = F() + "", f = b(X, {
-        options: s.options,
-        formJson: r,
-        formData: { ...e },
-        optionData: o.optionData,
-        globalDsv: o.globalDsv,
-        parentFormRef: this,
-        extraData: i,
-        wrapperId: a,
-        vfCtx: { ...e }
-      });
-      f.appContext = this.$root.$.appContext;
-      const n = document.createElement("div");
-      n.id = "vf-dynamic-dialog-wrapper" + a, document.body.appendChild(n), C(f, n), document.body.appendChild(f.el), f.component.ctx.show();
-    },
-    showDrawer(t, e = {}, i = {}) {
-      const o = this.getTopFormRef(), s = M(o.widgetList, t);
-      if (!s || s.type !== "vf-drawer") {
-        this.$message.error(this.i18nt("render.hint.refNotFound") + t);
-        return;
-      }
-      const r = {
-        widgetList: d(s.widgetList),
-        formConfig: j(o.formConfig)
-      }, a = F() + "", f = b(Y, {
-        options: s.options,
-        formJson: r,
-        formData: e || {},
-        optionData: o.optionData,
-        globalDsv: o.globalDsv,
-        parentFormRef: this,
-        extraData: i,
-        wrapperId: a
-      });
-      f.appContext = this.$root.$.appContext;
-      const n = document.createElement("div");
-      n.id = "vf-dynamic-drawer-wrapper" + a, document.body.appendChild(n), C(f, n), document.body.appendChild(f.el), f.component.ctx.show();
-    },
-    /**
-     * 判断表单是否处于设计器预览状态
-     * @return {boolean}
-     */
-    isPreviewState() {
-      return this.previewState;
-    }
-    //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
-  }
-};
-function I(t, e, i, o, s, r) {
-  const a = y("a-form"), f = y("a-config-provider");
-  return h(), u(f, {
-    "component-size": r.size,
-    input: { autocomplete: "off" }
-  }, {
-    default: m(() => [
-      b(a, {
-        layout: r.labelPosition,
-        class: _([[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",
-        onSubmit: e[0] || (e[0] = $(() => {
-        }, ["prevent"]))
-      }, {
-        default: m(() => [
-          (h(!0), R(v, null, p(r.widgetList, (n, D) => (h(), R(v, null, [
-            n.category === "container" ? (h(), u(S(r.getContainerWidgetName(n)), {
-              widget: n,
-              key: n.id,
-              "parent-list": r.widgetList,
-              "index-of-parent-list": D,
-              "parent-widget": null
-            }, W({ _: 2 }, [
-              p(Object.keys(t.$slots), (l) => ({
-                name: l,
-                fn: m((c) => [
-                  L(t.$slots, l, O(w(c)), void 0, !0)
-                ])
-              }))
-            ]), 1032, ["widget", "parent-list", "index-of-parent-list"])) : (h(), u(S(r.getWidgetName(n)), {
-              field: n,
-              "form-model": s.formDataModel,
-              designer: null,
-              key: n.id,
-              "parent-list": r.widgetList,
-              "index-of-parent-list": D,
-              "parent-widget": null
-            }, W({ _: 2 }, [
-              p(Object.keys(t.$slots), (l) => ({
-                name: l,
-                fn: m((c) => [
-                  L(t.$slots, l, O(w(c)), void 0, !0)
-                ])
-              }))
-            ]), 1032, ["field", "form-model", "parent-list", "index-of-parent-list"]))
-          ], 64))), 256))
-        ]),
-        _: 3
-      }, 8, ["layout", "class", "label-width", "model"])
-    ]),
-    _: 3
-  }, 8, ["component-size"]);
-}
-const bt = /* @__PURE__ */ k(Z, [["render", I], ["__scopeId", "data-v-ab2b030a"]]);
-export {
-  bt as default
-};