@fecp/designer 5.3.5 → 5.3.7

package/es/packages/vue/src/components/bus/approvalHistory/ApprovalHistory.vue.mjs

@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       if (foundItem) {
         foundItem.fixedH = true;
         foundItem.h = dom.offsetHeight + titleHeight;
-        setFormItemHeight(props.config.id, dom.offsetHeight + titleHeight);
+        setFormItemHeight(props.config.id, true, dom.offsetHeight + titleHeight);
       }
     }
     return (_ctx, _cache) => {
@@ -125,7 +125,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _ApprovalHistory = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ca0519c9"]]);
+const _ApprovalHistory = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f7d02612"]]);
 export {
   _ApprovalHistory as default
 };

package/es/packages/vue/src/components/forms/form/Form.vue.mjs

@@ -5,7 +5,7 @@
 /* empty css                                                                                                                                         */
 /* empty css                                                                                                                                       */
 /* empty css                                                                                                                                       */
-import { getCurrentInstance, ref, onMounted, onBeforeUnmount, watch, provide, createBlock, openBlock, withCtx, createCommentVNode, createVNode, unref, normalizeStyle, createElementBlock, Fragment, renderList } from "vue";
+import { getCurrentInstance, ref, watch, onMounted, onBeforeUnmount, provide, createBlock, openBlock, withCtx, createCommentVNode, createVNode, unref, normalizeStyle, createElementBlock, Fragment, renderList } from "vue";
 import "../../../../../../node_modules/.pnpm/grid-layout-plus@1.1.1_vue@3.5.13_typescript@5.7.3_/node_modules/grid-layout-plus/es/index.mjs";
 import { getCurrentVueInstance } from "../../../utils/getInstance.mjs";
 import getJsonAsyncUtil from "../../../utils/getJsonAsyncUtil.mjs";
@@ -34,10 +34,10 @@ import { footer } from "../../details/footer/index.mjs";
 import { checkFilterMatch, checkFieldInFilterConfig, checkFieldInResultConfig } from "../../../utils/parseFilterConfig.mjs";
 import hooks from "../../../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.mjs";
 /* empty css           */
+import { ElMessage } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.mjs";
 import { ElContainer } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/container/index.mjs";
 import { ElForm } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/index.mjs";
 import De from "../../../../../../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.mjs";
-import { ElMessage } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.mjs";
 const _hoisted_1 = ["name", "value"];
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
@@ -119,6 +119,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       pageEvents.handleUnmounted();
     }
     const formMode = ref("");
