lu-lowcode-package-form 0.10.72 → 0.10.74

package/package.json

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

package/src/components/field/select/search-select.jsx

@@ -64,7 +64,7 @@ const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsVal
     const loadSelectOptions = async () => {
         if (request && option_value) {
             debounceFetchOptions({ ...requestParams, [option_value]: value?.value }, null, (selectOptions) => {
-                console.log("loadSelectOptions selectOptions", selectOptions)
+                console.log("loadSelectOptions selectOptions", selectOptions) 
                 if (selectOptions && selectOptions.length > 0) {
                     let item = selectOptions.find(item => item.value == value?.value || item.value == value)
                     console.log("loadSelectOptions item", item)

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

@@ -58,20 +58,19 @@ const FormContainer = forwardRef(({ cols = 1, children, mode = "view" }, ref) =>
         setFieldsValue: (values) => {
             lockStatus.current = 1;
             let formData = { ...values, __id: values?.id }
-            for (let key in values) { 
+            for (let key in values) {
                 changedFieldsState.current[key] = { name: key, value: values[key] }
-                if (dependencyMap.current.has(key) && dependencyMap.current.get(key).componentName == "Field.Table" && Array.isArray(values[key])   ) {
+                if (dependencyMap.current.has(key) && dependencyMap.current.get(key).componentName == "Field.Table" && Array.isArray(values[key])) {
                     for (let index = 0; index < values[key].length; index++) {
                         const element = values[key][index];
                         for (let elem_key in element) {
-                            changedFieldsState.current[[key,index,elem_key]] = { name: [key,index,elem_key], value: element[elem_key] }
+                            changedFieldsState.current[[key, index, elem_key]] = { name: [key, index, elem_key], value: element[elem_key] }
                         }
                     }
-                } 
+                }
             }
-            console.log("changedFieldsState", changedFieldsState.current)
             form.setFieldsValue(formData)
-            // setTimeout(()=>{debounceHandleFieldsChange()},0)
+            debounceHandleFieldsChange()
         },
         initializeFieldVisibility,
     }), []);
@@ -436,34 +435,43 @@ const FormContainer = forwardRef(({ cols = 1, children, mode = "view" }, ref) =>
 
 
     const changedFieldsState = React.useRef({});
-    const debounceHandleFieldsChange = debounce(() => {
-        console.log("debounceHandleFieldsChange")
-        const fieldValues = form.getFieldsValue();
-        const lockStatus_ = lockStatus.current;
-        lockStatus.current = 0
-        let needRefresh = false;
-        if (!lastFormValues.current) lastFormValues.current = {}
-
-        for (let key in changedFieldsState.current) {
-            let field = changedFieldsState.current[key];
-            if (!isEqual(field.value || "", getLastFieldValue(field.name) || "")) {
-                console.log("!isEqual field.name", field.name)
-                console.log("field.value", field.value)
-                console.log("getLastFieldValue(field.name)", getLastFieldValue(field.name))
-                console.log("lockStatus_",lockStatus_)
-                if (lockStatus_ != 1) {
-                    needRefresh = handleFieldsWith(field.name, fieldValues);
+    const timeoutRef = React.useRef(null);
+
+    const debounceHandleFieldsChange = React.useCallback(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+
+        const delay = lockStatus.current === 1 ? 500 : 100;
+
+        timeoutRef.current = setTimeout(() => {
+            console.log("debounceHandleFieldsChange begin")
+            const fieldValues = form.getFieldsValue();
+            const lockStatus_ = lockStatus.current; 
+            lockStatus.current = 0
+            let needRefresh = false;
+            if (!lastFormValues.current) lastFormValues.current = {}
+
+            for (let key in changedFieldsState.current) {
+                let field = changedFieldsState.current[key];
+                if (!isEqual(field.value || "", getLastFieldValue(field.name) || "")) {
+                    console.log("!isEqual field.name", field.name)
+                    console.log("field.value", field.value)
+                    console.log("getLastFieldValue(field.name)", getLastFieldValue(field.name))
+                    console.log("lockStatus_", lockStatus_)
+                    if (lockStatus_ != 1) {
+                        needRefresh = handleFieldsWith(field.name, fieldValues);
+                    }
+                    lastFormValues.current[field.name] = field.value;
                 }
-                lastFormValues.current[field.name] = field.value;
             }
-        }
-        if (needRefresh) {
-            console.log("needRefresh", needRefresh)
-            setFormContent(renderChildren());
-        }
-        // lastFormValues.current = form.getFieldsValue();
-        changedFieldsState.current = {};
-    }, 100);
+            if (needRefresh) {
+                console.log("needRefresh", needRefresh)
+                setFormContent(renderChildren());
+            }
+            changedFieldsState.current = {};
+        }, delay);
+    }, []);
 
     const handleFieldsChange = (changedFields) => {
         console.log("changedFields", changedFields)

package/src/main.jsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+import './utils/logger'  // 引入 logger
 import App from './App.jsx'
 import './index.css'
 

package/src/utils/logger.js

@@ -0,0 +1,12 @@
+// 保存原始的 console.log 方法
+const originalConsoleLog = console.log;
+
+// 重写 console.log
+console.log = function (...args) {
+    const now = new Date();
+    const timestamp = now.toLocaleString() + '.' + now.getMilliseconds().toString().padStart(3, '0');
+    originalConsoleLog.apply(console, [`[${timestamp}]`, ...args]);
+};
+
+// 导出原始的 console.log，以防需要使用原始版本
+export const originalLog = originalConsoleLog;