@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1,20 +1,20 @@
-import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, createVNode, withKeys, normalizeClass, createElementBlock, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, mergeProps, render, h } from "vue";
-import emitter from "../../utils/emitter.js";
-import comps from "../form-designer/form-widget/field-widget/index.js";
-import { buildDefaultFormJson, getContainerWidgetByName, cloneFormConfigWithoutEventHandler, deepClone, getDSByName, overwriteObj, runDataSourceRequest, getAllContainerWidgets, getAllFieldWidgets, getDefaultFormConfig, traverseFieldWidgets, getFieldWidgetByName, traverseFieldWidgetsOfContainer, insertCustomCssToHead, insertGlobalFunctionsToHtml, generateId } from "../../utils/util.js";
-import i18n, { changeLocale } from "../../utils/i18n.js";
-import _sfc_main$1 from "./dynamic-dialog.vue.js";
+import { resolveComponent as D, createBlock as p, openBlock as m, withCtx as c, createElementVNode as x, normalizeStyle as A, createVNode as V, withKeys as _, normalizeClass as B, createElementBlock as y, Fragment as R, renderList as b, resolveDynamicComponent as S, createSlots as L, renderSlot as W, mergeProps as v, render as O, h as J } from "vue";
+import $ from "../../utils/emitter.js";
+import H from "../form-designer/form-widget/field-widget/index.js";
+import { buildDefaultFormJson as P, getContainerWidgetByName as F, cloneFormConfigWithoutEventHandler as w, deepClone as f, getDSByName as M, overwriteObj as g, runDataSourceRequest as E, getAllContainerWidgets as T, getAllFieldWidgets as z, getDefaultFormConfig as N, traverseFieldWidgets as G, getFieldWidgetByName as j, traverseFieldWidgetsOfContainer as K, insertCustomCssToHead as q, insertGlobalFunctionsToHtml as U, generateId as C } from "../../utils/util.js";
+import Q, { changeLocale as X } from "../../utils/i18n.js";
+import Y from "./dynamic-dialog.vue.js";
 /* empty css                    */
