@fecp/vue 1.1.8 → 1.2.0

package/lib/packages/vue/src/components/dialog/DialogRenderer.vue2.js

@@ -0,0 +1,403 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                                                                                                                 */
+;/* empty css                                                                                                                                      */
+;/* empty css                                                                                                                                       */
+;/* empty css                                                                                                                                      */
+const vue = require("vue");
+const index$1 = require("../table/index.js");
+const index$2 = require("../forms/form/index.js");
+const parseRouteParams = require("../../utils/parseRouteParams.js");
+const calculate = require("../../utils/formulajs/calculate.js");
+const eventFlowHandler = require("../../utils/eventFlow/eventFlowHandler.js");
+;/* empty css                                                                                                                                     */
+;/* empty css                                                                                                                                       */
+;/* empty css                                                                                                                                       */
+;/* empty css                    */
+const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
+;/* empty css                                                                                                                                           */
+;/* empty css                                                                                                                                     */
+const index = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/dialog/index.js");
+const index$3 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.js");
+const index$4 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.js");
+const _hoisted_1 = { class: "dialog-header-content" };
+const _hoisted_2 = {
+  key: 1,
+  class: "component-error"
+};
+const _hoisted_3 = {
+  key: 3,
+  class: "empty-content"
+};
+const _sfc_main = {
+  __name: "DialogRenderer",
+  props: {
+    // 弹层配置
+    dialogConfig: {
+      type: Object,
+      required: true
+    },
+    // 是否显示
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    fieldsList: {
+      type: Array,
+      default: []
+    },
+    formData: {
+      type: Object,
+      default: {}
+    },
+    displayField: {
+      type: String,
+      default: ""
+    },
+    componentCtx: {
+      type: Object,
+      default: {}
+    },
+    instance: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "confirm",
+    "cancel",
+    "selection-change",
+    "form-submit"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dialogVisible = vue.ref(false);
+    const tableSelectionRows = vue.ref([]);
+    vue.ref(null);
+    const currentDialogConfig = vue.computed(() => props.dialogConfig);
+    const dialogWidth = vue.computed(() => {
+      var _a, _b;
+      const size = ((_a = currentDialogConfig.value) == null ? void 0 : _a.dialogSize) || "standard";
+      const sizeMap = {
+        standard: "50%",
+        small: "30%",
+        large: "70%"
+      };
+      if (size === "custom") {
+        return ((_b = currentDialogConfig.value) == null ? void 0 : _b.customWidth) || "50%";
+      }
+      return sizeMap[size] || "50%";
+    });
+    const contentStyle = vue.computed(() => {
+      var _a, _b;
+      const size = (_a = currentDialogConfig.value) == null ? void 0 : _a.dialogSize;
+      if (size === "custom" && ((_b = currentDialogConfig.value) == null ? void 0 : _b.customMaxHeight)) {
+        return {
+          maxHeight: currentDialogConfig.value.customMaxHeight,
+          overflow: "auto"
+        };
+      }
+      return {};
+    });
+    vue.computed(() => {
+      var _a;
+      const configParams = ((_a = currentDialogConfig.value) == null ? void 0 : _a.dialogParams) || [];
+      const paramsObj = {};
+      configParams.forEach((param) => {
+        paramsObj[param.paramName] = param.paramValue;
+      });
+      return { ...paramsObj };
+    });
+    vue.watch(
+      () => {
+        return props.modelValue;
+      },
+      (val) => {
+        dialogVisible.value = val;
+      },
+      {
+        immediate: true
+      }
+    );
+    vue.watch(dialogVisible, (val) => {
+      emit("update:modelValue", val);
+    });
+    const loadComponent = (path) => {
+      if (!path) return null;
+      try {
+        const component = vue.defineAsyncComponent(
+          () => import(
+            /* @vite-ignore */
+            path
+          )
+        );
+        return component;
+      } catch (error) {
+        console.error("组件加载失败:", error);
+        return null;
+      }
+    };
+    const handleSubmit = (data) => {
+      emit("confirm", data);
+    };
+    const handleClose = () => {
+      dialogVisible.value = false;
+    };
+    const dialogTableRef = vue.ref();
+    const handleConfirm = () => {
+      var _a, _b, _c, _d, _e;
+      const contentSource = (_a = currentDialogConfig.value) == null ? void 0 : _a.contentSource;
+      if (contentSource === "table") {
+        if (tableSelectionRows.value.length == 0) {
+          index$4.ElMessage.error("数据未选择，请选择");
+          return;
+        }
+        const formData = {};
+        const displayFormat = currentDialogConfig.value.displayFormat;
+        const displayValues = tableSelectionRows.value.map((row) => {
+          const calcResult = calculate.calculate({
+            text: displayFormat == null ? void 0 : displayFormat.text,
+            marks: [],
+            value: row
+          });
+          return calcResult;
+        });
+        if (props.displayField) {
+          formData[props.displayField] = displayValues.join(",");
+        } else {
+          console.log("未配置参数字段: displayField");
+        }
+        const fieldMapping = currentDialogConfig.value.fieldMapping;
+        if ((fieldMapping == null ? void 0 : fieldMapping.length) > 0) {
+          fieldMapping.forEach((item) => {
+            const field = props.fieldsList.find((field2) => field2.id === item.field);
+            if (field) {
+              const values = tableSelectionRows.value.map((row) => row[item.value]);
+              formData[field.fieldName] = values.join("|");
+            }
+          });
+        }
+        if (Object.keys(formData).length > 0) {
+          (_d = (_c = (_b = props.componentCtx) == null ? void 0 : _b.$) == null ? void 0 : _c.exposed) == null ? void 0 : _d.setFormData(formData);
+        }
+        const callbackEventConfig = currentDialogConfig.value.callbackEventConfig;
+        if (callbackEventConfig && ((_e = callbackEventConfig == null ? void 0 : callbackEventConfig.next) == null ? void 0 : _e.id) != "end") {
+          const fieldsData = dialogTableRef.value.localConfig.fieldsData;
+          eventFlowHandler.executeEventFlow({
+            eventFlow: callbackEventConfig,
+            fields: fieldsData,
+            instance: props.instance,
+            localConfig: dialogTableRef.value.localConfig || {},
+            components: {
+              table: {
+                $: {
+                  exposed: dialogTableRef.value
+                }
+              }
+            },
+            row: {},
+            item: {}
+          });
+        }
+        emit("confirm", tableSelectionRows.value);
+      } else {
+        emit("confirm");
+      }
+      dialogVisible.value = false;
+    };
+    const handleCancel = () => {
+      emit("cancel");
+      dialogVisible.value = false;
+    };
+    const initDialogParams = vue.computed(() => {
+      var _a;
+      if (((_a = currentDialogConfig.value.dialogParams) == null ? void 0 : _a.length) > 0) {
+        const params = parseRouteParams.parseRouteParams(
+          currentDialogConfig.value.dialogParams,
+          props.formData,
+          props.fieldsList
+        );
+        return params;
+      }
+      return {};
+    });
+    __expose({
+      // 打开弹层
+      open: (params = {}) => {
+        dialogVisible.value = true;
+      },
+      // 关闭弹层
+      close: () => {
+        dialogVisible.value = false;
+      }
+      // // 获取当前选中的数据（列表模式）
+      // getSelection: () => {
+      //   return tableRendererRef.value?.getSelection?.();
+      // },
+      // // 获取表单数据（表单模式）
+      // getFormData: () => {
+      //   return formRendererRef.value?.getFormData?.();
+      // },
+      // // 重置表单（表单模式）
+      // resetForm: () => {
+      //   formRendererRef.value?.resetForm?.();
+      // },
+    });
+    function tableSelectionChange(selectionRows) {
+      tableSelectionRows.value = selectionRows;
+    }
+    const subFormOption = vue.ref({});
+    const handleEvent = vue.ref(null);
+    const dialogFormRef = vue.ref();
+    function subFormLoaded(subOption) {
+      subFormOption.value = subOption;
+      const fieldsData = subFormOption.value.fieldsData.map((item) => {
+        return item.component;
+      });
+      const hiddenFields = subFormOption.value.hiddenFields;
+      const { handleEvent: createHandleEvent } = eventFlowHandler.useEventFlow({
+        fields: [...fieldsData, ...hiddenFields],
+        instance: props.instance,
+        localConfig: subFormOption.value || {},
+        components: {
+          form: {
+            $: {
+              exposed: dialogFormRef.value
+            }
+          }
+        },
+        onSuccess: (result, row, item) => {
+          dialogVisible.value = false;
+        },
+        onError: (error, row, item) => {
+        }
+      });
+      handleEvent.value = createHandleEvent;
+    }
+    const subFormFooterBtns = vue.computed(() => {
+      const btnArr = [];
+      currentDialogConfig.value.subFormFooterButtons.forEach((btnId) => {
+        var _a, _b;
+        const btn = (_b = (_a = subFormOption.value) == null ? void 0 : _a.pageFooterConfig) == null ? void 0 : _b.actions.find(
+          (btn2) => btn2.id == btnId
+        );
+        if (btn) {
+          btnArr.push(btn);
+        }
+      });
+      return btnArr;
+    });
+    function formFooterClick(button) {
+      var _a;
+      const formData = dialogFormRef.value.getFormData();
+      handleEvent.value(
+        formData,
+        button,
+        (_a = button.eventConfig) == null ? void 0 : _a.find((item) => item.name == "Click")
+      );
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = index$3.ElButton;
+      const _component_el_dialog = index.ElDialog;
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        modelValue: dialogVisible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialogVisible.value = $event),
+        width: dialogWidth.value,
+        draggable: true,
+        "close-on-click-modal": false,
+        "append-to-body": "",
+        class: "fec-dialog-renderer"
+      }, {
+        header: vue.withCtx(() => {
+          var _a;
+          return [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createElementVNode("span", null, vue.toDisplayString(((_a = currentDialogConfig.value) == null ? void 0 : _a.dialogTitle) || "弹层"), 1)
+            ])
+          ];
+        }),
+        footer: vue.withCtx(() => {
+          var _a, _b, _c;
+          return [
+            vue.createVNode(_component_el_button, { onClick: handleCancel }, {
+              default: vue.withCtx(() => _cache[1] || (_cache[1] = [
+                vue.createTextVNode("取消")
+              ])),
+              _: 1
+            }),
+            ((_a = __props.dialogConfig) == null ? void 0 : _a.contentSource) === "table" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              !__props.dialogConfig.isSubTableReadOnly ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+                key: 0,
+                type: "primary",
+                onClick: handleConfirm
+              }, {
+                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                  vue.createTextVNode("确定")
+                ])),
+                _: 1
+              })) : vue.createCommentVNode("", true)
+            ], 64)) : vue.createCommentVNode("", true),
+            ((_b = __props.dialogConfig) == null ? void 0 : _b.contentSource) === "form" && ((_c = __props.dialogConfig) == null ? void 0 : _c.subFormMode) != "query" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(subFormFooterBtns.value, (btn) => {
+              return vue.openBlock(), vue.createBlock(_component_el_button, {
+                key: btn.id,
+                type: "primary",
+                onClick: ($event) => formFooterClick(btn)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(btn.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]);
+            }), 128)) : vue.createCommentVNode("", true)
+          ];
+        }),
+        default: vue.withCtx(() => {
+          var _a, _b, _c, _d, _e;
+          return [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(["dialog-content-wrapper", "fec-dialog-" + ((_a = __props.dialogConfig) == null ? void 0 : _a.contentSource)]),
+              style: vue.normalizeStyle(contentStyle.value)
+            }, [
+              ((_b = __props.dialogConfig) == null ? void 0 : _b.contentSource) === "table" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                __props.dialogConfig.tableContent === "select" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.Table), {
+                  key: 0,
+                  templateKey: __props.dialogConfig.subTableKey,
+                  mode: __props.dialogConfig.subTableMode,
+                  isDialog: "",
+                  hasPagination: __props.dialogConfig.isSubTablePagination,
+                  initSearchData: initDialogParams.value,
+                  readonly: __props.dialogConfig.isSubTableReadOnly,
+                  selectMode: __props.dialogConfig.selectionMode,
+                  onSelectionChange: tableSelectionChange,
+                  ref_key: "dialogTableRef",
+                  ref: dialogTableRef
+                }, null, 8, ["templateKey", "mode", "hasPagination", "initSearchData", "readonly", "selectMode"])) : __props.dialogConfig.tableContent === "custom" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [], 64)) : vue.createCommentVNode("", true)
+              ], 64)) : ((_c = __props.dialogConfig) == null ? void 0 : _c.contentSource) === "form" ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.Form), {
+                key: 1,
+                templateKey: __props.dialogConfig.subFormKey,
+                isDialog: "",
+                initSearchData: initDialogParams.value,
+                onLoaded: subFormLoaded,
+                initFormMode: __props.dialogConfig.subFormMode,
+                ref_key: "dialogFormRef",
+                ref: dialogFormRef
+              }, null, 8, ["templateKey", "initSearchData", "initFormMode"])) : ((_d = __props.dialogConfig) == null ? void 0 : _d.contentSource) === "component" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                loadComponent(__props.dialogConfig.componentPath) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(loadComponent(__props.dialogConfig.componentPath)), {
+                  key: 0,
+                  "dialog-params": __props.dialogConfig.dialogParams,
+                  onClose: handleClose,
+                  onSubmit: handleSubmit
+                }, null, 40, ["dialog-params"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, " 组件加载失败，请检查组件路径: " + vue.toDisplayString((_e = __props.dialogConfig) == null ? void 0 : _e.componentPath), 1))
+              ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, "请配置弹层内容"))
+            ], 6)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "width"]);
+    };
+  }
+};
+const DialogRenderer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-7a29ddee"]]);
+exports.default = DialogRenderer;

