@fecp/designer 5.3.6 → 5.3.8

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

@@ -26,20 +26,20 @@ const eventFlowHandler = require("../../../utils/eventFlow/eventFlowHandler.js")
 ;/* empty css                                                                                                                                          */
 ;/* empty css                               */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const index$6 = require("../../../api/index.js");
+const index$1 = require("../../../api/index.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 index$3 = require("../../details/header/index.js");
+const index$4 = require("../../details/main/index.js");
+const index$6 = require("../../details/footer/index.js");
 const parseFilterConfig = require("../../../utils/parseFilterConfig.js");
 const moment = require("../../../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.js");
 ;/* 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/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 index = 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 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/container/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/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
@@ -121,6 +121,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       pageEvents.handleUnmounted();
     }
     const formMode = vue.ref("");
+    vue.watch(
+      () => props.templateKey,
+      (key) => {
+        if (key) {
+          loadConfig();
+        }
+      }
+    );
     const loadConfig = async () => {
       if (!props.templateKey) {
         return;
@@ -166,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         }
       } catch (error) {
         console.error("加载配置失败:", error);
-        index$5.ElMessage.error("加载配置失败");
+        index.ElMessage.error("加载配置失败");
       } finally {
         configLoading.value = false;
       }
@@ -184,7 +192,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             defaultData[component.fieldName] = defaultValue;
           }
           if (component.fieldName) {
-            const fieldRules = validation.generateFieldRules(component);
+            const fieldRules = validation.generateFieldRules(component, formData, [
+              ...fieldsData.value,
+              ...hiddenFields.value
+            ]);
             if (fieldRules.length > 0) {
               rules[component.fieldName] = fieldRules;
             }
@@ -322,7 +333,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         return;
       }
       try {
-        const response = await index$6.default.getProductData(ctx.$http, prodIdValue);
+        const response = await index$1.default.getProductData(ctx.$http, prodIdValue);
         productData.value = response;
         console.log("产品数据加载成功:", productData.value);
       } catch (error) {
@@ -782,7 +793,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       const rules = {};
       updatedLayoutData.forEach(({ component }) => {
         if (component.fieldName) {
-          const fieldRules = validation.generateFieldRules(component);
+          const fieldRules = validation.generateFieldRules(component, formData, fields);
           if (fieldRules.length > 0) {
             rules[component.fieldName] = fieldRules;
           }
@@ -878,8 +889,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       localConfig
     });
     return (_ctx, _cache) => {
-      const _component_el_form = index$3.ElForm;
-      const _component_el_container = index.ElContainer;
+      const _component_el_form = index$5.ElForm;
+      const _component_el_container = index$2.ElContainer;
       return vue.openBlock(), vue.createBlock(_component_el_container, {
         direction: "vertical",
         class: "fec-form",
@@ -889,11 +900,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         "data-version": "v5"
       }, {
         default: vue.withCtx(() => [
-          !configLoading.value && !__props.isSubForm && !__props.isDialog ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.header), {
+          !configLoading.value && !__props.isSubForm && !__props.isDialog ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.header), {
             key: 0,
             pageHeaderConfig: localConfig.value.pageHeaderConfig
           }, null, 8, ["pageHeaderConfig"])) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(index$2.main), null, {
+          vue.createVNode(vue.unref(index$4.main), null, {
             default: vue.withCtx(() => [
               vue.createVNode(_component_el_form, {
                 ref_key: "formRef",
@@ -947,7 +958,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             ]),
             _: 1
           }),
-          !__props.isSubForm && !__props.isDialog ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.footer), {
+          !__props.isSubForm && !__props.isDialog ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.footer), {
             key: 1,
             formMode: formMode.value,
             pageFooterConfig: localConfig.value.pageFooterConfig,
@@ -959,5 +970,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a3082b55"]]);
+const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-63966ae6"]]);
 exports.default = _Form;

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const parseFilterConfig = require("../../../utils/parseFilterConfig.js");
 const VALIDATION_RULES = {
   // 身份证
   idCard: {
@@ -47,7 +48,7 @@ const VALIDATION_RULES = {
     message: "请输入正确的联系电话"
   }
 };
-function generateFieldRules(component) {
+function generateFieldRules(component, formData, fields) {
   const rules = [];
   if (!component.fieldName) {
     return rules;
@@ -60,16 +61,27 @@ function generateFieldRules(component) {
     });
   }
   if (component.validationType && component.validationType !== "none") {
-    if (component.validationType === "regex" && component.regexPattern) {
+    if (component.validationType === "regex" && component.validationPattern) {
       try {
-        const regex = new RegExp(component.regexPattern);
+        const validator = (_rule, _value, callback) => {
+          try {
+            const isMatch = parseFilterConfig.checkFilterMatch(component.validationPattern, formData.value, fields);
+            if (!isMatch) {
+              callback(new Error(component.validationMessage || "校验失败"));
+            } else {
+              callback();
+            }
+          } catch (error) {
+            console.error("Validation function error:", error);
+            callback(new Error(component.validationMessage || "校验函数执行出错"));
+          }
+        };
         rules.push({
-          pattern: regex,
-          message: component.regexMessage || "输入格式不正确",
+          validator,
           trigger: "blur"
         });
       } catch (e) {
-        console.error("Invalid regex pattern:", component.regexPattern, e);
+        console.error("Invalid validation pattern:", component.validationPattern, e);
       }
     } else if (component.validationType === "custom" && component.customValidator) {
       try {

package/lib/packages/vue/src/components/forms/subForm/SubForm.vue.js

@@ -52,6 +52,35 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     vue.inject("rowHeight");
     vue.inject("gridLayout");
     const setFormItemHeight = vue.inject("setFormItemHeight");
+    const templateKey = vue.computed(() => {
+      if (props.config.formSource == "dynamic") {
+        const dynamicSubFormKey = props.config.dynamicSubFormKey;
+        if (dynamicSubFormKey) {
+          if (typeof dynamicSubFormKey === "object") {
+            const fieldId = dynamicSubFormKey.value;
+            const fieldsData = props.localConfig.fieldsData.map((item) => {
+              return item.component;
+            });
+            const hiddenFields = props.localConfig.hiddenFields;
+            const formItem = [...fieldsData, ...hiddenFields].find(
+              (item) => item.id == fieldId
+            );
+            if (formItem != null) {
+              const key = formData.value[formItem.fieldName];
+              return key;
+            } else {
+              return "";
+            }
+          } else {
+            return dynamicSubFormKey;
+          }
+        } else {
+          return "";
+        }
+      } else {
+        return props.config.subFormKey;
+      }
+    });
     function subFormLoaded(subOption) {
       const fieldsData = subOption.fieldsData;
       console.log("🚀 ~ loaded ~ subOption:", subOption);
@@ -79,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           }, null, 8, ["config"])) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         vue.createVNode(vue.unref(index$2.Form), {
-          templateKey: __props.config.subFormKey,
+          templateKey: vue.unref(templateKey),
           isSubForm: "",
           onLoaded: subFormLoaded,
           canPageEvent: __props.config.triggerSubFormPageEvent,

package/lib/packages/vue/src/utils/eventFlow/actionHandlers.js

@@ -538,6 +538,8 @@ async function handleDialog(node, data, fields, context) {
   } else if (basic.dialogSource == "custom") {
     const dialogList = context.localConfig.dialogs || [];
     dialog = dialogList.find((item) => item.id == (basic == null ? void 0 : basic.dialogId));
+    dialog.subFormMode = basic.subFormMode;
+    dialog.selectionMode = basic.selectionMode;
   }
   if (!dialog) {
     console.error("ui-dialog: 未找到匹配的弹层配置，" + (basic == null ? void 0 : basic.dialogId));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/designer",
-  "version": "5.3.6",
+  "version": "5.3.8",
   "main": "lib/packages/designer/index.js",
   "module": "es/packages/designer/index.mjs",
   "files": [