@kmkf-fe-packages/kmkf-work-order-service-component 2.2.4 → 2.3.0-rc.0

package/dist/esm/FlowTemplateDetailV2/components/FormRender/component-dependency-finder.js

@@ -0,0 +1,328 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+/**
+ * 组件显隐依赖关系查找器 - TypeScript ES Module版本
+ * 根据配置文件递归查找组件的所有依赖关系
+ */
+
+/**
+ * 查找组件的所有依赖关系（递归）
+ * @param componentKey - 要查找依赖的组件key
+ * @param config - 显隐配置对象
+ * @param visited - 已访问的组件集合，用于避免循环依赖
+ * @param dependencies - 依赖组件集合
+ * @param options - 查找选项
+ * @returns 所有依赖组件的key数组
+ */
+export function findAllDependencies(componentKey, config) {
+  var visited = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set();
+  var dependencies = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : new Set();
+  var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  var _options$maxDepth = options.maxDepth,
+    maxDepth = _options$maxDepth === void 0 ? Infinity : _options$maxDepth;
+
+  // 如果已经访问过这个组件，直接返回（避免循环依赖）
+  if (visited.has(componentKey)) {
+    return Array.from(dependencies);
+  }
+
+  // 检查递归深度
+  if (visited.size >= maxDepth) {
+    return Array.from(dependencies);
+  }
+
+  // 标记当前组件为已访问
+  visited.add(componentKey);
+
+  // 获取当前组件的配置
+  var componentConfig = config[componentKey];
+
+  // 如果组件不存在配置，返回当前依赖列表
+  if (!componentConfig || !Array.isArray(componentConfig)) {
+    return Array.from(dependencies);
+  }
+
+  // 遍历组件的所有规则组
+  componentConfig.forEach(function (ruleGroup) {
+    if (ruleGroup.rules && Array.isArray(ruleGroup.rules)) {
+      // 遍历规则组中的所有规则
+      ruleGroup.rules.forEach(function (rule) {
+        if (rule.leftValue && typeof rule.leftValue === 'string') {
+          var dependencyKey = rule.leftValue;
+
+          // 添加直接依赖
+          dependencies.add(dependencyKey);
+
+          // 递归查找间接依赖
+          findAllDependencies(dependencyKey, config, visited, dependencies, options);
+        }
+      });
+    }
+  });
+  return Array.from(dependencies);
+}
+
+/**
+ * 获取组件的直接依赖
+ * @param componentKey - 组件key
+ * @param config - 显隐配置对象
+ * @returns 直接依赖的组件key数组
+ */
+export function getDirectDependencies(componentKey, config) {
+  var componentConfig = config[componentKey];
+  var dependencies = new Set();
+  if (!componentConfig || !Array.isArray(componentConfig)) {
+    return [];
+  }
+  componentConfig.forEach(function (ruleGroup) {
+    if (ruleGroup.rules && Array.isArray(ruleGroup.rules)) {
+      ruleGroup.rules.forEach(function (rule) {
+        if (rule.leftValue && typeof rule.leftValue === 'string') {
+          dependencies.add(rule.leftValue);
+        }
+      });
+    }
+  });
+  return Array.from(dependencies);
+}
+
+/**
+ * 构建整个依赖关系图
+ * @param config - 显隐配置对象
+ * @returns 依赖关系图，格式：{ componentKey: [依赖的组件数组] }
+ */
+export function buildDependencyGraph(config) {
+  var dependencyGraph = {};
+  Object.keys(config).forEach(function (componentKey) {
+    dependencyGraph[componentKey] = findAllDependencies(componentKey, config);
+  });
+  return dependencyGraph;
+}
+
+/**
+ * 检测循环依赖
+ * @param config - 显隐配置对象
+ * @returns 包含循环依赖的组件组
+ */
+export function detectCircularDependencies(config) {
+  var circularDeps = [];
+  var visiting = new Set();
+  var visited = new Set();
+  function dfs(componentKey) {
+    var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    if (visiting.has(componentKey)) {
+      // 发现循环依赖
+      var cycleStart = path.indexOf(componentKey);
+      circularDeps.push(path.slice(cycleStart).concat(componentKey));
+      return;
+    }
+    if (visited.has(componentKey)) {
+      return;
+    }
+    visiting.add(componentKey);
+    path.push(componentKey);
+    var directDeps = getDirectDependencies(componentKey, config);
+    directDeps.forEach(function (dep) {
+      dfs(dep, _toConsumableArray(path));
+    });
+    visiting.delete(componentKey);
+    visited.add(componentKey);
+  }
+  Object.keys(config).forEach(function (componentKey) {
+    if (!visited.has(componentKey)) {
+      dfs(componentKey);
+    }
+  });
+  return circularDeps;
+}
+
+/**
+ * 打印依赖关系树
+ * @param componentKey - 组件key
+ * @param config - 显隐配置对象
+ * @param level - 缩进级别
+ * @param visited - 已访问的组件集合
+ */
+export function printDependencyTree(componentKey, config) {
+  var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var visited = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : new Set();
+  var indent = '  '.repeat(level);
+  console.log("".concat(indent).concat(componentKey));
+  if (visited.has(componentKey)) {
+    console.log("".concat(indent, "  [\u5FAA\u73AF\u4F9D\u8D56]"));
+    return;
+  }
+  visited.add(componentKey);
+  var directDeps = getDirectDependencies(componentKey, config);
+  directDeps.forEach(function (dep) {
+    printDependencyTree(dep, config, level + 1, new Set(visited));
+  });
+}
+
+/**
+ * 获取组件的依赖层级
+ * @param componentKey - 组件key
+ * @param config - 显隐配置对象
+ * @returns 依赖层级对象
+ */
+export function getDependencyLevels(componentKey, config) {
+  var levels = {};
+  var queue = [{
+    key: componentKey,
+    level: 0
+  }];
+  var visited = new Set();
+  var _loop = function _loop() {
+    var current = queue.shift();
+    if (!current) return "break";
+    var key = current.key,
+      level = current.level;
+    if (visited.has(key)) return "continue";
+    visited.add(key);
+    if (level > 0) {
+      // 不包含自己
+      if (!levels[level]) levels[level] = [];
+      levels[level].push(key);
+    }
+    var directDeps = getDirectDependencies(key, config);
+    directDeps.forEach(function (dep) {
+      if (!visited.has(dep)) {
+        queue.push({
+          key: dep,
+          level: level + 1
+        });
+      }
+    });
+  };
+  while (queue.length > 0) {
+    var _ret = _loop();
+    if (_ret === "break") break;
+    if (_ret === "continue") continue;
+  }
+  return levels;
+}
+
+/**
+ * 分析组件的完整依赖信息
+ * @param componentKey - 组件key
+ * @param config - 显隐配置对象
+ * @returns 完整的依赖分析结果
+ */
+export function analyzeDependency(componentKey, config) {
+  var directDependencies = getDirectDependencies(componentKey, config);
+  var allDependencies = findAllDependencies(componentKey, config);
+  var dependencyLevels = getDependencyLevels(componentKey, config);
+
+  // 检查是否有循环依赖
+  var circularDeps = detectCircularDependencies(config);
+  var hasCircularDependency = circularDeps.some(function (cycle) {
+    return cycle.includes(componentKey);
+  });
+  return {
+    componentKey: componentKey,
+    directDependencies: directDependencies,
+    allDependencies: allDependencies,
+    dependencyCount: allDependencies.length,
+    dependencyLevels: dependencyLevels,
+    hasCircularDependency: hasCircularDependency
+  };
+}
+
+/**
+ * 获取依赖统计信息
+ * @param config - 显隐配置对象
+ * @param topN - 返回前N个结果
+ * @returns 组件统计信息数组
+ */
+export function getDependencyStats(config) {
+  var topN = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
+  var dependencyGraph = buildDependencyGraph(config);
+
+  // 统计依赖数量最多的组件
+  var mostDependencies = Object.entries(dependencyGraph).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      deps = _ref2[1];
+    return {
+      key: key,
+      count: deps.length
+    };
+  }).sort(function (a, b) {
+    return b.count - a.count;
+  }).slice(0, topN);
+
+  // 统计被依赖最多的组件
+  var dependedOnCount = {};
+  Object.values(dependencyGraph).forEach(function (deps) {
+    deps.forEach(function (dep) {
+      dependedOnCount[dep] = (dependedOnCount[dep] || 0) + 1;
+    });
+  });
+  var mostDependedOn = Object.entries(dependedOnCount).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      count = _ref4[1];
+    return {
+      key: key,
+      count: count
+    };
+  }).sort(function (a, b) {
+    return b.count - a.count;
+  }).slice(0, topN);
+  return {
+    mostDependencies: mostDependencies,
+    mostDependedOn: mostDependedOn
+  };
+}
+
+/**
+ * 验证配置文件格式
+ * @param config - 要验证的配置对象
+ * @returns 验证结果和错误信息
+ */
+export function validateConfig(config) {
+  var errors = [];
+  if (!config || _typeof(config) !== 'object') {
+    errors.push('配置必须是一个对象');
+    return {
+      isValid: false,
+      errors: errors
+    };
+  }
+  var configObj = config;
+  Object.entries(configObj).forEach(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+      key = _ref6[0],
+      value = _ref6[1];
+    if (!Array.isArray(value)) {
+      errors.push("\u7EC4\u4EF6 ".concat(key, " \u7684\u914D\u7F6E\u5FC5\u987B\u662F\u6570\u7EC4"));
+      return;
+    }
+    value.forEach(function (ruleGroup, index) {
+      if (!ruleGroup || _typeof(ruleGroup) !== 'object') {
+        errors.push("\u7EC4\u4EF6 ".concat(key, " \u7684\u89C4\u5219\u7EC4 ").concat(index, " \u5FC5\u987B\u662F\u5BF9\u8C61"));
+        return;
+      }
+      var group = ruleGroup;
+      if (!group.linkCondition || !['some', 'every'].includes(group.linkCondition)) {
+        errors.push("\u7EC4\u4EF6 ".concat(key, " \u7684\u89C4\u5219\u7EC4 ").concat(index, " linkCondition \u5FC5\u987B\u662F 'some' \u6216 'every'"));
+      }
+      if (!Array.isArray(group.rules)) {
+        errors.push("\u7EC4\u4EF6 ".concat(key, " \u7684\u89C4\u5219\u7EC4 ").concat(index, " rules \u5FC5\u987B\u662F\u6570\u7EC4"));
+      }
+    });
+  });
+  return {
+    isValid: errors.length === 0,
+    errors: errors
+  };
+}