-import DynamicDrawer from "./dynamic-drawer.vue.js";
-import { fmtHttpParams } from "../../utils/request/fmtHttpParams.js";
+import Z from "./dynamic-drawer.vue.js";
+import { fmtHttpParams as k } from "../../utils/request/fmtHttpParams.js";
 /* empty css           */
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
+import I from "../../../_virtual/_plugin-vue_export-helper.js";
+const tt = {
   name: "VFormRender",
   componentName: "VFormRender",
-  mixins: [emitter, i18n],
+  mixins: [$, Q],
   components: {
-    ...comps
+    ...H
   },
   props: {
     vfCtx: {
@@ -24,7 +24,7 @@ const _sfc_main = {
     formJson: {
       //prop传入的表单JSON配置
       type: Object,
-      default: () => buildDefaultFormJson()
+      default: () => P()
     },
     formData: {
       //prop传入的表单数据
@@ -39,22 +39,20 @@ const _sfc_main = {
     previewState: {
       //是否表单预览状态
       type: Boolean,
-      default: false
+      default: !1
     },
     disabledMode: {
       //表单禁止编辑模式
       type: Boolean,
-      default: false
+      default: !1
     },
     renderConfig: {
       //渲染配置对象
       type: Object,
-      default: () => {
-        return {
-          languageName: "zh-CN"
-          //界面语言，默认显示中文
-        };
-      }
+      default: () => ({
+        languageName: "zh-CN"
+        //界面语言，默认显示中文
+      })
     },
     globalDsv: {
       // 全局数据源变量
@@ -68,7 +66,7 @@ const _sfc_main = {
     dynamicCreation: {
       //是否弹窗、抽屉动态创建的VFormRender
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   provide() {
@@ -86,22 +84,22 @@ const _sfc_main = {
       },
       previewState: this.previewState,
       getReadMode: () => this.readModeFlag,
-      getSubFormFieldFlag: () => false,
+      getSubFormFieldFlag: () => !1,
       getSubFormName: () => "",
       getDSResultCache: () => this.dsResultCache
     };
   },
   data() {
     return {
-      isClosing: false,
+      isClosing: !1,
       //是否正在关闭
-      isSubmitting: false,
+      isSubmitting: !1,
       //是否正在提交中
       formJsonObj: this.formJson,
       formDataModel: {
         //
       },
-      isLoading: false,
+      isLoading: !1,
       //是否正在加载中
       widgetRefList: {},
       subFormRefList: {},
@@ -109,7 +107,7 @@ const _sfc_main = {
       //表单唯一Id，用于区分页面上的多个v-form-render组件！！
       externalComponents: {},
       //外部组件实例集合
-      readModeFlag: false,
+      readModeFlag: !1,
       //是否只读查看模式
       dialogOrDrawerRef: null,
       //保存子级VFormRender的包裹弹窗组件或抽屉组件的ref
@@ -133,458 +131,322 @@ const _sfc_main = {
       return this.formJsonObj.widgetList;
     },
     labelPosition() {
-      if (!!this.formConfig && !!this.formConfig.labelPosition) {
-        return this.formConfig.labelPosition;
-      }
-      return "horizontal";
+      return this.formConfig && this.formConfig.labelPosition ? this.formConfig.labelPosition : "horizontal";
     },
     labelWidth() {
-      if (!!this.formConfig && !!this.formConfig.labelWidth) {
-        return this.formConfig.labelWidth + "px";
-      }
-      return "80px";
+      return this.formConfig && this.formConfig.labelWidth ? this.formConfig.labelWidth + "px" : "80px";
     },
     size() {
-      if (!!this.formConfig && !!this.formConfig.size) {
-        return this.formConfig.size;
-      }
-      return "default";
+      return this.formConfig && this.formConfig.size ? this.formConfig.size : "default";
     },
     customClass() {
-      return !!this.formConfig && !!this.formConfig.customClass ? this.formConfig.customClass : "";
+      return this.formConfig && this.formConfig.customClass ? this.formConfig.customClass : "";
     }
   },
   watch: {
     //
   },
   created() {
-    this.isLoading = false;
-    this.buildFormModel(!this.formJsonObj ? null : this.formJsonObj.widgetList);
-    this.initFormObject();
+    this.isLoading = !1, this.buildFormModel(this.formJsonObj ? this.formJsonObj.widgetList : null), this.initFormObject();
   },
   mounted() {
-    this.initLocale();
-    this.initDataSetRequest();
+    this.initLocale(), this.initDataSetRequest();
   },
   methods: {
-    setLoading(flag) {
-      this.isLoading = flag;
+    setLoading(t) {
+      this.isLoading = t;
     },
     // 处理回车键事件
     handleEnterKey() {
-      var _a;
-      if (((_a = this.formConfig) == null ? void 0 : _a.isEnterSubmit) === 1) {
-        this.handleOnSubmit();
-      }
+      var t;
+      ((t = this.formConfig) == null ? void 0 : t.isEnterSubmit) === 1 && this.handleOnSubmit();
     },
     handleCancelClick() {
-      if (this.isClosing) return;
-      if (!this.handleBeforeClose()) return;
-      try {
-        this.isClosing = true;
-        if (!!this.formConfig.onCancelButtonClick) {
-          const customFn = new Function(this.formConfig.onCancelButtonClick);
-          const clickResult = customFn.call(this);
-          if (clickResult === false) {
+      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;
         }
-        this.dialogVisible = false;
-        setTimeout(this.deleteWrapperNode, 150);
-      } catch (error) {
-        console.log("error: ", error);
-      } finally {
-        this.isClosing = false;
-      }
     },
     async handleOkClick() {
-      if (this.isSubmitting) return;
-      try {
-        this.isSubmitting = true;
-        if (!!this.formConfig.onOkButtonClick) {
-          const customFn = new Function(this.formConfig.onOkButtonClick);
-          const clickResult = await customFn.call(this);
-          if (clickResult === false) {
+      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;
         }
-        this.dialogVisible = false;
-        setTimeout(this.deleteWrapperNode, 150);
-      } catch (error) {
-        console.log("error: ", error);
-      } finally {
-        this.isClosing = false;
-      }
     },
     async onFormDetail() {
-      var _a;
-      const serveList = this.formConfig.serveList;
-      if ((_a = serveList.vformDetail.http) == null ? void 0 : _a.url) {
-        const res = await fmtHttpParams.call(this, serveList.vformDetail, {
+      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
         });
-        console.log("res: ", res);
-        return res;
+        return console.log("res: ", i), i;
       }
     },
     async onFormUpdate() {
-      var _a;
-      const modelForm = await this.getFormData();
-      const serveList = this.formConfig.serveList;
-      if ((_a = serveList.vformDetail.http) == null ? void 0 : _a.url) {
-        const res = await fmtHttpParams.call(this, serveList.vformUpdate, {
-          data: modelForm,
+      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
         });
-        console.log("res: ", res);
-        return res;
+        return console.log("res: ", o), o;
       }
     },
-    initFormObject(insertHtmlCodeFlag = true) {
-      this.formId = "vfRender" + generateId();
-      if (!!insertHtmlCodeFlag && !this.dynamicCreation) {
-        this.insertCustomStyleAndScriptNode();
-      }
-      this.addFieldChangeEventHandler();
-      this.addFieldValidateEventHandler();
-      this.registerFormToRefList();
-      this.handleOnCreated();
-      if (this.disabledMode) {
-        this.$nextTick(() => {
-          this.disableForm();
-        });
-      }
+    initFormObject(t = !0) {
+      this.formId = "vfRender" + C(), t && !this.dynamicCreation && this.insertCustomStyleAndScriptNode(), this.addFieldChangeEventHandler(), this.addFieldValidateEventHandler(), this.registerFormToRefList(), this.handleOnCreated(), this.disabledMode && this.$nextTick(() => {
+        this.disableForm();
+      });
     },
-    getContainerWidgetName(widget) {
-      if (widget.type === "grid") {
-        return "vf-grid-item";
-      }
-      return widget.type + "-item";
+    getContainerWidgetName(t) {
+      return t.type === "grid" ? "vf-grid-item" : t.type + "-item";
     },
-    getWidgetName(widget) {
-      return widget.type + "-widget";
+    getWidgetName(t) {
+      return t.type + "-widget";
     },
     initLocale() {
-      const curLocale = localStorage.getItem("lowcode_local") || "zh-CN";
-      this.changeLanguage(curLocale);
+      const t = localStorage.getItem("lowcode_local") || "zh-CN";
+      this.changeLanguage(t);
     },
     insertCustomStyleAndScriptNode() {
-      if (!!this.formConfig && !!this.formConfig.cssCode) {
-        insertCustomCssToHead(
-          this.formConfig.cssCode,
-          !!this.previewState ? "" : this.formId
-        );
-      }
-      if (!!this.formConfig && !!this.formConfig.functions) {
-        insertGlobalFunctionsToHtml(
-          this.formConfig.functions,
-          !!this.previewState ? "" : this.formId
-        );
-      }
+      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(widgetList) {
-      if (!!widgetList && widgetList.length > 0) {
-        widgetList.forEach((wItem) => {
-          this.buildDataFromWidget(wItem);
-        });
-      }
+    buildFormModel(t) {
+      t && t.length > 0 && t.forEach((e) => {
+        this.buildDataFromWidget(e);
+      });
     },
-    buildDataFromWidget(wItem) {
-      if (wItem.category === "container") {
-        if (wItem.type === "data-table") {
-          const { name } = wItem.options;
-          this.formDataModel[name] = deepClone(wItem.options.dataSource);
+    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 (wItem.type === "vf-dialog" || wItem.type === "vf-drawer") ;
-        else if (wItem.type === "grid") {
-          if (!!wItem.cols && wItem.cols.length > 0) {
-            wItem.cols.forEach((childItem) => {
-              this.buildDataFromWidget(childItem);
-            });
-          }
-        } else if (wItem.type === "table") {
-          if (!!wItem.rows && wItem.rows.length > 0) {
-            wItem.rows.forEach((rowItem) => {
-              if (!!rowItem.cols && rowItem.cols.length > 0) {
-                rowItem.cols.forEach((colItem) => {
-                  this.buildDataFromWidget(colItem);
-                });
-              }
+        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 (wItem.type === "tab") {
-          if (!!wItem.tabs && wItem.tabs.length > 0) {
-            wItem.tabs.forEach((tabItem) => {
-              if (!!tabItem.widgetList && tabItem.widgetList.length > 0) {
-                tabItem.widgetList.forEach((childItem) => {
-                  this.buildDataFromWidget(childItem);
-                });
-              }
+          });
+        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 (wItem.type === "sub-form") {
-          const subFormName = wItem.options.name;
-          if (!this.formData.hasOwnProperty(subFormName)) {
-            const subFormDataRow = {};
-            if (wItem.options.showBlankRow) {
-              wItem.widgetList.forEach((subFormItem) => {
-                if (!!subFormItem.formItemFlag) {
-                  subFormDataRow[subFormItem.options.name] = subFormItem.options.defaultValue;
-                }
-              });
-              this.formDataModel[subFormName] = [subFormDataRow];
-            } else {
-              this.formDataModel[subFormName] = [];
-            }
+          });
+        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 initialValue = this.formData[subFormName];
-            this.formDataModel[subFormName] = deepClone(initialValue);
+            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 (wItem.type === "grid-sub-form") {
-          const gridSubFormName = wItem.options.name;
-          if (!this.formData.hasOwnProperty(gridSubFormName)) {
-            const gsfFWList = [];
-            const fieldListFn = (fw) => {
-              gsfFWList.push(fw);
-            };
-            traverseFieldWidgetsOfContainer(wItem, fieldListFn);
-            const gridSubFormDataRow = {};
-            if (wItem.options.showBlankRow) {
-              gsfFWList.forEach((gridSubFormItem) => {
-                gridSubFormDataRow[gridSubFormItem.options.name] = gridSubFormItem.options.defaultValue;
-              });
-              this.formDataModel[gridSubFormName] = [gridSubFormDataRow];
-            } else {
-              this.formDataModel[gridSubFormName] = [];
-            }
+        } 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 initialValue = this.formData[gridSubFormName];
-            this.formDataModel[gridSubFormName] = deepClone(initialValue);
-          }
-        } else if (wItem.type === "grid-col" || wItem.type === "table-cell") {
-          if (!!wItem.widgetList && wItem.widgetList.length > 0) {
-            wItem.widgetList.forEach((childItem) => {
-              this.buildDataFromWidget(childItem);
-            });
-          }
-        } else {
-          if (!!wItem.widgetList && wItem.widgetList.length > 0) {
-            wItem.widgetList.forEach((childItem) => {
-              this.buildDataFromWidget(childItem);
+            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);
         }
-      } else if (!!wItem.formItemFlag) {
-        if (!this.formData.hasOwnProperty(wItem.options.name)) {
-          this.formDataModel[wItem.options.name] = wItem.options.defaultValue;
-        } else {
-          const initialValue = this.formData[wItem.options.name];
-          this.formDataModel[wItem.options.name] = deepClone(initialValue);
-        }
-      }
     },
     addFieldChangeEventHandler() {
-      this.off$("fieldChange");
-      this.on$(
+      this.off$("fieldChange"), this.on$(
         "fieldChange",
-        (fieldName, newValue, oldValue, subFormName, subFormRowIndex) => {
+        (t, e, i, o, s) => {
           this.handleFieldDataChange(
-            fieldName,
-            newValue,
-            oldValue,
-            subFormName,
-            subFormRowIndex
-          );
-          this.$emit(
+            t,
+            e,
+            i,
+            o,
+            s
+          ), this.$emit(
             "formChange",
-            fieldName,
-            newValue,
-            oldValue,
+            t,
+            e,
+            i,
             this.formDataModel,
-            subFormName,
-            subFormRowIndex
+            o,
+            s
           );
         }
       );
     },
     addFieldValidateEventHandler() {
-      this.off$("fieldValidation");
-      this.on$("fieldValidation", (fieldName) => {
-        if (!!this.$refs.renderForm) {
-          this.$refs.renderForm.validateFields(fieldName);
-        }
+      this.off$("fieldValidation"), this.on$("fieldValidation", (t) => {
+        this.$refs.renderForm && this.$refs.renderForm.validateFields(t);
       });
     },
     registerFormToRefList() {
-      this.widgetRefList["v_form_ref"] = this;
-    },
-    handleFieldDataChange(fieldName, newValue, oldValue, subFormName, subFormRowIndex) {
-      if (!!this.formConfig && !!this.formConfig.onFormDataChange) {
-        const customFunc = new Function(
-          "fieldName",
-          "newValue",
-          "oldValue",
-          "formModel",
-          "subFormName",
-          "subFormRowIndex",
-          this.formConfig.onFormDataChange
-        );
-        customFunc.call(
-          this,
-          fieldName,
-          newValue,
-          oldValue,
-          this.formDataModel,
-          subFormName,
-          subFormRowIndex
-        );
-      }
+      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() {
-      if (!!this.formConfig && !!this.formConfig.onFormCreated) {
-        const customFunc = new Function(this.formConfig.onFormCreated);
-        customFunc.call(this);
-      }
+      this.formConfig && this.formConfig.onFormCreated && new Function(this.formConfig.onFormCreated).call(this);
     },
     handleOnSubmit() {
-      if (!!this.formConfig && !!this.formConfig.handleOnSubmit) {
-        const customFunc = new Function(this.formConfig.handleOnSubmit);
-        customFunc.call(this);
-      }
+      this.formConfig && this.formConfig.handleOnSubmit && new Function(this.formConfig.handleOnSubmit).call(this);
     },
     handleOnMounted() {
-      if (!!this.formConfig && !!this.formConfig.onFormMounted) {
-        const customFunc = new Function(this.formConfig.onFormMounted);
-        customFunc.call(this);
-      }
+      this.formConfig && this.formConfig.onFormMounted && new Function(this.formConfig.onFormMounted).call(this);
     },
-    findWidgetAndSetDisabled(widgetName, disabledFlag) {
-      const foundW = this.getWidgetRef(widgetName);
-      if (!!foundW && !!foundW.setDisabled) {
-        foundW.setDisabled(disabledFlag);
-      } else {
-        this.findWidgetOfSubFormAndSetDisabled(widgetName, disabledFlag);
-      }
+    findWidgetAndSetDisabled(t, e) {
+      const i = this.getWidgetRef(t);
+      i && i.setDisabled ? i.setDisabled(e) : this.findWidgetOfSubFormAndSetDisabled(t, e);
     },
-    findWidgetOfSubFormAndSetDisabled(widgetName, disabledFlag) {
-      const widgetSchema = getFieldWidgetByName(
+    findWidgetOfSubFormAndSetDisabled(t, e) {
+      const i = j(
         this.formJsonObj.widgetList,
-        widgetName,
-        true
+        t,
+        !0
       );
-      if (!!widgetSchema && !!widgetSchema.options && widgetSchema.options.hasOwnProperty("disabled")) {
-        widgetSchema.options.disabled = disabledFlag;
-      }
-      this.findWidgetNameInSubForm(widgetName).forEach((wn) => {
-        const sw = this.getWidgetRef(wn);
-        if (!!sw && !!sw.setDisabled) {
-          sw.setDisabled(disabledFlag);
-        }
+      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(widgetName, hiddenFlag) {
-      const foundW = this.getWidgetRef(widgetName);
-      if (!!foundW && !!foundW.setDisabled) {
-        foundW.setHidden(hiddenFlag);
-      } else {
-        this.findWidgetOfSubFormAndSetHidden(widgetName, hiddenFlag);
-      }
+    findWidgetAndSetHidden(t, e) {
+      const i = this.getWidgetRef(t);
+      i && i.setDisabled ? i.setHidden(e) : this.findWidgetOfSubFormAndSetHidden(t, e);
     },
-    findWidgetOfSubFormAndSetHidden(widgetName, hiddenFlag) {
-      const widgetSchema = getFieldWidgetByName(
+    findWidgetOfSubFormAndSetHidden(t, e) {
+      const i = j(
         this.formJsonObj.widgetList,
-        widgetName,
-        true
+        t,
+        !0
       );
-      if (!!widgetSchema && !!widgetSchema.options && widgetSchema.options.hasOwnProperty("hidden")) {
-        widgetSchema.options.hidden = hiddenFlag;
-      }
-      this.findWidgetNameInSubForm(widgetName).forEach((wn) => {
-        const sw = this.getWidgetRef(wn);
-        if (!!sw && !!sw.setDisabled) {
-          sw.setHidden(hiddenFlag);
-        }
+      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(widgetName) {
-      const result = [];
-      let subFormName = null;
-      const handlerFn = (field, parent) => {
-        if (!!field.options && field.options.name === widgetName) {
-          subFormName = parent.options.name;
-        }
+    findWidgetNameInSubForm(t) {
+      const e = [];
+      let i = null;
+      const o = (s, r) => {
+        s.options && s.options.name === t && (i = r.options.name);
       };
-      traverseFieldWidgets(this.widgetList, handlerFn);
-      if (!!subFormName) {
-        const subFormRef = this.getWidgetRef(subFormName);
-        if (!!subFormRef) {
-          const rowIds = subFormRef.getRowIdData();
-          if (!!rowIds && rowIds.length > 0) {
-            rowIds.forEach((rid) => {
-              result.push(widgetName + "@row" + rid);
-            });
-          }
+      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 result;
+      return e;
     },
     initDataSetRequest() {
-      const dsNameSet = /* @__PURE__ */ new Set();
-      this.getFieldWidgets().forEach((fw) => {
-        if (!!fw.field.options.dsEnabled && !!fw.field.options.dsName && !!fw.field.options.dataSetName) {
-          dsNameSet.add(fw.field.options.dsName);
+      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 = M(this.formConfig, e);
+        if (i) {
+          const o = new Object({});
+          g(o, this.globalDsv || {});
+          let s = null;
+          try {
+            s = await E(
+              i,
+              o,
+              this,
+              !1,
+              this.$message
+            ), this.dsResultCache[e] = s, this.broadcast("FieldWidget", "loadOptionItemsFromDataSet", e);
+          } catch (r) {
+            this.$message.error(r.message);
+          }
         }
       });
-      if (dsNameSet.size > 0) {
-        dsNameSet.forEach(async (dsName) => {
-          const curDS = getDSByName(this.formConfig, dsName);
-          if (!!curDS) {
-            const localDsv = new Object({});
-            overwriteObj(localDsv, this.globalDsv || {});
-            let dsResult = null;
-            try {
-              dsResult = await runDataSourceRequest(
-                curDS,
-                localDsv,
-                this,
-                false,
-                this.$message
-              );
-              this.dsResultCache[dsName] = dsResult;
-              this.broadcast("FieldWidget", "loadOptionItemsFromDataSet", dsName);
-            } catch (err) {
-              this.$message.error(err.message);
-            }
-          }
-        });
-      }
     },
     //--------------------- 以下为组件支持外部调用的API方法 begin ------------------//
     /* 提示：用户可自行扩充这些方法！！！ */
-    changeLanguage(langName) {
-      changeLocale(langName);
+    changeLanguage(t) {
+      X(t);
     },
     getLanguageName() {
       return localStorage.getItem("lowcode_local") || "zh-CN";
     },
     getNativeForm() {
-      return this.$refs["renderForm"];
+      return this.$refs.renderForm;
     },
     getFormRef() {
       return this;
     },
-    getWidgetRef(widgetName, showError = false) {
-      const foundRef = this.widgetRefList[widgetName];
-      if (!foundRef && !!showError) {
-        this.$message.error(this.i18nt("render.hint.refNotFound") + widgetName);
-      }
-      return foundRef;
+    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 pkey in this.formDataModel) {
-        delete this.formDataModel[pkey];
-      }
+      for (const t in this.formDataModel)
+        delete this.formDataModel[t];
     },
     getFormJson() {
       return this.formJsonObj;
@@ -593,277 +455,187 @@ const _sfc_main = {
      * 动态加载表单JSON
      * @param newFormJson
      */
-    setFormJson(newFormJson) {
-      if (!!newFormJson) {
-        if (typeof newFormJson === "string" || newFormJson.constructor === Object) {
-          let newFormJsonObj = null;
-          if (typeof newFormJson === "string") {
-            newFormJsonObj = JSON.parse(newFormJson);
-          } else {
-            newFormJsonObj = newFormJson;
-          }
-          if (!newFormJsonObj.formConfig || !newFormJsonObj.widgetList) {
+    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(newFormJsonObj.widgetList);
-          const defaultFormConfig = deepClone(getDefaultFormConfig());
-          overwriteObj(defaultFormConfig, newFormJsonObj.formConfig);
-          this.formJsonObj["formConfig"] = defaultFormConfig;
-          this.formJsonObj["widgetList"] = newFormJsonObj.widgetList;
-          this.insertCustomStyleAndScriptNode();
-          this.$nextTick(() => {
-            this.initFormObject(false);
-            this.initDataSetRequest();
-            this.handleOnMounted();
+          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 {
+        } else
           this.$message.error("Set form json failed.");
-        }
-      }
     },
     /**
      * 重新加载选项数据
      * @param widgetNames 指定重新加载的组件名称或组件名数组，不传则重新加载所有选项字段
      */
-    reloadOptionData(widgetNames) {
-      let eventParams = [];
-      if (!!widgetNames && typeof widgetNames === "string") {
-        eventParams = [widgetNames];
-      } else if (!!widgetNames && Array.isArray(widgetNames)) {
-        eventParams = [...widgetNames];
-      }
-      this.broadcast("FieldWidget", "reloadOptionItems", eventParams);
+    reloadOptionData(t) {
+      let e = [];
+      t && typeof t == "string" ? e = [t] : t && Array.isArray(t) && (e = [...t]), this.broadcast("FieldWidget", "reloadOptionItems", e);
     },
-    getFormData(needValidation = true) {
-      if (!needValidation) {
+    getFormData(t = !0) {
+      if (!t)
         return this.formDataModel;
-      }
-      let callback = function nullFunc() {
+      let e = function() {
       };
-      const promise = new window.Promise(function(resolve, reject) {
-        callback = function(formData, error) {
-          !error ? resolve(formData) : reject(error);
+      const i = new window.Promise(function(o, s) {
+        e = function(r, a) {
+          a ? s(a) : o(r);
         };
       });
-      console.log(this.formDataModel);
-      this.$refs["renderForm"].validate().then((res) => {
-        console.log(this.formDataModel);
-        callback(this.formDataModel);
+      return console.log(this.formDataModel), this.$refs.renderForm.validate().then((o) => {
+        console.log(this.formDataModel), e(this.formDataModel);
       }).catch(() => {
-        callback(this.formDataModel, this.i18nt("render.hint.validationFailed"));
-      });
-      return promise;
-    },
-    setFormData(formData) {
-      console.log("setFormData: ", formData);
-      Object.keys(this.formDataModel).forEach((propName) => {
-        if (!!formData && formData.hasOwnProperty(propName)) {
-          this.formDataModel[propName] = deepClone(formData[propName]);
-        }
-      });
-      this.broadcast("ContainerItem", "setFormData", this.formDataModel);
-      this.broadcast("FieldWidget", "setFormData", this.formDataModel);
-    },
-    getFieldValue(fieldName) {
-      const fieldRef = this.getWidgetRef(fieldName);
-      if (!!fieldRef && !!fieldRef.getValue) {
-        return fieldRef.getValue();
-      }
-      if (!fieldRef) {
-        const result = [];
-        this.findWidgetNameInSubForm(fieldName).forEach((wn) => {
-          const sw = this.getWidgetRef(wn);
-          if (!!sw && !!sw.getValue) {
-            result.push(sw.getValue());
-          }
-        });
-        return result;
-      }
-    },
-    setTableRowDataValue(name, scope, value) {
+        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,
-        column: { dataIndex }
-      } = scope;
-      this.formDataModel[name][recordIndexs[0]][dataIndex] = value;
-    },
-    setTableValue(name, value) {
-      this.formDataModel[name] = value;
-    },
-    getTableValue(name) {
-      return this.formDataModel[name];
-    },
-    setFieldValue(fieldName, fieldValue, disableChangeEvent = false) {
-      const fieldRef = this.getWidgetRef(fieldName);
-      if (!!fieldRef && !!fieldRef.setValue) {
-        fieldRef.setValue(fieldValue, disableChangeEvent);
-      }
-      if (!fieldRef) {
-        this.findWidgetNameInSubForm(fieldName).forEach((wn) => {
-          const sw = this.getWidgetRef(wn);
-          if (!!sw && !!sw.setValue) {
-            sw.setValue(fieldValue, disableChangeEvent);
-          }
-        });
-      }
+        recordIndexs: o,
+        column: { dataIndex: s }
+      } = e;
+      this.formDataModel[t][o[0]][s] = i;
+    },
+    setTableValue(t, 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(subFormName, needValidation = true) {
-      const foundSFRef = this.subFormRefList[subFormName];
-      return foundSFRef.getSubFormValues(needValidation);
+    getSubFormValues(t, e = !0) {
+      return this.subFormRefList[t].getSubFormValues(e);
     },
     disableForm() {
-      const wNameList = Object.keys(this.widgetRefList);
-      wNameList.forEach((wName) => {
-        const foundW = this.getWidgetRef(wName);
-        if (!!foundW) {
-          if (!!foundW.widget && foundW.widget.type === "sub-form") {
-            foundW.disableSubForm();
-          } else if (!!foundW.widget && foundW.widget.type === "grid-sub-form") {
-            foundW.disableGridSubForm();
-          } else {
-            !!foundW.setDisabled && foundW.setDisabled(true);
-          }
-        }
+      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() {
-      const wNameList = Object.keys(this.widgetRefList);
-      wNameList.forEach((wName) => {
-        const foundW = this.getWidgetRef(wName);
-        if (!!foundW) {
-          if (!!foundW.widget && foundW.widget.type === "sub-form") {
-            foundW.enableSubForm();
-          } else if (!!foundW.widget && foundW.widget.type === "grid-sub-form") {
-            foundW.enableGridSubForm();
-          } else {
-            !!foundW.setDisabled && foundW.setDisabled(false);
-          }
-        }
+      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() {
-      const subFormNames = Object.keys(this.subFormRefList);
-      subFormNames.forEach((sfName) => {
-        if (!!this.subFormRefList[sfName].resetSubForm) {
-          this.subFormRefList[sfName].resetSubForm();
-        }
-      });
-      const wNameList = Object.keys(this.widgetRefList);
-      wNameList.forEach((wName) => {
-        const foundW = this.getWidgetRef(wName);
-        if (!!foundW && !foundW.subFormItemFlag && !!foundW.resetField) {
-          foundW.resetField();
-        }
-      });
-      this.$nextTick(() => {
+      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(props) {
-      this.$refs.renderForm.clearValidate(props);
+    clearValidate(t) {
+      this.$refs.renderForm.clearValidate(t);
     },
     /**
      * 校验表单
      * @param callback 回调函数
      */
-    validateForm(callback) {
-      this.$refs["renderForm"].validate((valid) => {
-        callback(valid);
+    validateForm(t) {
+      this.$refs.renderForm.validate((e) => {
+        t(e);
       });
     },
     validateFields() {
     },
-    disableWidgets(widgetNames) {
-      if (!!widgetNames) {
-        if (typeof widgetNames === "string") {
-          this.findWidgetAndSetDisabled(widgetNames, true);
-        } else if (Array.isArray(widgetNames)) {
-          widgetNames.forEach((wn) => {
-            this.findWidgetAndSetDisabled(wn, true);
-          });
-        }
-      }
+    disableWidgets(t) {
+      t && (typeof t == "string" ? this.findWidgetAndSetDisabled(t, !0) : Array.isArray(t) && t.forEach((e) => {
+        this.findWidgetAndSetDisabled(e, !0);
+      }));
     },
-    enableWidgets(widgetNames) {
-      if (!!widgetNames) {
-        if (typeof widgetNames === "string") {
-          this.findWidgetAndSetDisabled(widgetNames, false);
-        } else if (Array.isArray(widgetNames)) {
-          widgetNames.forEach((wn) => {
-            this.findWidgetAndSetDisabled(wn, false);
-          });
-        }
-      }
+    enableWidgets(t) {
+      t && (typeof t == "string" ? this.findWidgetAndSetDisabled(t, !1) : Array.isArray(t) && t.forEach((e) => {
+        this.findWidgetAndSetDisabled(e, !1);
+      }));
     },
-    hideWidgets(widgetNames) {
-      if (!!widgetNames) {
-        if (typeof widgetNames === "string") {
-          this.findWidgetAndSetHidden(widgetNames, true);
-        } else if (Array.isArray(widgetNames)) {
-          widgetNames.forEach((wn) => {
-            this.findWidgetAndSetHidden(wn, true);
-          });
-        }
-      }
+    hideWidgets(t) {
+      t && (typeof t == "string" ? this.findWidgetAndSetHidden(t, !0) : Array.isArray(t) && t.forEach((e) => {
+        this.findWidgetAndSetHidden(e, !0);
+      }));
     },
-    showWidgets(widgetNames) {
-      if (!!widgetNames) {
-        if (typeof widgetNames === "string") {
-          this.findWidgetAndSetHidden(widgetNames, false);
-        } else if (Array.isArray(widgetNames)) {
-          widgetNames.forEach((wn) => {
-            this.findWidgetAndSetHidden(wn, false);
-          });
-        }
-      }
+    showWidgets(t) {
+      t && (typeof t == "string" ? this.findWidgetAndSetHidden(t, !1) : Array.isArray(t) && t.forEach((e) => {
+        this.findWidgetAndSetHidden(e, !1);
+      }));
     },
     /**
      * 获取所有字段组件
      * @param staticWidgetsIncluded 是否包含按钮等静态组件，默认不包含
      * @returns {*[]}
      */
-    getFieldWidgets(staticWidgetsIncluded = false) {
-      return getAllFieldWidgets(this.formJsonObj.widgetList, staticWidgetsIncluded);
+    getFieldWidgets(t = !1) {
+      return z(this.formJsonObj.widgetList, t);
     },
     /**
      * 获取所有容器组件
      * @returns {*[]}
      */
     getContainerWidgets() {
-      return getAllContainerWidgets(this.formJsonObj.widgetList);
+      return T(this.formJsonObj.widgetList);
     },
     /**
      * 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法
      * @param componentName 外部组件名称
      * @param externalComponent 外部组件实例
      */
-    addEC(componentName, externalComponent) {
-      this.externalComponents[componentName] = externalComponent;
+    addEC(t, e) {
+      this.externalComponents[t] = e;
     },
     /**
      * 判断外部组件是否可获取
      * @param componentName 外部组件名称
      * @returns {boolean}
      */
-    hasEC(componentName) {
-      return this.externalComponents.hasOwnProperty(componentName);
+    hasEC(t) {
+      return this.externalComponents.hasOwnProperty(t);
     },
     /**
      * 获取外部组件实例
      * @param componentName
      * @returns {*}
      */
-    getEC(componentName) {
-      return this.externalComponents[componentName];
+    getEC(t) {
+      return this.externalComponents[t];
     },
     /**
      * 设置或取消设置表单为只读查看模式
      * @param readonlyFlag
      */
-    setReadMode(readonlyFlag = true) {
-      this.readModeFlag = readonlyFlag;
+    setReadMode(t = !0) {
+      this.readModeFlag = t;
     },
     /**
      * 获取表单当前是否只读查看模式
@@ -884,12 +656,9 @@ const _sfc_main = {
      * @param dsName
      * @param localDsv
      */
-    async executeDataSource(dsName, localDsv) {
-      const ds = getDSByName(this.formJsonObj.formConfig, dsName);
-      const newDsv = new Object({});
-      overwriteObj(newDsv, this.globalDsv);
-      overwriteObj(newDsv, localDsv);
-      return await runDataSourceRequest(ds, newDsv, this, false, this.$message);
+    async executeDataSource(t, e) {
+      const i = M(this.formJsonObj.formConfig, t), o = new Object({});
+      return g(o, this.globalDsv), g(o, e), await E(i, o, this, !1, this.$message);
     },
     /**
      * 获取父级VFormRender组件实例
@@ -903,17 +672,15 @@ const _sfc_main = {
      * @returns {object}
      */
     getTopFormRef() {
-      if (!this.parentForm) {
+      if (!this.parentForm)
         return this;
-      }
-      let topFormRef = this.parentForm;
-      while (topFormRef.parentForm) {
-        topFormRef = topFormRef.parentForm;
-      }
-      return topFormRef;
+      let t = this.parentForm;
+      for (; t.parentForm; )
+        t = t.parentForm;
+      return t;
     },
-    setChildFormRef(childFormRef) {
-      this.childFormRef = childFormRef;
+    setChildFormRef(t) {
+      this.childFormRef = t;
     },
     getChildFormRef() {
       return this.childFormRef;
@@ -925,8 +692,8 @@ const _sfc_main = {
     isDynamicCreation() {
       return this.dynamicCreation;
     },
-    setDialogOrDrawerRef(ddRef) {
-      this.dialogOrDrawerRef = ddRef;
+    setDialogOrDrawerRef(t) {
+      this.dialogOrDrawerRef = t;
     },
     /**
      * 获取子级VFormRender的包裹弹窗组件或抽屉组件实例ref
@@ -941,67 +708,53 @@ const _sfc_main = {
      * @param formData
      * @param extraData
      */
-    showDialog(dialogName, formData = {}, extraData = {}) {
-      const topFormRef = this.getTopFormRef();
-      const formRef = this.getFormRef();
-      const dialogCon = getContainerWidgetByName(topFormRef.widgetList, dialogName) || getContainerWidgetByName(formRef.widgetList, dialogName);
-      if (!dialogName || dialogCon.type !== "vf-dialog") {
-        this.$message.error(this.i18nt("render.hint.refNotFound") + dialogName);
+    showDialog(t, e = {}, i = {}) {
+      console.log("showDialog", t, e, i);
+      const o = this.getTopFormRef(), s = this.getFormRef(), r = F(o.widgetList, t) || F(s.widgetList, t);
+      if (!t || r.type !== "vf-dialog") {
+        this.$message.error(this.i18nt("render.hint.refNotFound") + t);
         return;
       }
-      const dFormJson = {
-        widgetList: deepClone(dialogCon.widgetList),
-        formConfig: cloneFormConfigWithoutEventHandler(topFormRef.formConfig)
-      };
-      const wrapperDivId = generateId() + "";
-      const dialogInstance = h(_sfc_main$1, {
-        options: dialogCon.options,
-        formJson: dFormJson,
-        formData: { ...formData },
-        optionData: topFormRef.optionData,
-        globalDsv: topFormRef.globalDsv,
+      const a = {
+        widgetList: f(r.widgetList),
+        formConfig: w(o.formConfig)
+      }, l = C() + "", n = J(Y, {
+        options: r.options,
+        formJson: a,
+        formData: { ...e },
+        optionData: o.optionData,
+        globalDsv: o.globalDsv,
         parentFormRef: this,
-        extraData,
-        wrapperId: wrapperDivId,
-        vfCtx: { ...formData }
+        extraData: i,
+        wrapperId: l,
+        vfCtx: { ...e }
       });
-      dialogInstance.appContext = this.$root.$.appContext;
-      const wrapperDiv = document.createElement("div");
-      wrapperDiv.id = "vf-dynamic-dialog-wrapper" + wrapperDivId;
-      document.body.appendChild(wrapperDiv);
-      render(dialogInstance, wrapperDiv);
-      document.body.appendChild(dialogInstance.el);
-      dialogInstance.component.exposed.show();
-    },
-    showDrawer(drawerName, formData = {}, extraData = {}) {
-      const topFormRef = this.getTopFormRef();
-      const drawerCon = getContainerWidgetByName(topFormRef.widgetList, drawerName);
-      if (!drawerCon || drawerCon.type !== "vf-drawer") {
-        this.$message.error(this.i18nt("render.hint.refNotFound") + drawerName);
+      n.appContext = this.$root.$.appContext;
+      const d = document.createElement("div");
+      d.id = "vf-dynamic-dialog-wrapper" + l, document.body.appendChild(d), O(n, d), document.body.appendChild(n.el), n.component.exposed.show();
+    },
+    showDrawer(t, e = {}, i = {}) {
+      const o = this.getTopFormRef(), s = F(o.widgetList, t);
+      if (!s || s.type !== "vf-drawer") {
+        this.$message.error(this.i18nt("render.hint.refNotFound") + t);
         return;
       }
-      const dFormJson = {
-        widgetList: deepClone(drawerCon.widgetList),
-        formConfig: cloneFormConfigWithoutEventHandler(topFormRef.formConfig)
-      };
-      const wrapperDivId = generateId() + "";
-      const drawerInstance = createVNode(DynamicDrawer, {
-        options: drawerCon.options,
-        formJson: dFormJson,
-        formData: formData || {},
-        optionData: topFormRef.optionData,
-        globalDsv: topFormRef.globalDsv,
+      const r = {
+        widgetList: f(s.widgetList),
+        formConfig: w(o.formConfig)
+      }, a = C() + "", l = V(Z, {
+        options: s.options,
+        formJson: r,
+        formData: e || {},
+        optionData: o.optionData,
+        globalDsv: o.globalDsv,
         parentFormRef: this,
-        extraData,
-        wrapperId: wrapperDivId
+        extraData: i,
+        wrapperId: a
       });
-      drawerInstance.appContext = this.$root.$.appContext;
-      const wrapperDiv = document.createElement("div");
-      wrapperDiv.id = "vf-dynamic-drawer-wrapper" + wrapperDivId;
-      document.body.appendChild(wrapperDiv);
-      render(drawerInstance, wrapperDiv);
-      document.body.appendChild(drawerInstance.el);
-      drawerInstance.component.ctx.show();
+      l.appContext = this.$root.$.appContext;
+      const n = document.createElement("div");
+      n.id = "vf-dynamic-drawer-wrapper" + a, document.body.appendChild(n), O(l, n), document.body.appendChild(l.el), l.component.ctx.show();
     },
     /**
      * 判断表单是否处于设计器预览状态
@@ -1016,63 +769,56 @@ const _sfc_main = {
     //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
   }
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_a_form = resolveComponent("a-form");
-  const _component_a_spin = resolveComponent("a-spin");
-  return openBlock(), createBlock(_component_a_spin, { spinning: $data.isLoading }, {
-    default: withCtx(() => [
-      createElementVNode("div", {
-        style: normalizeStyle($data.isLoading ? "min-height: 260px" : "")
+function et(t, e, i, o, s, r) {
+  const a = D("a-form"), l = D("a-spin");
+  return m(), p(l, { spinning: s.isLoading }, {
+    default: c(() => [
+      x("div", {
+        style: A(s.isLoading ? "min-height: 260px" : "")
       }, [
-        createVNode(_component_a_form, {
-          layout: $options.labelPosition,
-          class: normalizeClass([[$options.customClass, $data.readModeFlag ? "readonly-mode-form" : ""], "render-form tpf-form"]),
-          "label-width": $options.labelWidth,
-          "validate-on-rule-change": false,
-          model: $data.formDataModel,
+        V(a, {
+          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: withKeys($options.handleEnterKey, ["enter"])
+          onKeydown: _(r.handleEnterKey, ["enter"])
         }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList($options.widgetList, (widget, index) => {
-              return openBlock(), createElementBlock(Fragment, null, [
-                "container" === widget.category ? (openBlock(), createBlock(resolveDynamicComponent($options.getContainerWidgetName(widget)), {
-                  widget,
-                  key: widget.id,
-                  data: $data.formDataModel[widget.options.name],
-                  "parent-list": $options.widgetList,
-                  "index-of-parent-list": index,
-                  "parent-widget": null,
-                  model: $data.formDataModel
-                }, createSlots({ _: 2 }, [
-                  renderList(Object.keys(_ctx.$slots), (slot) => {
-                    return {
-                      name: slot,
-                      fn: withCtx((scope) => [
-                        renderSlot(_ctx.$slots, slot, mergeProps({ ref_for: true }, scope), void 0, true)
-                      ])
-                    };
-                  })
-                ]), 1032, ["widget", "data", "parent-list", "index-of-parent-list", "model"])) : (openBlock(), createBlock(resolveDynamicComponent($options.getWidgetName(widget)), {
-                  field: widget,
-                  "form-model": $data.formDataModel,
-                  designer: null,
-                  key: widget.id,
-                  "parent-list": $options.widgetList,
-                  "index-of-parent-list": index,
-                  "parent-widget": null
-                }, createSlots({ _: 2 }, [
-                  renderList(Object.keys(_ctx.$slots), (slot) => {
-                    return {
-                      name: slot,
-                      fn: withCtx((scope) => [
-                        renderSlot(_ctx.$slots, slot, mergeProps({ ref_for: true }, scope), void 0, true)
-                      ])
-                    };
-                  })
-                ]), 1032, ["field", "form-model", "parent-list", "index-of-parent-list"]))
-              ], 64);
-            }), 256))
+          default: c(() => [
+            (m(!0), y(R, null, b(r.widgetList, (n, d) => (m(), y(R, null, [
+              n.category === "container" ? (m(), p(S(r.getContainerWidgetName(n)), {
+                widget: n,
+                key: n.id,
+                data: s.formDataModel[n.options.name],
+                "parent-list": r.widgetList,
+                "index-of-parent-list": d,
+                "parent-widget": null,
+                model: s.formDataModel
+              }, L({ _: 2 }, [
+                b(Object.keys(t.$slots), (h) => ({
+                  name: h,
+                  fn: c((u) => [
+                    W(t.$slots, h, v({ ref_for: !0 }, u), void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["widget", "data", "parent-list", "index-of-parent-list", "model"])) : (m(), p(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
+              }, L({ _: 2 }, [
+                b(Object.keys(t.$slots), (h) => ({
+                  name: h,
+                  fn: c((u) => [
+                    W(t.$slots, h, v({ 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"])
@@ -1081,8 +827,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["spinning"]);
 }
-const VFormRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-12576082"]]);
+const ct = /* @__PURE__ */ I(tt, [["render", et], ["__scopeId", "data-v-f498c273"]]);
 export {
-  VFormRender as default
+  ct as default
 };
 //# sourceMappingURL=index.vue.js.map