@kp-ui/lowcode 1.0.20 → 1.0.23

package/render.js

@@ -0,0 +1,741 @@
+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 "./src/utils/emitter.js";
+import k from "./_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                              */
+import "./src/components/form-render/container-item/grid-col-item.vue.js";
+import P, { changeLocale as H } from "./src/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 "./src/utils/util.js";
+import "./src/components/form-render/container-item/grid-sub-form-item.vue.js";
+import "./src/components/form-render/container-item/sub-form-item.vue.js";
+import "./src/components/form-render/container-item/tab-item.vue.js";
+import "./src/components/form-render/container-item/table-cell-item.vue.js";
+/* empty css                                                         */
+import "./src/components/form-render/container-item/vf-collapse-item.vue.js";
+import Q from "./src/components/form-designer/form-widget/field-widget/index.js";
+import X from "./src/components/form-render/dynamic-dialog.vue.js";
+import Y from "./src/components/form-render/dynamic-drawer.vue.js";
+import { fmtHttpParams as V } from "./src/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
+};