package/dist/esm/FlowTemplateDetailV2/components/FormRender/index.js

@@ -25,7 +25,7 @@ import React, { useState, useRef, useEffect, useMemo, forwardRef, useImperativeH
 import { ConfigProvider, Form, Space, Tag } from 'antd';
 import { useWhyDidYouUpdate } from 'ahooks';
 import zhCN from 'antd/es/locale/zh_CN';
-import { get, some, set, every, cloneDeep, isEmpty, intersection, throttle, groupBy, find, isArray } from 'lodash';
+import { get, some, set, every, cloneDeep, isEmpty, intersection, throttle, groupBy, find, isArray, debounce, isMatch, isEqual } from 'lodash';
 import 'moment/locale/zh-cn';
 import { calcWorkOrderList, orderBack, getReplaceWarnValues, COMPONENT_MAP_NAME, EXCLUDE_REPLACE_TOP_COMPONENT,
 // 重复检验不需要展示在顶部的
@@ -44,6 +44,8 @@ import { NEED_CLEAR_FIELDS_WHEN_SHOP_ID_CHANGE } from "../../constant";
 import { Context } from "../../context";
 import { orderBackKmAddress } from "./constants";
 import { onBlurExpressLogisticsCode, onBlurErpAfterSaleTradeId, onBlurSkxOutboundNoticeNo } from "./onBlur";
+import { findAllDependencies } from "./component-dependency-finder";
+import { findValueDependencies } from "./value-mapping-finder";
 // 记录显隐触发隐藏的组件。显示后，重新出发一遍映射规则
 // TODO: 用useState会有bug, 不确定是哪里导致的
 var hideByXYComponentsMap = {};
@@ -221,6 +223,9 @@ var FormRender = function FormRender(props, ref) {
       }
     });
     setReplaceValue(function (value) {
+      if (isMatch(value, obj)) {
+        return value;
+      }
       return _objectSpread(_objectSpread({}, value), obj);
     });
   };