+    watch(
+      () => props.templateKey,
+      (key) => {
+        if (key) {
+          loadConfig();
+        }
+      }
+    );
     const loadConfig = async () => {
       if (!props.templateKey) {
         return;
@@ -152,6 +160,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         mergeOptionsToFields();
         loadFormData();
         loadEventFlow();
+        initGridLayoutDataConfig();
         if (pageEvents && localConfig.value.pageEventConfig) {
           const onCreatedEvent = localConfig.value.pageEventConfig.find(
             (e) => e.name === "onCreated"
@@ -181,7 +190,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             defaultData[component.fieldName] = defaultValue;
           }
           if (component.fieldName) {
-            const fieldRules = generateFieldRules(component);
+            const fieldRules = generateFieldRules(component, formData, [
+              ...fieldsData.value,
+              ...hiddenFields.value
+            ]);
             if (fieldRules.length > 0) {
               rules[component.fieldName] = fieldRules;
             }
@@ -708,6 +720,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       return result;
     };
     const applyLinkageEffectsForChangedFields = (changedFieldNames) => {
+      var _a;
       console.log(
         "🚀 ~ applyLinkageEffectsForChangedFields ~ 变化的字段:",
         changedFieldNames
@@ -723,9 +736,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         if (checkFilterMatch(item.filterConfig, formData.value, fields)) {
           const fieldAssignments = item.fieldAssignments || [];
           fieldAssignments.forEach((assignment) => {
-            var _a, _b;
+            var _a2, _b;
             const fieldId = assignment.fieldId;
-            const formulaText = (_b = (_a = assignment.formula) == null ? void 0 : _a.value) == null ? void 0 : _b.text;
+            const formulaText = (_b = (_a2 = assignment.formula) == null ? void 0 : _a2.value) == null ? void 0 : _b.text;
             const field = fields.find((f) => f.id == fieldId);
             if (field && formulaText) {
               const calcResult = calculate({
@@ -778,7 +791,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       const rules = {};
       updatedLayoutData.forEach(({ component }) => {
         if (component.fieldName) {
-          const fieldRules = generateFieldRules(component);
+          const fieldRules = generateFieldRules(component, formData, fields);
           if (fieldRules.length > 0) {
             rules[component.fieldName] = fieldRules;
           }
@@ -825,11 +838,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         }
       });
       gridLayoutFieldsData.value = updatedLayoutData.filter((item) => !item.hidden);
+      (_a = gridLayout == null ? void 0 : gridLayout.value) == null ? void 0 : _a.resizeEvent();
     };
     watch(
       formData,
       (newVal, oldVal) => {
-        initGridLayoutDataConfig();
         const changedFields = findChangedFields(newVal, prevFormData.value);
         if (changedFields.length > 0) {
           applyLinkageEffectsForChangedFields(changedFields);
@@ -839,11 +852,21 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       },
       { deep: true }
     );
-    function setFormItemHeight(id, h) {
+    function setFormItemHeight(id, fixedH, h) {
+      var _a;
       const item = gridLayoutFieldsData.value.find((item2) => item2.id == id);
-      if (item) {
-        item.h = h;
-      }
+      if (!fixedH) {
+        item.h = h * 60;
+      } else if (fixedH) {
+        item.h = h / (localConfig.value.labelPosition == "top" ? 1.5 : 1);
+      }
+      const oriItem = oriGridLayoutData.value.find((item2) => item2.id == id);
+      if (!fixedH) {
+        oriItem.h = h * 60;
+      } else if (fixedH) {
+        oriItem.h = h / (localConfig.value.labelPosition == "top" ? 1.5 : 1);
+      }
+      (_a = gridLayout == null ? void 0 : gridLayout.value) == null ? void 0 : _a.resizeEvent();
     }
     provide("formData", formData);
     provide("localConfig", localConfig);
@@ -945,7 +968,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e8468de"]]);
+const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-63966ae6"]]);
 export {
   _Form as default
 };

package/es/packages/vue/src/components/forms/form/validation.mjs

@@ -1,3 +1,4 @@
+import { checkFilterMatch } from "../../../utils/parseFilterConfig.mjs";
 const VALIDATION_RULES = {
   // 身份证
   idCard: {
@@ -45,7 +46,7 @@ const VALIDATION_RULES = {
     message: "请输入正确的联系电话"
   }
 };
-function generateFieldRules(component) {
+function generateFieldRules(component, formData, fields) {
   const rules = [];
   if (!component.fieldName) {
     return rules;
@@ -58,16 +59,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 = 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/es/packages/vue/src/components/forms/subForm/SubForm.vue.mjs

@@ -1,4 +1,4 @@
-import { inject, createElementBlock, openBlock, Fragment, createCommentVNode, createVNode, createBlock, unref, isRef } from "vue";
+import { inject, computed, createElementBlock, openBlock, Fragment, createCommentVNode, createVNode, createBlock, unref, isRef } from "vue";
 import { Form } from "../form/index.mjs";
 import { SubTitle } from "../subTitle/index.mjs";
 import { H2 } from "../h2/index.mjs";
@@ -50,6 +50,35 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     inject("rowHeight");
     inject("gridLayout");
     const setFormItemHeight = inject("setFormItemHeight");
+    const templateKey = 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 ? key + "V5" : "";
+            } else {
+              return "";
+            }
+          } else {
+            return dynamicSubFormKey;
+          }
+        } else {
+          return "";
+        }
+      } else {
+        return props.config.subFormKey;
+      }
+    });
     function subFormLoaded(subOption) {
       const fieldsData = subOption.fieldsData;
       console.log("🚀 ~ loaded ~ subOption:", subOption);
@@ -59,11 +88,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       const foundItem = props.localConfig.fieldsData.find(
         (item) => item.id == props.config.id
       );
-      const y = 1;
       const titleHeight = props.config.titleMode != "none" ? 1 : 0;
       if (foundItem) {
-        foundItem.h = maxY + y + titleHeight;
-        setFormItemHeight(props.config.id, maxY + y + titleHeight);
+        foundItem.h = maxY + titleHeight;
+        setFormItemHeight(props.config.id, false, maxY + titleHeight);
       }
     }
     return (_ctx, _cache) => {
@@ -78,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           }, null, 8, ["config"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createVNode(unref(Form), {
-          templateKey: __props.config.subFormKey,
+          templateKey: unref(templateKey),
           isSubForm: "",
           onLoaded: subFormLoaded,
           canPageEvent: __props.config.triggerSubFormPageEvent,

package/es/packages/vue/src/components/forms/subTable/SubTable.vue.mjs

@@ -79,7 +79,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     });
     function subTableLoaded(subOption) {
       subTableOption.value = subOption;
-      console.log("🚀 ~ subTableLoaded ~ subOption:", subOption);
       const foundItem = props.localConfig.fieldsData.find(
         (item) => item.id == props.config.id
       );
@@ -89,6 +88,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         foundItem.h = props.config.subTableHeight + titleHeight;
         setFormItemHeight(
           props.config.id,
+          true,
           props.config.subTableHeight + titleHeight
         );
       }

package/es/packages/vue/src/utils/eventFlow/actionHandlers.mjs

@@ -262,7 +262,7 @@ async function handleTableRefresh(node, data, fields, context) {
   var _a, _b, _c;
   console.log("[EventFlow] 执行表格刷新:", node.basic);
   const basic = node.basic || {};
-  const refreshOptions2 = {
+  const refreshOptions = {
     resetSort: basic.resetSort !== false,
     // 默认 true
     resetFilter: basic.resetFilter !== false,
@@ -270,11 +270,11 @@ async function handleTableRefresh(node, data, fields, context) {
     resetPagination: basic.resetPagination !== false
     // 默认 true
   };
-  console.log("[EventFlow] 刷新选项:", refreshOptions2);
+  console.log("[EventFlow] 刷新选项:", refreshOptions);
   const tableComponent = (_a = context.components) == null ? void 0 : _a.table;
   const refreshMethod = (_c = (_b = tableComponent == null ? void 0 : tableComponent.$) == null ? void 0 : _b.exposed) == null ? void 0 : _c.refresh;
   if (typeof refreshMethod === "function") {
-    await refreshMethod(refreshOptions2);
+    await refreshMethod(refreshOptions);
     return {
       success: true,
       message: "表格已刷新"
@@ -346,6 +346,11 @@ async function handleTableRowDelete(node, data, fields, context) {
     const tableComponent = (_a = context.components) == null ? void 0 : _a.table;
     const refreshMethod = (_c = (_b = tableComponent == null ? void 0 : tableComponent.$) == null ? void 0 : _b.exposed) == null ? void 0 : _c.refresh;
     if (typeof refreshMethod === "function") {
+      const refreshOptions = {
+        resetSort: false,
+        resetFilter: false,
+        resetPagination: false
+      };
       await refreshMethod(refreshOptions);
       return {
         success: true,
@@ -531,6 +536,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));