@fecp/vue 1.1.2 → 1.1.4

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

@@ -14,6 +14,7 @@ const getJsonAsyncUtil = require("../../../utils/getJsonAsyncUtil.js");
 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                                                                                                                                              */
@@ -25,10 +26,16 @@ 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           */
+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");
 const index$5 = 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 = ["name", "value"];
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
@@ -42,15 +49,35 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       type: Object,
       default: () => {
       }
+    },
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isSubForm: {
+      type: Boolean,
+      default: false
+    },
+    canPageEvent: {
+      type: Boolean,
+      default: true
     }
   },
-  emits: ["submit", "change", "validate"],
+  emits: [
+    "submit",
+    "change",
+    "validate",
+    "loaded",
+    "update:modelValue"
+  ],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const instance = vue.getCurrentInstance();
     const ctx = getInstance.getCurrentVueInstance();
     const formRef = vue.ref(null);
+    const gridLayout = vue.ref(null);
     const configLoading = vue.ref(true);
     const configLoaded = vue.ref(false);
     const localConfig = vue.ref({});
@@ -59,17 +86,22 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const dataSourceOptions = vue.ref({});
     const dictionaryOptions = vue.ref({});
     const fieldsData = vue.ref({});
-    const pageEvents = usePageEvents.usePageEvents(() => ({
+    const hiddenFields = vue.ref({});
+    const rowHeight = vue.ref(1);
+    const pageEvents = props.canPageEvent ? usePageEvents.usePageEvents(() => ({
       pageEventConfig: localConfig.value.pageEventConfig,
+      fields: [...fieldsData.value, ...hiddenFields.value],
       ctx,
       formData: formData.value,
       localConfig: localConfig.value,
       components: {
         form: instance == null ? void 0 : instance.proxy
       }
-    }));
-    pageEvents.handleBeforeUnmount();
-    pageEvents.handleUnmounted();
+    })) : null;
+    if (pageEvents) {
+      pageEvents.handleBeforeUnmount();
+      pageEvents.handleUnmounted();
+    }
     const loadConfig = async () => {
       if (!props.templateKey) {
         return;
@@ -82,13 +114,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           "form",
           props.initOption
         );
+        emit("loaded", option);
+        rowHeight.value = option.labelPosition == "top" ? 1.5 : 1;
         localConfig.value = option;
         fieldsData.value = option.fieldsData.map((item) => item.component);
-        initFormData();
+        hiddenFields.value = option.hiddenFields || [];
+        loadFormData();
         await loadFieldDataSources();
         loadEventFlow();
         configLoaded.value = true;
-        if (localConfig.value.pageEventConfig) {
+        if (pageEvents && localConfig.value.pageEventConfig) {
           const onCreatedEvent = localConfig.value.pageEventConfig.find(
             (e) => e.name === "onCreated"
           );
@@ -104,11 +139,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         configLoading.value = false;
       }
     };
-    const initFormData = () => {
+    const loadFormData = () => {
       const data = {};
       const rules = {};
-      if (localConfig.value.fieldsData) {
-        localConfig.value.fieldsData.forEach(({ component }) => {
+      if (fieldsData.value) {
+        fieldsData.value.forEach((component) => {
           if (component.fieldName) {
             data[component.fieldName] = component.defaultValue ? component.defaultValue : null;
           }
@@ -120,15 +155,22 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           }
         });
       }
-      formData.value = data;
+      if (hiddenFields.value && hiddenFields.value.length > 0) {
+        hiddenFields.value.forEach((field) => {
+          if (field.fieldName) {
+            data[field.fieldName] = field.value !== void 0 ? field.value : null;
+          }
+        });
+      }
+      formData.value = { ...data, ...props.modelValue };
       formRules.value = rules;
     };
     const loadFieldDataSources = async () => {
       var _a, _b;
-      const fields = localConfig.value.fieldsData || [];
+      const fields = fieldsData.value || [];
       const fieldDataSources = /* @__PURE__ */ new Set();
       const dictionaryKeys = /* @__PURE__ */ new Set();
-      for (const { component } of fields) {
+      for (const component of fields) {
         const fieldType = component.fieldType;
         if ((fieldType === "select" || fieldType === "multipleSelection" || fieldType === "radio" || fieldType === "checkbox") && component.optionConfig) {
           const { optionSource, dataSourceValue, dictionaryValue } = component.optionConfig;
@@ -188,8 +230,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       mergeOptionsToFields();
     };
     const mergeOptionsToFields = () => {
-      if (localConfig.value.fieldsData) {
-        localConfig.value.fieldsData.forEach(({ component }) => {
+      if (fieldsData.value) {
+        fieldsData.value.forEach((component) => {
           if (!component.optionConfig) return;
           const {
             optionSource,
@@ -228,7 +270,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         getEventHandlers: createEventHandlers,
         handleEvent: createHandleEvent
       } = eventFlowHandler.useEventFlow({
-        fields: fieldsData.value,
+        fields: [...fieldsData.value, ...hiddenFields.value],
         ctx,
         dataSources: localConfig.value.dataSources,
         components: {
@@ -239,7 +281,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       const getEventHandlers = (row, item, eventConfig) => {
         return createEventHandlers(item, row, eventConfig);
       };
-      localConfig.value.fieldsData.forEach(({ component }) => {
+      fieldsData.value.forEach((component) => {
         if (component.fieldName) {
           component.eventHandlers = getEventHandlers(
             formData.value,
@@ -249,14 +291,132 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         }
       });
     }
+    const gridLayoutFieldsData = vue.computed(() => {
+      let gridLayoutData = common.cloneDeep(localConfig.value.fieldsData || []);
+      gridLayoutData = gridLayoutData.map((item) => {
+        item.isResizable = false;
+        if (!item.fixedH) {
+          item.h = item.h * 60;
+        }
+        return item;
+      });
+      const linkedConfig = localConfig.value.linkedConfig || {};
+      const dataLink = (linkedConfig == null ? void 0 : linkedConfig.dataLink) || [];
+      const fields = [...fieldsData.value, ...hiddenFields.value];
+      dataLink.forEach((item) => {
+        if (parseFilterConfig.checkFilterMatch(item.filterConfig, formData.value, fields)) {
+          const fieldAssignments = item.fieldAssignments || [];
+          fieldAssignments.forEach((assignment) => {
+            var _a, _b;
+            const fieldId = assignment.fieldId;
+            const formulaText = (_b = (_a = assignment.formula) == null ? void 0 : _a.value) == null ? void 0 : _b.text;
+            const field = fields.find((f) => f.id == fieldId);
+            if (field && formulaText) {
+              const calcResult = calculate.calculate({
+                text: formulaText,
+                value: formData.value
+              });
+              formData.value[field.fieldName] = calcResult;
+            }
+          });
+        }
+      });
+      const visibility = (linkedConfig == null ? void 0 : linkedConfig.visibility) || [];
+      visibility.forEach((item) => {
+        const dataLinkFieldList = item.dataLinkFieldList || [];
+        if (parseFilterConfig.checkFilterMatch(item.filterConfig, formData.value, fields)) {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = gridLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.hidden = false;
+            }
+          });
+        } else {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = gridLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.hidden = true;
+            }
+          });
+        }
+      });
+      gridLayoutData = gridLayoutData.filter((item) => !item.hidden);
+      const requiredArr = (linkedConfig == null ? void 0 : linkedConfig.required) || [];
+      requiredArr.forEach((item) => {
+        const dataLinkFieldList = item.dataLinkFieldList || [];
+        if (parseFilterConfig.checkFilterMatch(item.filterConfig, formData.value, fields)) {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = gridLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.component.required = true;
+            }
+          });
+        } else {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = gridLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.component.required = false;
+            }
+          });
+        }
+      });
+      const rules = {};
+      gridLayoutData.forEach(({ component }) => {
+        if (component.fieldName) {
+          const fieldRules = validation.generateFieldRules(component);
+          if (fieldRules.length > 0) {
+            rules[component.fieldName] = fieldRules;
+          }
+        }
+      });
+      formRules.value = rules;
+      const readonlyArr = (linkedConfig == null ? void 0 : linkedConfig.readonly) || [];
+      readonlyArr.forEach((item) => {
+        const dataLinkFieldList = item.dataLinkFieldList || [];
+        if (parseFilterConfig.checkFilterMatch(item.filterConfig, formData.value, fields)) {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = gridLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.component.readOnly = true;
+            }
+          });
+        } else {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = gridLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.component.readOnly = false;
+            }
+          });
+        }
+      });
+      const disabledArr = (linkedConfig == null ? void 0 : linkedConfig.disabled) || [];
+      disabledArr.forEach((item) => {
+        const dataLinkFieldList = item.dataLinkFieldList || [];
+        if (parseFilterConfig.checkFilterMatch(item.filterConfig, formData.value, fields)) {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = gridLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.component.disabled = true;
+            }
+          });
+        } else {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = gridLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.component.disabled = false;
+            }
+          });
+        }
+      });
+      return gridLayoutData;
+    });
     const getFieldError = (fieldName) => {
       var _a;
       if (!formRef.value) return "";
       const field = (_a = formRef.value.fields) == null ? void 0 : _a.find((f) => f.prop === fieldName);
       return (field == null ? void 0 : field.validateMessage) || "";
     };