package/lib/packages/vue/src/components/dialog/index.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const DialogRenderer = require("./DialogRenderer.vue2.js");
+let currentDialogInstance = null;
+let isCleaningUp = false;
+const cleanupDialog = () => {
+  if (isCleaningUp) return;
+  isCleaningUp = true;
+  setTimeout(() => {
+    var _a;
+    try {
+      if ((_a = currentDialogInstance == null ? void 0 : currentDialogInstance.container) == null ? void 0 : _a.parentNode) {
+        currentDialogInstance.container.parentNode.removeChild(currentDialogInstance.container);
+      }
+      if (currentDialogInstance == null ? void 0 : currentDialogInstance.vnode) {
+        vue.render(null, currentDialogInstance.container);
+      }
+      currentDialogInstance = null;
+    } catch (error) {
+      console.error("Dialog cleanup error:", error);
+    } finally {
+      isCleaningUp = false;
+    }
+  }, 300);
+};
+function openDialog(displayField, dialogConfig, instance, componentCtx, fieldsList, formData) {
+  return new Promise((resolve, reject) => {
+    if (currentDialogInstance) {
+      closeDialog();
+    }
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    const vnode = vue.createVNode(DialogRenderer.default, {
+      dialogConfig,
+      modelValue: true,
+      fieldsList,
+      formData,
+      displayField,
+      componentCtx,
+      instance,
+      "onUpdate:modelValue": (val) => {
+        if (!val) {
+          cleanupDialog();
+        }
+      },
+      onConfirm: (data) => {
+        resolve(data);
+        cleanupDialog();
+      },
+      onCancel: () => {
+        reject(new Error("用户取消"));
+        cleanupDialog();
+      }
+    });
+    vnode.appContext = instance.appContext;
+    vue.render(vnode, container);
+    currentDialogInstance = { vnode, container };
+  });
+}
+function closeDialog() {
+  var _a, _b, _c;
+  if ((_c = (_b = (_a = currentDialogInstance == null ? void 0 : currentDialogInstance.vnode) == null ? void 0 : _a.component) == null ? void 0 : _b.ctx) == null ? void 0 : _c.dialogVisible) {
+    currentDialogInstance.vnode.component.ctx.dialogVisible.value = false;
+  }
+}
+exports.closeDialog = closeDialog;
+exports.openDialog = openDialog;