@@ -278,6 +283,9 @@ var FormRender = function FormRender(props, ref) {
               return prv;
             }, {});
             setReplaceValue(function (prev) {
+              if (isMatch(prev, resultParams)) {
+                return prev;
+              }
               return _objectSpread(_objectSpread({}, prev), resultParams);
             });
             setReplaceConfig(function (prev) {
@@ -342,6 +350,11 @@ var FormRender = function FormRender(props, ref) {
     // 清空打款组件之前的重复校验
     if (!enterprisePaymentAlipayNo) {
       setReplaceValue(function (value) {
+        if (isMatch(value, {
+          enterprisePaymentAlipayNo: 0
+        })) {
+          return value;
+        }
         return _objectSpread(_objectSpread({}, value), {}, {
           enterprisePaymentAlipayNo: 0
         });
@@ -619,7 +632,7 @@ var FormRender = function FormRender(props, ref) {
   // 查询标签
   var queryLabels = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(tid, shopId) {
-      var _yield$queryLabelByTr, _yield$queryLabelByTr2, data;
+      var oldLabelList, _yield$queryLabelByTr, _yield$queryLabelByTr2, data;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -635,26 +648,37 @@ var FormRender = function FormRender(props, ref) {
             }
             return _context2.abrupt("return", console.debug('查询标签缺少必要参数-shopId'));
           case 4:
+            oldLabelList = form.getFieldValue("".concat(labelComponent.uniqueKey));
             if (tid) {
-              _context2.next = 8;
+              _context2.next = 9;
               break;
             }
-            setLabelList([]);
-            form.setFieldsValue(_defineProperty({}, "".concat(labelComponent.uniqueKey), []));
+            setLabelList(function (list) {
+              if (list.length === 0) return list;
+              return [];
+            });
+            if (oldLabelList.length !== 0) {
+              form.setFieldsValue(_defineProperty({}, "".concat(labelComponent.uniqueKey), []));
+            }
             return _context2.abrupt("return", console.debug('查询标签缺少必要参数-tradeId'));
-          case 8:
-            _context2.next = 10;
+          case 9:
+            _context2.next = 11;
             return queryLabelByTradeId({
               tid: tid,
               shopId: shopId
             });
-          case 10:
+          case 11:
             _yield$queryLabelByTr = _context2.sent;
             _yield$queryLabelByTr2 = _yield$queryLabelByTr.data;
             data = _yield$queryLabelByTr2 === void 0 ? [] : _yield$queryLabelByTr2;
-            setLabelList(data);
-            form.setFieldsValue(_defineProperty({}, "".concat(labelComponent.uniqueKey), data));
-          case 15:
+            setLabelList(function (list) {
+              if (isEqual(list, data)) return list;
+              return data;
+            });
+            if (!isEqual(oldLabelList, data)) {
+              form.setFieldsValue(_defineProperty({}, "".concat(labelComponent.uniqueKey), data));
+            }
+          case 16:
           case "end":
             return _context2.stop();
         }
@@ -667,7 +691,7 @@ var FormRender = function FormRender(props, ref) {
   // 查询会员等级
   var queryMemberLevels = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(tid, shopId) {
-      var _yield$queryMemberLev, _yield$queryMemberLev2, data;
+      var oldMemberLevel, _yield$queryMemberLev, _yield$queryMemberLev2, data;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -683,24 +707,29 @@ var FormRender = function FormRender(props, ref) {
             }
             return _context3.abrupt("return", console.debug('查询标签缺少必要参数-shopId'));
           case 4:
+            oldMemberLevel = form.getFieldValue("".concat(labelComponent.uniqueKey));
             if (tid) {
-              _context3.next = 7;
+              _context3.next = 8;
               break;
             }
-            form.setFieldsValue(_defineProperty({}, "".concat(memberLevelComponent.uniqueKey), []));
+            if (oldMemberLevel.length !== 0) {
+              form.setFieldsValue(_defineProperty({}, "".concat(labelComponent.uniqueKey), []));
+            }
             return _context3.abrupt("return", console.debug('查询标签缺少必要参数-tradeId'));
-          case 7:
-            _context3.next = 9;
+          case 8:
+            _context3.next = 10;
             return queryMemberLevel({
               tid: tid,
               shopId: shopId
             });
-          case 9:
+          case 10:
             _yield$queryMemberLev = _context3.sent;
             _yield$queryMemberLev2 = _yield$queryMemberLev.data;
             data = _yield$queryMemberLev2 === void 0 ? [] : _yield$queryMemberLev2;
-            form.setFieldsValue(_defineProperty({}, "".concat(memberLevelComponent.uniqueKey), data));
-          case 13:
+            if (!isEqual(oldMemberLevel, data)) {
+              form.setFieldsValue(_defineProperty({}, "".concat(labelComponent.uniqueKey), data));
+            }
+          case 14:
           case "end":
             return _context3.stop();
         }
@@ -903,6 +932,9 @@ var FormRender = function FormRender(props, ref) {
               break;
             }
             setReplaceValue(function (prev) {
+              if (isMatch(prev, _defineProperty({}, type, 0))) {
+                return prev;
+              }
               return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, type, 0));
             });
             replaceValueRef.current = _objectSpread(_objectSpread({}, replaceValue), {}, _defineProperty({}, type, 0));
@@ -1091,13 +1123,6 @@ var FormRender = function FormRender(props, ref) {
     if (Reflect.has(currentComponentDisplayStatus.current, prefixId) && !currentComponentDisplayStatus.current[prefixId]) {
       return false;
     }
-    // console.debug(
-    //   '显影计算',
-    //   dependenceDetail?.type,
-    //   leftValue,
-    //   item.compareSymbol?.toUpperCase(),
-    //   item.rightValue,
-    // );
     return getExpression((_item$compareSymbol = item.compareSymbol) === null || _item$compareSymbol === void 0 ? void 0 : _item$compareSymbol.toUpperCase(), leftValue, item.rightValue);
   };
   var getDisplayAndDisabledConfig = function getDisplayAndDisabledConfig(config) {
@@ -1184,12 +1209,23 @@ var FormRender = function FormRender(props, ref) {
       currentTemplateAllComponentsDisplay.current[instance === null || instance === void 0 ? void 0 : instance.id] = true;
       if (Reflect.has(idConditionListMap, instance.id)) {
         var currentIdDependenceOtherFields = idConditionListMap[instance.id];
+        // console.group('当前组件', instance.id, instance.name);
+        var dependencies = findAllDependencies(instance.id, idConditionListMap);
+        // console.log('当前组件所依赖项: ', dependencies);
+        var currentDependenciesMappingComponent = _toConsumableArray(new Set(dependencies.concat(instance.id))).reduce(function (cur, nxt) {
+          var _findValueDependencie, _findValueDependencie2;
+          var mappingDependencies = (_findValueDependencie = findValueDependencies(nxt, mappingConfig.config)) === null || _findValueDependencie === void 0 ? void 0 : (_findValueDependencie2 = _findValueDependencie.dependencies) === null || _findValueDependencie2 === void 0 ? void 0 : _findValueDependencie2.map(function (item) {
+            return item.sourceComponent;
+          });
+          cur = cur.concat(mappingDependencies);
+          return cur;
+        }, []);
+        // console.log('当前组件所依赖项+值映射依赖项: ', currentDependenciesMappingComponent);
+        // console.groupEnd();
         // 需要增加显隐处理逻辑
         return /*#__PURE__*/React.createElement(Form.Item, {
           noStyle: true,
-          shouldUpdate: function shouldUpdate() {
-            return true; // TODO: 修复重复依赖的问题 https://tb.raycloud.com/task/64e4491e0b8b5c001e1099b9
-          }
+          dependencies: _toConsumableArray(new Set(dependencies.concat(currentDependenciesMappingComponent)))
         }, function (_ref8) {
           var getFieldValue = _ref8.getFieldValue;
           var show = currentIdDependenceOtherFields === null || currentIdDependenceOtherFields === void 0 ? void 0 : currentIdDependenceOtherFields.reduce(function (cur, nxt) {
@@ -1292,17 +1328,29 @@ var FormRender = function FormRender(props, ref) {
   var handleWatchFormValueChange = function handleWatchFormValueChange(changedValues) {
     var allValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var componentShowMap = currentTemplateAllComponentsDisplay.current;
-    var formValue = getCalculationComponentValue({
-      calculationTypeComponentList: calculationTypeComponentList,
-      allValues: allValues,
-      componentShowMap: componentShowMap
-    });
-    form.setFieldsValue(_objectSpread(_objectSpread({}, allValues), formValue));
+    var formValue = {};
+    // FIXME: 计算组件存在，此处还可能出现性能问题
+    if (calculationTypeComponentList.length > 0) {
+      formValue = getCalculationComponentValue({
+        calculationTypeComponentList: calculationTypeComponentList,
+        allValues: allValues,
+        componentShowMap: componentShowMap
+      });
+      if (!isMatch(allValues, formValue)) {
+        form.setFieldsValue(_objectSpread(_objectSpread({}, allValues), formValue));
+      }
+    }
+
     //缓存防止bs商品组件联动返填获取不到值
     setTimeout(function () {
       changeValuesCacheOrderInfo(_objectSpread(_objectSpread({}, form.getFieldsValue()), formValue), templateDetail === null || templateDetail === void 0 ? void 0 : templateDetail.componentDtoList);
     });
   };
+  var debouncedHandleWatchFormValueChange = useMemo(function () {
+    return debounce(handleWatchFormValueChange, 150);
+  },
+  // 150ms防抖
+  [handleWatchFormValueChange]);
   var changeValuesCacheOrderInfo = throttle(function (value, tempLateList) {
     //如果店铺id不存在 不缓存
     if (!(value !== null && value !== void 0 && value.shopId)) return;
@@ -1416,7 +1464,7 @@ var FormRender = function FormRender(props, ref) {
   }, formProps), preNodeFormItems), /*#__PURE__*/React.createElement(Form, _extends({
     form: form
   }, formProps, {
-    onValuesChange: handleWatchFormValueChange
+    onValuesChange: debouncedHandleWatchFormValueChange
   }), /*#__PURE__*/React.createElement(ShopName, {
     shopList: shopList,
     handleChangeShopId: handleChangeShopId,

package/dist/esm/FlowTemplateDetailV2/components/FormRender/types.d.ts

@@ -0,0 +1,41 @@
+/**
+ * 组件显隐配置相关类型定义
+ */
+export declare type CompareSymbol = 'eq' | 'include' | 'ne' | 'gt' | 'lt' | 'gte' | 'lte';
+export declare type LinkCondition = 'some' | 'every';
+export interface Rule {
+    compareSymbol: CompareSymbol;
+    leftValue: string;
+    rightValue: string | string[] | number | boolean;
+}
+export interface RuleGroup {
+    linkCondition: LinkCondition;
+    rules: Rule[];
+}
+export declare type ComponentConfig = RuleGroup[];
+export interface Config {
+    [componentKey: string]: ComponentConfig;
+}
+export interface DependencyGraph {
+    [componentKey: string]: string[];
+}
+export declare type CircularDependency = string[];
+export interface DependencyLevels {
+    [level: number]: string[];
+}
+export interface ComponentStat {
+    key: string;
+    count: number;
+}
+export interface DependencyOptions {
+    maxDepth?: number;
+    includeCircular?: boolean;
+}
+export interface DependencyAnalysis {
+    componentKey: string;
+    directDependencies: string[];
+    allDependencies: string[];
+    dependencyCount: number;
+    dependencyLevels: DependencyLevels;
+    hasCircularDependency: boolean;
+}

package/dist/esm/FlowTemplateDetailV2/components/FormRender/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/FlowTemplateDetailV2/components/FormRender/value-mapping-finder.d.ts

@@ -0,0 +1,61 @@
+/**
+ * 组件值映射依赖关系查找器 - TypeScript ES Module版本
+ * 根据值映射配置查找组件之间的依赖关系
+ */
+import type { ValueMappingConfig, ValueDependencyResult } from './value-mapping-types.js';
+/**
+ * 查找组件的所有反向依赖（哪些组件会影响当前组件的值）
+ * @param targetComponentKey - 目标组件key
+ * @param config - 值映射配置对象
+ * @returns 反向依赖关系结果
+ */
+export declare function findValueDependencies(targetComponentKey: string, config: ValueMappingConfig): ValueDependencyResult;
+/**
+ * 查找所有组件的反向依赖关系
+ * @param config - 值映射配置对象
+ * @returns 所有组件的反向依赖关系图
+ */
+export declare function buildValueDependencyGraph(config: ValueMappingConfig): Record<string, ValueDependencyResult>;
+/**
+ * 查找特定源组件和值对目标组件的影响
+ * @param sourceComponentKey - 源组件key
+ * @param sourceValue - 源组件的值
+ * @param config - 值映射配置对象
+ * @returns 受影响的目标组件及其值
+ */
+export declare function findTargetsBySourceValue(sourceComponentKey: string, sourceValue: string, config: ValueMappingConfig): Array<{
+    targetComponent: string;
+    targetValue: string;
+}>;
+/**
+ * 获取所有源组件的统计信息
+ * @param config - 值映射配置对象
+ * @returns 源组件统计信息
+ */
+export declare function getSourceComponentStats(config: ValueMappingConfig): Array<{
+    componentKey: string;
+    valueCount: number;
+    targetCount: number;
+    totalMappings: number;
+}>;
+/**
+ * 查找值映射链（A影响B，B影响C的传递关系）
+ * @param startComponent - 起始组件
+ * @param config - 值映射配置对象
+ * @param maxDepth - 最大深度
+ * @returns 映射链
+ */
+export declare function findValueMappingChain(startComponent: string, config: ValueMappingConfig, maxDepth?: number): Array<{
+    chain: string[];
+    depth: number;
+}>;
+/**
+ * 验证值映射配置的格式
+ * @param config - 要验证的配置对象
+ * @returns 验证结果
+ */
+export declare function validateValueMappingConfig(config: unknown): {
+    isValid: boolean;
+    errors: string[];
+    warnings: string[];
+};