@fecp/designer 5.6.28 → 5.6.29

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

@@ -7,7 +7,7 @@ import "../../../../../../node_modules/element-plus/es/index.mjs";
 /* empty css                                                                   */
 /* empty css                                                                  */
 /* empty css                                                                   */
-import { getCurrentInstance, ref, watch, onMounted, onBeforeUnmount, computed, nextTick, provide, resolveDirective, withDirectives, createCommentVNode, createBlock, openBlock, normalizeClass, withCtx, createVNode, normalizeStyle, unref, createElementBlock, Fragment, renderList } from "vue";
+import { getCurrentInstance, ref, watch, shallowRef, onMounted, onBeforeUnmount, computed, nextTick, provide, resolveDirective, withDirectives, createCommentVNode, createBlock, openBlock, normalizeClass, withCtx, createVNode, normalizeStyle, unref, createElementBlock, Fragment, renderList, triggerRef } from "vue";
 import "../../../../../../node_modules/grid-layout-plus/es/index.mjs";
 import { getCurrentVueInstance } from "../../../utils/getInstance.mjs";
 import getJsonAsyncUtil from "../../../utils/getJsonAsyncUtil.mjs";
@@ -229,6 +229,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       }
     };
     function layoutUpdated(layoutData) {
+      if (window.__FEC_FORM_PERF && window.__PERF_T0) {
+        console.log(
+          `[联动性能] GridLayout.layoutUpdated +${(performance.now() - window.__PERF_T0).toFixed(1)}ms`
+        );
+        window.__PERF_T0 = 0;
+      }
       emit("layoutUpdated", layoutData);
     }
     const loadFormData = (state) => {
@@ -598,7 +604,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         (_a = config.labelLinkEventConfig) == null ? void 0 : _a.find((item) => item.name == "Click")
       );
     }
-    const gridLayoutFieldsData = ref([]);
+    const gridLayoutFieldsData = shallowRef([]);
     const oriGridLayoutData = ref([]);
     const formItemRefs = ref(/* @__PURE__ */ new Map());
     const setFormItemRef = (el, component) => {
@@ -643,6 +649,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         } else if (item.fixedH) {
           item.h = item.h / (localConfig.value.labelPosition == "top" ? 1.5 : 1);
         }
