lu-lowcode-package-form 0.11.6 → 0.11.7

package/package.json

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

package/src/App.jsx

@@ -244,6 +244,32 @@ function App() {
                       "content": "当前表单.开关"
                     }
                   },
+                  {
+                    "insert": " == 1\n"
+                  }
+                ],
+                "version": 1734400834533,
+                "withData": [
+
+                ]
+              }} 
+            />
+            <Field.Input label="测试 withVisible2" __id="withVisible2"
+            isRequired={true}
+              withIds={["routeType"]}
+              withVisible={{
+                "value": [
+                  {
+                    "insert": {
+                      "span": true
+                    },
+                    "attributes": {
+                      "id": "routeType",
+                      "color": "blue",
+                      "tagKey": "fieldsValue",
+                      "content": "当前表单.开关2"
+                    }
+                  },
                   {
                     "insert": " == 2\n"
                   }
@@ -254,7 +280,32 @@ function App() {
                 ]
               }} 
             />
+            <Field.Input label="测试 withVisible21" __id="withVisible21"
+            isRequired={true}
+              withIds={["routeType"]}
+              withVisible={{
+                "value": [
+                  {
+                    "insert": {
+                      "span": true
+                    },
+                    "attributes": {
+                      "id": "routeType",
+                      "color": "blue",
+                      "tagKey": "fieldsValue",
+                      "content": "当前表单.开关2"
+                    }
+                  },
+                  {
+                    "insert": " == 2\n"
+                  }
+                ],
+                "version": 1734400834533,
+                "withData": [
 
+                ]
+              }} 
+            />
             <Field.Select label="绑定表单"
               option_label={"formTitle"}
               __id="menuFormTemplateId"
@@ -267,6 +318,9 @@ function App() {
               }} />
 
 
+            <Field.Input label="隐藏字段" __id="hidden1"
+            calcHidden={true}
+            />
 
             <Field.Input label="菜单URL" __id="route"
               withIds={["routeType"]}

package/src/components/field/base.jsx

@@ -39,7 +39,7 @@ export const BaseWrapper = ({
         {
             console.log(label+" calcHiddenRef.current", calcHiddenRef.current)
             console.log(label+" calcHiddenRef.current", calcHidden)
-            typeof initializeFormRender == "function" && initializeFormRender();
+            // typeof initializeFormRender == "function" && initializeFormRender();
             calcHiddenRef.current = calcHidden;
         }
     },[calcHidden])

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

@@ -81,6 +81,7 @@ const FormContainer = forwardRef(({ cols = 1, children, mode = "view" }, ref) =>
     // 添加节流后的 initializeFormRender
     const throttledInitializeFormRender = React.useCallback(
         throttle(() => {
+            console.log("throttledInitializeFormRender")
             initializeDependencyMap();
             setFormContent(renderChildren());
         }, 300),
@@ -160,18 +161,18 @@ const FormContainer = forwardRef(({ cols = 1, children, mode = "view" }, ref) =>
     };
 
     // 初始化字段的级联关系
-    const initializeFieldVisibility = async (reloadFields = false) => {
-        console.log("initializeFieldVisibility")
+    const initializeFieldVisibility = debounce(async (reloadFields = false) => {
+        console.log("initializeFieldVisibility *************************************")
         const fieldValues = form.getFieldsValue();
         for (let key of dependencyMap.current.keys()) {
-             handleFieldsWith(key, fieldValues, true);
+           await handleFieldsWith(key, fieldValues, true);
         }
         if (reloadFields) setFormContent(renderChildren());
-    };
+    }, 100);
 
     // 计算字段级联关系
     const handleFieldsWith = async (identifier, fieldValues, init = false) => {
-        console.log("handleFieldsWith identifier", identifier)
+        // console.log("handleFieldsWith identifier", identifier)
         let needRefresh = false;
         let parentIdentifier = [];
         if (Array.isArray(identifier)) {