package/lib/packages/vue/src/components/forms/form/Form.vue.js

@@ -15,22 +15,26 @@ const FormItem = require("../formItem/FormItem.vue.js");
 const datasource = require("../../../utils/datasource.js");
 const validation = require("./validation.js");
 const common = require("../../../utils/common.js");
-;/* empty css                                                                                                                                              */
 ;/* empty css                                                                                                                                         */
-;/* empty css                                                                                                                                        */
 ;/* empty css                                                                                                                                          */
+;/* empty css                                                                                                                                         */
+require("../../table/index.js");
+require("./index.js");
+const calculate = require("../../../utils/formulajs/calculate.js");
 const eventFlowHandler = require("../../../utils/eventFlow/eventFlowHandler.js");
+;/* empty css                                                                                                                                        */
+;/* empty css                                                                                                                                          */
+;/* empty css                               */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+;/* empty css                                                                                                                                              */
+;/* empty css                                                                                                                                        */
 const usePageEvents = require("../../../composables/usePageEvents.js");
 const index$1 = require("../../details/header/index.js");
 const index$2 = require("../../details/main/index.js");
 const index$4 = require("../../details/footer/index.js");
 const parseFilterConfig = require("../../../utils/parseFilterConfig.js");
-const calculate = require("../../../utils/formulajs/calculate.js");
 const moment = require("../../../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.js");