+        item._origX = item.x;
+        item._origY = item.y;
         if (formMode.value == "query") {
           if (item.component.displayMode == "edit") {
             item.hidden = true;
@@ -856,12 +864,66 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     onBeforeUnmount(() => {
       formItemRefs.value.clear();
     });
-    const findChangedFields = (newData, oldData) => {
+    const linkageTriggerFields = computed(() => {
+      var _a;
+      const nameSet = /* @__PURE__ */ new Set();
+      const fields = [...fieldsData.value || [], ...hiddenFields.value || []];
+      let undetermined = false;
+      const collectGroup = (group) => {
+        if (!group) {
+          undetermined = true;
+          return;
+        }
+        const conds = group.conditions || [];
+        const groups = group.groups || [];
+        if (conds.length === 0 && groups.length === 0) {
+          undetermined = true;
+        }
+        conds.forEach((cond) => {
+          if (!cond.field) {
+            undetermined = true;
+            return;
+          }
+          const f = fields.find((x) => x.id == cond.field);
+          nameSet.add((f == null ? void 0 : f.fieldName) || cond.field);
+        });
+        groups.forEach(collectGroup);
+      };
+      const walk = (cfg, isConfigItem) => {
+        if (!cfg || typeof cfg !== "object") return;
+        if (Array.isArray(cfg)) {
+          cfg.forEach((item) => walk(item, true));
+          return;
+        }
+        if (cfg.filterConfig !== void 0) {
+          collectGroup(cfg.filterConfig);
+          return;
+        }
+        if (cfg.conditions || cfg.groups) {
+          collectGroup(cfg);
+          return;
+        }
+        if (isConfigItem) {
+          undetermined = true;
+          return;
+        }
+        Object.values(cfg).forEach((v) => walk(v, false));
+      };
+      walk((_a = localConfig.value) == null ? void 0 : _a.linkedConfig, false);
+      return undetermined ? /* @__PURE__ */ new Set() : nameSet;
+    });
+    const findChangedFields = (newData, oldData, onlyFieldNames) => {
       const changedFields = [];
-      const allKeys = /* @__PURE__ */ new Set([
-        ...Object.keys(newData || {}),
-        ...Object.keys(oldData || {})
-      ]);
+      let allKeyList = [
+        .../* @__PURE__ */ new Set([
+          ...Object.keys(newData || {}),
+          ...Object.keys(oldData || {})
+        ])
+      ];
+      if (onlyFieldNames && onlyFieldNames.size > 0) {
+        allKeyList = allKeyList.filter((k) => onlyFieldNames.has(k));
+      }
+      const allKeys = allKeyList;
       let initFlag = false;
       if (Object.keys(oldData || {}).length === 0) {
         initFlag = true;
@@ -881,7 +943,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         if (!newVal && !oldVal && Object.keys(oldData || {}).length === 0) {
           continue;
         }
-        if (JSON.stringify(newVal) != JSON.stringify(oldVal)) {
+        if (newVal === oldVal) {
+          continue;
+        }
+        if (newVal == null || oldVal == null || typeof newVal !== "object" || typeof oldVal !== "object") {
+          changedFields.push(key);
+          continue;
+        }
+        if (!isEqual(newVal, oldVal)) {
           changedFields.push(key);
         }
       }
@@ -932,10 +1001,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       return result;
     };
     let isApplyingLinkage = false;
+    let __pendingLinkageFields = null;
+    let __pendingLinkageTimer = null;
     const applyLinkageEffectsForChangedFields = (changedFieldNames) => {
       var _a;
       if (isApplyingLinkage) return;
       isApplyingLinkage = true;
+      const __ptf0 = performance.now();
       const linkedConfig = localConfig.value.linkedConfig || {};
       const fields = [...fieldsData.value, ...hiddenFields.value];
       const relevantConfigs = filterRelevantLinkageConfigs(
@@ -965,7 +1037,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           });
         }
       });
-      const updatedLayoutData = cloneDeep(oriGridLayoutData.value || []);
+      const __pt0 = performance.now();
+      const updatedLayoutData = oriGridLayoutData.value;
+      const __pt1 = performance.now();
       relevantConfigs.options.forEach((item) => {
         if (checkFilterMatch(item.filterConfig, formData.value, fields)) {
           const fieldAssignments = item.fieldAssignments || [];
@@ -974,7 +1048,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             const optionsOpt = assignment.optionsOpt || [];
             const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
             if (layoutFieldItem && optionsOpt.length > 0) {
-              const oriOptions = layoutFieldItem.component.optionConfig.options;
+              if (!layoutFieldItem.component._oriOptions) {
+                layoutFieldItem.component._oriOptions = [
+                  ...layoutFieldItem.component.optionConfig.options
+                ];
+              }
+              const oriOptions = layoutFieldItem.component._oriOptions;
               layoutFieldItem.component.optionConfig.options = oriOptions.filter(
                 (item2) => optionsOpt.includes(item2.value)
               );
@@ -1016,23 +1095,29 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           });
         }
       });