-    const handleFieldChange = (value, field) => {
-      emit("change", { field: field.fieldName, value });
+    const handleFieldChange = (config, value) => {
     };
     const handleCustomButtonClick = (button) => {
       var _a;
@@ -274,40 +434,80 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       var _a, _b;
       (_a = formRef.value) == null ? void 0 : _a.clearValidate();
       (_b = formRef.value) == null ? void 0 : _b.resetFields();
-      initFormData();
+      loadFormData();
+    };
+    const valueFormatMap = {
+      date: "YYYYMMDD",
+      week: "YYYYMMDD",
+      month: "YYYYMM",
+      year: "YYYY",
+      datetime: "YYYYMMDDHHmmss"
+    };
+    const formValueFormatMap = {
+      date: "YYYY-MM-DD",
+      week: "YYYY-MM-DD",
+      month: "YYYY-MM",
+      year: "YYYY",
+      datetime: "YYYY-MM-DD HH:mm:ss"
     };
     const getFormData = () => {
       const result = { ...formData.value };
-      if (localConfig.value.fieldsData) {
-        localConfig.value.fieldsData.forEach(({ component }) => {
-          const fieldName = component.fieldName;
-          const fieldType = component.fieldType;
-          if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection")) {
-            const value = result[fieldName];
-            if (Array.isArray(value)) {
-              result[fieldName] = value.join("|");
-            }
+      const processField = (field) => {
+        const fieldName = field.fieldName;
+        const fieldType = field.fieldType;
+        const value = result[fieldName];
+        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection")) {
+          if (Array.isArray(value)) {
+            result[fieldName] = value.join("|");
           }
+        } else if (fieldName && fieldType === "date" && value) {
+          const valueFormat = valueFormatMap[field.dateType] || "YYYYMMDD";
+          const formValueFormat = formValueFormatMap[field.dateType] || "YYYY-MM-DD";
+          result[fieldName] = moment.default(value, formValueFormat).format(valueFormat);
+        }
+      };
+      if (fieldsData.value) {
+        fieldsData.value.forEach((component) => {
+          processField(component);
+        });
+      }
+      if (hiddenFields.value && hiddenFields.value.length > 0) {
+        hiddenFields.value.forEach((field) => {
+          processField(field);
         });
       }
       return result;
     };
     const setFormData = (data) => {
       const processedData = { ...data };
-      if (localConfig.value.fieldsData) {
-        localConfig.value.fieldsData.forEach(({ component }) => {
-          const fieldName = component.fieldName;
-          const fieldType = component.fieldType;
-          if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection")) {
-            const value = processedData[fieldName];
-            if (typeof value === "string" && value.includes("|")) {
-              processedData[fieldName] = value.split("|");
-            } else if (typeof value === "string" && value !== "") {
-              processedData[fieldName] = [value];
-            } else if (value === "" || value === null || value === void 0) {
-              processedData[fieldName] = [];
-            }
+      const processField = (field) => {
+        const fieldName = field.fieldName;
+        const fieldType = field.fieldType;
+        const value = processedData[fieldName];
+        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection")) {
+          if (typeof value === "string" && value.includes("|")) {
+            processedData[fieldName] = value.split("|");
+          } else if (typeof value === "string" && value !== "") {
+            processedData[fieldName] = [value];
+          } else if (value === "" || value === null || value === void 0) {
+            processedData[fieldName] = [];
           }
+        } else if (fieldName && fieldType === "date" && value) {
+          const valueFormat = valueFormatMap[field.dateType] || "YYYYMMDD";
+          const formValueFormat = formValueFormatMap[field.dateType] || "YYYY-MM-DD";
+          processedData[fieldName] = moment.default(value, valueFormat).format(
+            formValueFormat
+          );
+        }
+      };
+      if (fieldsData.value) {
+        fieldsData.value.forEach((component) => {
+          processField(component);
+        });
+      }
+      if (hiddenFields.value && hiddenFields.value.length > 0) {
+        hiddenFields.value.forEach((field) => {
+          processField(field);
         });
       }
       Object.assign(formData.value, processedData);
@@ -315,6 +515,17 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     vue.onMounted(() => {
       loadConfig();
     });
+    vue.watch(
+      formData,
+      (newVal) => {
+        emit("update:modelValue", newVal);
+      },
+      { deep: true }
+    );
+    vue.provide("formData", formData);
+    vue.provide("rowHeight", rowHeight);
+    vue.provide("gridLayout", gridLayout);
+    vue.provide("gridLayoutFieldsData", gridLayoutFieldsData);
     __expose({
       validate,
       resetFields,
@@ -330,7 +541,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         style: { "height": "100%" }
       }, {
         default: vue.withCtx(() => [
-          !configLoading.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.header), {
+          !configLoading.value && !__props.isSubForm ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.header), {
             key: 0,
             pageHeaderConfig: localConfig.value.pageHeaderConfig
           }, null, 8, ["pageHeaderConfig"])) : vue.createCommentVNode("", true),
@@ -342,16 +553,17 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                 model: formData.value,
                 rules: formRules.value,
                 "label-position": localConfig.value.labelPosition,
-                style: { "padding": "18px" },
+                style: vue.normalizeStyle({ padding: __props.isSubForm ? "0" : "18px" }),
                 "validate-on-rule-change": false
               }, {
                 default: vue.withCtx(() => [
                   !configLoading.value ? (vue.openBlock(), vue.createBlock(vue.unref(gridLayout_vue.default), {
                     key: 0,
-                    ref: "gridLayout",
-                    layout: localConfig.value.fieldsData,
-                    "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => localConfig.value.fieldsData = $event),
-                    "row-height": localConfig.value.labelPosition == "top" ? 90 : 60,
+                    ref_key: "gridLayout",
+                    ref: gridLayout,
+                    layout: vue.unref(gridLayoutFieldsData),
+                    "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => vue.isRef(gridLayoutFieldsData) ? gridLayoutFieldsData.value = $event : null),
+                    "row-height": rowHeight.value,
                     margin: [0, 0],
                     "col-num": localConfig.value.columns,
                     "is-draggable": false,
@@ -369,21 +581,31 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "localConfig", "error", "formRef"])
                     ]),
                     _: 1
-                  }, 8, ["layout", "row-height", "col-num"])) : vue.createCommentVNode("", true)
+                  }, 8, ["layout", "row-height", "col-num"])) : vue.createCommentVNode("", true),
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(hiddenFields.value, (field) => {
+                    return vue.openBlock(), vue.createElementBlock("input", {
+                      key: field.fieldName,
+                      type: "hidden",
+                      name: field.fieldName,
+                      value: formData.value[field.fieldName]
+                    }, null, 8, _hoisted_1);
+                  }), 128))
                 ]),
                 _: 1