-;/* empty css                                                                                                                                        */
-;/* empty css                                                                                                                                          */
 ;/* empty css           */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/container/index.js");
 const index$3 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/index.js");
 const gridLayout_vue = require("../../../../../../node_modules/.pnpm/grid-layout-plus@1.1.1_vue@3.5.13_typescript@5.7.3_/node_modules/grid-layout-plus/es/components/grid-layout.vue.js");
@@ -59,9 +63,21 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       type: Boolean,
       default: false
     },
+    isDialog: {
+      type: Boolean,
+      default: false
+    },
     canPageEvent: {
       type: Boolean,
       default: true
+    },
+    initSearchData: {
+      type: Object,
+      default: {}
+    },
+    initFormMode: {
+      type: String,
+      default: ""
     }
   },
   emits: [
@@ -91,17 +107,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const pageEvents = props.canPageEvent ? usePageEvents.usePageEvents(() => ({
       pageEventConfig: localConfig.value.pageEventConfig,
       fields: [...fieldsData.value, ...hiddenFields.value],
-      ctx,
+      instance,
       formData: formData.value,
       localConfig: localConfig.value,
+      initSearchData: props.initSearchData,
       components: {
-        form: instance == null ? void 0 : instance.proxy
+        form: ctx
       }
     })) : null;
     if (pageEvents) {
       pageEvents.handleBeforeUnmount();
       pageEvents.handleUnmounted();
     }
+    const formMode = vue.ref("");
     const loadConfig = async () => {
       if (!props.templateKey) {
         return;
@@ -117,8 +135,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         emit("loaded", option);
         rowHeight.value = option.labelPosition == "top" ? 1.5 : 1;
         localConfig.value = option;
+        if (props.initFormMode) {
+          formMode.value = props.initFormMode;
+        } else {
+          formMode.value = option.formMode;
+        }
         fieldsData.value = option.fieldsData.map((item) => {
-          if (option.formMode == "query") {
+          if (formMode.value == "query") {
             item.component.disabled = true;
           }
           return item.component;
@@ -279,10 +302,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         handleEvent: createHandleEvent
       } = eventFlowHandler.useEventFlow({
         fields: [...fieldsData.value, ...hiddenFields.value],
-        ctx,
-        dataSources: localConfig.value.dataSources,
+        instance,
+        localConfig: localConfig.value,
         components: {
-          form: instance == null ? void 0 : instance.proxy
+          form: ctx
         }
       });
       handleEvent.value = createHandleEvent;
@@ -327,6 +350,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             if (field && formulaText) {
               const calcResult = calculate.calculate({
                 text: formulaText,
+                marks: [],
                 value: formData.value
               });
               formData.value[field.fieldName] = calcResult;
@@ -542,15 +566,20 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       { deep: true }
     );
     vue.provide("formData", formData);
+    vue.provide("localConfig", localConfig);
+    vue.provide("fieldsData", fieldsData);
+    vue.provide("hiddenFields", hiddenFields);
     vue.provide("rowHeight", rowHeight);
     vue.provide("gridLayout", gridLayout);
     vue.provide("gridLayoutFieldsData", gridLayoutFieldsData);
+    vue.provide("formCtx", ctx);
     __expose({
       validate,
       resetFields,
       getFormData,
       setFormData,
-      formRef
+      formRef,
+      localConfig
     });
     return (_ctx, _cache) => {
       const _component_el_form = index$3.ElForm;
@@ -564,7 +593,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         "data-version": "v5"
       }, {
         default: vue.withCtx(() => [
-          !configLoading.value && !__props.isSubForm ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.header), {
+          !configLoading.value && !__props.isSubForm && !__props.isDialog ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.header), {
             key: 0,
             pageHeaderConfig: localConfig.value.pageHeaderConfig
           }, null, 8, ["pageHeaderConfig"])) : vue.createCommentVNode("", true),
@@ -576,7 +605,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                 model: formData.value,
                 rules: formRules.value,
                 "label-position": localConfig.value.labelPosition,
-                style: vue.normalizeStyle({ padding: __props.isSubForm ? "0" : "18px" }),
+                style: vue.normalizeStyle({ padding: __props.isSubForm || __props.isDialog ? "0" : "18px" }),
                 "validate-on-rule-change": false
               }, {
                 default: vue.withCtx(() => [
@@ -600,8 +629,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                         localConfig: localConfig.value,
                         error: getFieldError(component.fieldName),
                         formRef: formRef.value,
+                        formMode: formMode.value,
                         onChange: handleFieldChange
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "localConfig", "error", "formRef"])
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "localConfig", "error", "formRef", "formMode"])
                     ]),
                     _: 1
                   }, 8, ["layout", "row-height", "col-num"])) : vue.createCommentVNode("", true),
@@ -619,16 +649,17 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             ]),
             _: 1
           }),
-          !__props.isSubForm ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.footer), {
+          !__props.isSubForm && !__props.isDialog ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.footer), {
             key: 1,
+            formMode: formMode.value,
             pageFooterConfig: localConfig.value.pageFooterConfig,
             onCustomButtonClick: handleCustomButtonClick
-          }, null, 8, ["pageFooterConfig"])) : vue.createCommentVNode("", true)
+          }, null, 8, ["formMode", "pageFooterConfig"])) : vue.createCommentVNode("", true)
         ]),
         _: 1
       }, 8, ["data-id", "data-name", "data-pkId"]);
     };
   }
 });
-const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-caaa182c"]]);
+const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5877fafa"]]);
 exports.default = _Form;