-      const rules = {};
-      updatedLayoutData.forEach(({ component }) => {
-        if (component.fieldName) {
-          const fieldRules = generateFieldRules(component, formData, fields);
-          if (fieldRules.length > 0) {
-            rules[component.fieldName] = fieldRules;
+      const __ptr0 = performance.now();
+      if ((((_a = relevantConfigs.required) == null ? void 0 : _a.length) || 0) > 0) {
+        const rules = {};
+        updatedLayoutData.forEach(({ component }) => {
+          if (component.fieldName) {
+            const fieldRules = generateFieldRules(component, formData, fields);
+            if (fieldRules.length > 0) {
+              rules[component.fieldName] = fieldRules;
+            }
+          }
+        });
+        for (let fieldName in prodRules.value) {
+          if (rules[fieldName]) {
+            rules[fieldName].push(...prodRules.value[fieldName]);
+          } else {
+            rules[fieldName] = prodRules.value[fieldName];
           }
         }
-      });
-      for (let fieldName in prodRules.value) {
-        if (rules[fieldName]) {
-          rules[fieldName].push(...prodRules.value[fieldName]);
-        } else {
-          rules[fieldName] = prodRules.value[fieldName];
+        if (JSON.stringify(rules) !== JSON.stringify(formRules.value)) {
+          formRules.value = rules;
         }
       }
-      formRules.value = rules;
+      const __ptr1 = performance.now();
       if (formMode.value != "query") {
         relevantConfigs.readonly.forEach((item) => {
           const dataLinkFieldList = item.dataLinkFieldList || [];
@@ -1073,18 +1158,70 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           }
         });
       }
-      const fieldsConfigArr = updatedLayoutData.filter((item) => !item.hidden);
-      gridLayoutFieldsData.value = sortLayoutItems(fieldsConfigArr);
-      (_a = gridLayout == null ? void 0 : gridLayout.value) == null ? void 0 : _a.resizeEvent();
+      const __pt2 = performance.now();
+      const oldVisibleKey = gridLayoutFieldsData.value.map((i) => i.id).sort().join(",");
+      const newVisibleKey = updatedLayoutData.filter((item) => !item.hidden).map((i) => i.id).sort().join(",");
+      const __pt3 = performance.now();
+      const rebuild = oldVisibleKey !== newVisibleKey;
+      if (rebuild) {
+        updatedLayoutData.forEach((item) => {
+          if (item._origX !== void 0) item.x = item._origX;
+          if (item._origY !== void 0) item.y = item._origY;
+        });
+        const fieldsConfigArr = updatedLayoutData.filter((item) => !item.hidden);
+        gridLayoutFieldsData.value = compactLayoutVertical(
+          fieldsConfigArr,
+          localConfig.value.columns
+        );
+      }
+      const __pt4 = performance.now();
+      if (window.__FEC_FORM_PERF) {
+        window.__PERF_T0 = __pt4;
+        console.log(
+          `[联动性能] 字段总数 ${oriGridLayoutData.value.length} | 联动触发字段 ${linkageTriggerFields.value.size || "全量"} | 筛选配置 ${(__pt0 - __ptf0).toFixed(1)}ms | 浅拷贝 ${(__pt1 - __pt0).toFixed(1)}ms | 规则生成 ${(__ptr1 - __ptr0).toFixed(
+            1
+          )}ms | 联动处理 ${(__pt2 - __pt1).toFixed(1)}ms | 显隐比对 ${(__pt3 - __pt2).toFixed(1)}ms | 重建=${rebuild} ${(__pt4 - __pt3).toFixed(1)}ms`
+        );
+        nextTick(() => {
+          const __pt5 = performance.now();
+          const __fiN = window.__FI_UPDATED || 0;
+          const __fiT = window.__FI_TIME || 0;
+          window.__FI_UPDATED = 0;
+          window.__FI_TIME = 0;
+          requestAnimationFrame(() => {
+            const __pt6 = performance.now();
+            console.log(
+              `[联动性能] JS补丁 ${(__pt5 - __pt4).toFixed(1)}ms | 浏览器 ${(__pt6 - __pt5).toFixed(1)}ms | FormItem重渲染 ${__fiN}次 ${__fiN ? `${__fiT.toFixed(1)}ms` : ""}`
+            );
+          });
+        });
+      }
       isApplyingLinkage = false;
     };
-    function sortLayoutItems(arr) {
-      return [...arr].sort((a, b) => {
-        if (a.y !== b.y) {
-          return a.y - b.y;
-        }
+    function compactLayoutVertical(arr, cols) {
+      const colNum = Math.max(1, Math.floor(cols) || 12);
+      const sorted = [...arr].sort((a, b) => {
+        if (a.y !== b.y) return a.y - b.y;
         return a.x - b.x;
       });
+      const colBottom = new Array(colNum).fill(0);
+      for (let k = 0; k < sorted.length; k++) {
+        const item = sorted[k];
+        let sx = Math.floor(item.x);
+        if (sx < 0) sx = 0;
+        if (sx > colNum - 1) sx = colNum - 1;
+        let sw = Math.floor(item.w);
+        if (sw < 1) sw = 1;
+        if (sx + sw > colNum) sw = colNum - sx;
+        let ny = 0;
+        for (let c = sx, ce = sx + sw; c < ce; c++) {
+          if (colBottom[c] > ny) ny = colBottom[c];
+        }
+        item.y = ny;
+        const bottom = ny + item.h;
+        for (let c = sx, ce = sx + sw; c < ce; c++) colBottom[c] = bottom;
+      }
+      return sorted;
     }
     const subTableCounts = ref({});
     const navLinkCompId = ref("");
@@ -1148,12 +1285,20 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           return;
         }
         const lastValue = { ...prevFormData.value };
-        if (isEqual(newVal, lastValue)) {
-          return;
-        }
-        const changedFields = findChangedFields(newVal, lastValue);
+        const changedFields = isApplyingLinkage ? [] : (
+          // [性能优化] 去掉全量 isEqual 深比较，改由 findChangedFields 的结果判定；
+          // 只比较参与联动的字段（initLinkage 初始化时仍走全量，保证所有联动被应用）
+          findChangedFields(newVal, lastValue, linkageTriggerFields.value)
+        );
         if (changedFields.length > 0) {
-          applyLinkageEffectsForChangedFields(changedFields);
+          __pendingLinkageFields = [.../* @__PURE__ */ new Set([...__pendingLinkageFields || [], ...changedFields])];
+          if (__pendingLinkageTimer) clearTimeout(__pendingLinkageTimer);
+          __pendingLinkageTimer = setTimeout(() => {
+            __pendingLinkageTimer = null;
+            const fields = __pendingLinkageFields;
+            __pendingLinkageFields = null;
+            applyLinkageEffectsForChangedFields(fields);
+          }, 0);
         }
         prevFormData.value = { ...formData.value };
         isSyncingToParent = true;
@@ -1165,7 +1310,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       { deep: true }
     );
     function setFormItemHeight(id, fixedH, h) {
-      var _a;
       const item = gridLayoutFieldsData.value.find((item2) => item2.id == id);
       if (!fixedH) {
         item.h = h * 60;
@@ -1178,7 +1322,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       } 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();
+      triggerRef(gridLayoutFieldsData);
     }
     provide("formData", formData);
     provide("localConfig", localConfig);
@@ -1260,7 +1404,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                         "onUpdate:layout": _cache[1] || (_cache[1] = ($event) => gridLayoutFieldsData.value = $event),
                         "row-height": rowHeight.value,
                         margin: [0, 0],
-                        "use-css-transforms": false,
+                        "use-css-transforms": true,
                         "col-num": localConfig.value.columns,
                         "is-draggable": false,
                         "is-resizable": false,
@@ -1330,7 +1474,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2a14b0ea"]]);
+const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dbb5150d"]]);
 export {
   _Form as default
 };

package/es/packages/vue/src/components/forms/formItem/FormItem.vue.mjs

@@ -6,7 +6,7 @@ import "../../../../../../node_modules/element-plus/es/index.mjs";
 /* empty css                                                                        */
 import "../../../../../../node_modules/element-plus/theme-chalk/el-tooltip.css.mjs";
 /* empty css                                                                   */
-import { computed, ref, createBlock, createElementBlock, openBlock, unref, normalizeClass, createSlots, withCtx, createCommentVNode, resolveDynamicComponent, mergeProps, createElementVNode, createVNode, toDisplayString, Fragment, renderList, withModifiers, createTextVNode } from "vue";
+import { onBeforeUpdate, onUpdated, computed, ref, createBlock, createElementBlock, openBlock, unref, normalizeClass, createSlots, withCtx, createCommentVNode, resolveDynamicComponent, mergeProps, createElementVNode, createVNode, toDisplayString, Fragment, renderList, withModifiers, createTextVNode } from "vue";
 import { debounce } from "../form/debounce.mjs";
 import { formatCellValue } from "../../../utils/formatCellValue.mjs";
 import { SubTitle } from "../subTitle/index.mjs";
@@ -87,6 +87,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    if (typeof window !== "undefined" && window.__FEC_FORM_PERF) {
+      let __uStart = 0;
+      onBeforeUpdate(() => {
+        __uStart = performance.now();
+      });
+      onUpdated(() => {
+        window.__FI_UPDATED = (window.__FI_UPDATED || 0) + 1;
+        window.__FI_TIME = (window.__FI_TIME || 0) + (performance.now() - __uStart);
+      });
+    }
     function handleChange(config, val) {
       emit("change", config, val);
     }
@@ -314,7 +324,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4bbb491d"]]);
+const _FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11dbadbd"]]);
 export {
   _FormItem as default
 };

package/lib/designer/package.json.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const version = "5.6.28";
+const version = "5.6.29";
 const packageJson = {
   version
 };

package/lib/designer/src/components/DataSourceSelect.vue.js

@@ -21,6 +21,10 @@ const _sfc_main = {
     modelValue: {
       type: [String, Number],
       default: ""
+    },
+    teleported: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:modelValue"],
@@ -54,7 +58,7 @@ const _sfc_main = {
           placeholder: "请选择数据源",
           filterable: "",
           style: { "width": "100%" },
-          teleported: false
+          teleported: __props.teleported
         }, {
           footer: Vue.withCtx(() => [
             Vue.createVNode(_component_el_button, {
@@ -80,7 +84,7 @@ const _sfc_main = {
             }), 128))
           ]),
           _: 1
-        }, 8, ["modelValue"]),
+        }, 8, ["modelValue", "teleported"]),
         Vue.createVNode(Vue.unref(DataSourceDialog), {
           modelValue: Vue.unref(dataSourceDialogVisible),
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => Vue.isRef(dataSourceDialogVisible) ? dataSourceDialogVisible.value = $event : null)

package/lib/designer/src/layout/property/index.vue.js

@@ -33,5 +33,5 @@ const _sfc_main = {
     };
   }
 };
-const LayoutProperty = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-e88c3a83"]]);
+const LayoutProperty = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-df93dbf6"]]);
 exports.default = LayoutProperty;

package/lib/designer/src/packages/dialog/useDialogDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue.js");
+const index = require("./index.vue2.js");
 const Vue = require("vue");
 function useDialogDialog() {
   const dialogDialogVisible = Vue.ref(false);

package/lib/designer/src/packages/dialogGlobal/useDialogGlobalDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue.js");
+const index = require("./index.vue2.js");
 const Vue = require("vue");
 function useDialogGlobalDialog() {
   const dialogGlobalDialogVisible = Vue.ref(false);

package/lib/designer/src/packages/form/property/widgets.vue.js

@@ -54,8 +54,8 @@ const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_exp
 require("../../../components/TemplateSelector.vue.js");
 require("../../table/default.js");
 ;/* empty css                                 */
-;/* empty css                       */
-;/* empty css                             */
+;/* empty css                      */
+;/* empty css                            */
 require("../../../store/index.js");
 ;/* empty css              */
 const index$2 = require("../../../../../node_modules/element-plus/es/components/collapse/index.js");