-              }, 8, ["model", "rules", "label-position"])
+              }, 8, ["model", "rules", "label-position", "style"])
             ]),
             _: 1
           }),
-          vue.createVNode(vue.unref(index$4.footer), {
+          !__props.isSubForm ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.footer), {
+            key: 1,
             pageFooterConfig: localConfig.value.pageFooterConfig,
             onCustomButtonClick: handleCustomButtonClick
-          }, null, 8, ["pageFooterConfig"])
+          }, null, 8, ["pageFooterConfig"])) : vue.createCommentVNode("", true)
         ]),
         _: 1
       });
     };
   }
 });
-exports.default = _sfc_main;
+const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8a7ec746"]]);
+exports.default = _Form;

package/lib/packages/vue/src/components/forms/formItem/FormItem.vue.js

@@ -5,8 +5,11 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-tooltip.css.js");
 ;/* empty css                                                                                                                                         */
 const vue = require("vue");
-const index$3 = require("../../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.js");
 const debounce = require("../form/debounce.js");
+const index$1 = require("../divider/index.js");
+const index = require("../h2/index.js");
+const index$2 = require("../subForm/index.js");
+const index$3 = require("../subTable/index.js");
 const Text = require("../text/Text.vue.js");
 const Textarea = require("../textarea/Textarea.vue.js");
 const Number$1 = require("../number/Number.vue.js");
