lu-lowcode-package-form 0.11.71 → 0.11.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lu-lowcode-package-form",
-  "version": "0.11.71",
+  "version": "0.11.73",
   "dependencies": {
     "@ant-design/icons": "^4.8.1",
     "@dnd-kit/core": "^6.1.0",

package/src/components/form-container/index.jsx

@@ -74,7 +74,7 @@ const FormContainer = forwardRef(({ cols = 1, children, mode = "view" }, ref) =>
         // 当前更新周期的依赖路径
         updatePath: [],
         // 最大更新深度限制，避免过深的嵌套引起栈溢出
-        MAX_DEPTH: 30, 
+        MAX_DEPTH: 30,
         // 开始新的更新周期
         startNewCycle: function () {
             this.currentCycleId++;
@@ -720,71 +720,73 @@ const FormContainer = forwardRef(({ cols = 1, children, mode = "view" }, ref) =>
         const delay = lockStatus.current === 1 ? 500 : 100;
 
         timeoutRef.current = setTimeout(async () => {
-            console.log("debounceHandleFieldsChange starting",changedFieldsState.current)
             // 开始新的更新周期
             dependencyGraphRef.current.startNewCycle();
 
+            // 创建当前变更的快照，避免处理过程中的并发修改
+            const currentChanges = {...changedFieldsState.current};
+            // 立即重置变更状态，为新的变更做准备
+            changedFieldsState.current = {};
+            console.log("debounceHandleFieldsChange starting", currentChanges)
+            
             const fieldValues = form.getFieldsValue();
             const lockStatus_ = lockStatus.current;
             lockStatus.current = 0
             let needRefresh = false;
             if (!lastFormValues.current) lastFormValues.current = {}
-            console.log("lastFormValues.current",lastFormValues.current)
+            console.log("lastFormValues.current", lastFormValues.current)
 
             // 创建已处理字段集合，用于避免多次处理同一字段
             const processedFields = new Set();
-            for (let key in changedFieldsState.current) {
-               try {
-                let field = changedFieldsState.current[key];
-                console.log("debounceHandleFieldsChange field", field)
-                console.log("debounceHandleFieldsChange getLastFieldValue", getLastFieldValue(field.name))
-                if (!isEqual(field.value || "", getLastFieldValue(field.name) || "")) {
-                    console.log("debounceHandleFieldsChange lockStatus_", lockStatus_)
-                    if (lockStatus_ != 1) {
-                        // 获取字段标识符（字符串形式）
-                        const fieldId = Array.isArray(field.name)
-                            ? field.name.map(item => typeof item == "string" ? item : item.toString()).join(".")
-                            : field.name;
-
-                        // 跳过已处理的字段
-                        if (processedFields.has(fieldId)){
-                            console.log("跳过已处理的字段 processedFields", fieldId)
-                            continue;
-                        }
-                        processedFields.add(fieldId);
+            for (let key in currentChanges) {
+                try {
+                    let field = currentChanges[key];
+                    console.log("debounceHandleFieldsChange field", field)
+                    console.log("debounceHandleFieldsChange getLastFieldValue", getLastFieldValue(field.name))
+                    if (!isEqual(field.value || "", getLastFieldValue(field.name) || "")) {
+                        console.log("debounceHandleFieldsChange lockStatus_", lockStatus_)
+                        if (lockStatus_ != 1) {
+                            // 获取字段标识符（字符串形式）
+                            const fieldId = Array.isArray(field.name)
+                                ? field.name.map(item => typeof item == "string" ? item : item.toString()).join(".")
+                                : field.name;
+
+                            // 跳过已处理的字段
+                            if (processedFields.has(fieldId)) {
+                                console.log("跳过已处理的字段 processedFields", fieldId)
+                                continue;
+                            }
+                            processedFields.add(fieldId);
 
-                        // 处理字段依赖关系，传递字段ID和依赖图谱
-                        let needRefresh_ = await handleFieldsWith(field.name, fieldValues, false, fieldId);
-                        needRefresh = needRefresh || needRefresh_;
+                            // 处理字段依赖关系，传递字段ID和依赖图谱
+                            let needRefresh_ = await handleFieldsWith(field.name, fieldValues, false, fieldId);
+                            needRefresh = needRefresh || needRefresh_;
+                        }
+                        lastFormValues.current[field.name] = field.value;
                     }
-                    lastFormValues.current[field.name] = field.value;
+                } catch (error) {
+                    console.log("debounceHandleFieldsChange error", error)
                 }
-               } catch (error) {
-                console.log("debounceHandleFieldsChange error", error)
-                
-               }
             }
             if (needRefresh) {
                 console.log("needRefresh", needRefresh)
                 updateFormContent();
             }
-            changedFieldsState.current = {};
         }, delay);
     }, []);
 
     const handleFieldsChange = React.useCallback((changedFields) => {
-        setTimeout(() => {
-            changedFields.filter(field => {
-                if (field.name && field.name.length > 0) {
-                    // const fieldKey = field.name.filter(item => typeof item == "string").join(".")
-                    changedFieldsState.current[field.name] = field;
+        changedFields.filter(field => {
+            if (field.name && field.name.length > 0) {
+                // const fieldKey = field.name.filter(item => typeof item == "string").join(".")
+                changedFieldsState.current[field.name] = field;
 
 
-                }
-            })
-            console.log("handleFieldsChange", changedFieldsState.current)
-            debounceHandleFieldsChange();
-        }, 0);
+            }
+        })
+        console.log("handleFieldsChange", changedFieldsState.current)
+        debounceHandleFieldsChange();
+
     }, []);
 
     const getTableWithIds = (ids) => {