@@ -17,13 +20,18 @@ const Radio = require("../radio/Radio.vue.js");
 const Checkbox = require("../checkbox/Checkbox.vue.js");
 const Switch = require("../switch/Switch.vue.js");
 const Upload = require("../upload/Upload.vue.js");
-const Divider = require("../divider/Divider.vue.js");
-const H2 = require("../h2/H2.vue.js");
 ;/* 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/form/index.js");
-const index$1 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/tooltip/index.js");
-const index$2 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/icon/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/form/index.js");
+const index$5 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/tooltip/index.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "iconfont icon-iconZheng credit-icon"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "iconfont icon-iconJian regulation-icon"
+};
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
@@ -50,10 +58,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       default: null
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    function handleChange(config, val) {
+      emit("change", config, val);
+    }
     const componentMap = {
       text: Text.default,
       textarea: Textarea.default,
@@ -64,9 +75,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       radio: Radio.default,
       checkbox: Checkbox.default,
       switch: Switch.default,
-      upload: Upload.default,
-      divider: Divider.default,
-      h2: H2.default
+      upload: Upload.default
     };
     const componentType = vue.computed(() => {
       return componentMap[props.config.fieldType];
@@ -105,10 +114,24 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       }
     });
     return (_ctx, _cache) => {
-      const _component_el_icon = index$2.ElIcon;
-      const _component_el_tooltip = index$1.ElTooltip;
-      const _component_el_form_item = index.ElFormItem;
-      return vue.openBlock(), vue.createBlock(_component_el_form_item, {
+      const _component_el_tooltip = index$5.ElTooltip;
+      const _component_el_form_item = index$4.ElFormItem;
+      return __props.config.fieldType == "h2" ? (vue.openBlock(), vue.createBlock(vue.unref(index.H2), {
+        key: 0,
+        config: __props.config
+      }, null, 8, ["config"])) : __props.config.fieldType == "divider" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.Divider), {
+        key: 1,
+        config: __props.config
+      }, null, 8, ["config"])) : __props.config.fieldType == "subForm" ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.SubForm), {
+        key: 2,
+        config: __props.config,
+        localConfig: __props.localConfig
+      }, null, 8, ["config", "localConfig"])) : __props.config.fieldType == "subTable" ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.SubTable), {
+        key: 3,
+        config: __props.config,
+        localConfig: __props.localConfig
+      }, null, 8, ["config", "localConfig"])) : (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+        key: 4,
         prop: __props.config.fieldName,
         required: __props.config.required,
         error: __props.error,
@@ -119,35 +142,40 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             key: 0,
             modelValue: compValue.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => compValue.value = $event)
-          }, componentProps.value, { config: __props.config }), null, 16, ["modelValue", "config"])) : vue.createCommentVNode("", true)
+          }, componentProps.value, {
+            config: __props.config,
+            onChange: _cache[1] || (_cache[1] = (value) => {
+              handleChange(__props.config, value);
+            })
+          }), null, 16, ["modelValue", "config"])) : vue.createCommentVNode("", true)
         ]),
         _: 2
       }, [
         __props.config.labelMode != "input" ? {
           name: "label",
-          fn: vue.withCtx(() => [
-            vue.createElementVNode("span", null, vue.toDisplayString(__props.config.label), 1),
-            __props.config.tooltip ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
-              key: 0,
-              content: __props.config.tooltip,
-              placement: "top"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_el_icon, { class: "info-icon" }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index$3.QuestionFilled))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["content"])) : vue.createCommentVNode("", true)
-          ]),
+          fn: vue.withCtx(() => {
+            var _a;
+            return [
+              __props.config.credit ? (vue.openBlock(), vue.createElementBlock("i", _hoisted_1)) : vue.createCommentVNode("", true),
+              __props.config.regulation ? (vue.openBlock(), vue.createElementBlock("i", _hoisted_2)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("span", null, vue.toDisplayString(__props.config.label), 1),
+              ((_a = __props.config.tooltip) == null ? void 0 : _a.trim()) ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                key: 2,
+                content: __props.config.tooltip,
+                placement: "top"
+              }, {
+                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                  vue.createElementVNode("i", { class: "iconfont icon-tooltip info-icon" }, null, -1)
+                ])),
+                _: 1
+              }, 8, ["content"])) : vue.createCommentVNode("", true)
+            ];
+          }),
           key: "0"
         } : void 0
-      ]), 1032, ["prop", "required", "error", "label-width"]);
+      ]), 1032, ["prop", "required", "error", "label-width"]));
     };
   }
 });
-const _FormItem = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-056f6e4b"]]);
+const _FormItem = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3adaccae"]]);
 exports.default = _FormItem;