sy-form-components 0.2.10 → 0.2.11

package/dist/index.mjs

@@ -7727,12 +7727,17 @@ function useFormDetail(options) {
   const [instanceInfo, setInstanceInfo] = useState24(null);
   const [permissions, setPermissions] = useState24(null);
   const mountedRef = useRef9(true);
+  const onPermissionDeniedRef = useRef9(onPermissionDenied);
+  const fieldIdsKey = fieldIds?.join("
") ?? "";
   useEffect29(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
+  useEffect29(() => {
+    onPermissionDeniedRef.current = onPermissionDenied;
+  }, [onPermissionDenied]);
   const loadData = useCallback11(async () => {
     if (!mountedRef.current) return;
     setLoading(true);
@@ -7743,7 +7748,7 @@ function useFormDetail(options) {
       ]);
       if (!mountedRef.current) return;
       if (!permResult || !hasViewOperation(permResult.operations, "view")) {
-        onPermissionDenied?.();
+        onPermissionDeniedRef.current?.();
       }
       const normalizedInfo = normalizeFormInstanceInfo(formResult, {
         formUuid,
@@ -7752,7 +7757,9 @@ function useFormDetail(options) {
       });
       setPermissions(permResult);
       setInstanceInfo(normalizedInfo);
-      setFormData(extractFormValues(formResult, fieldIds));
+      setFormData(
+        extractFormValues(formResult, fieldIdsKey ? fieldIdsKey.split("
") : void 0)
+      );
     } catch (error) {
       console.error("[useFormDetail] Failed to load data:", error);
       if (mountedRef.current) {
@@ -7765,7 +7772,7 @@ function useFormDetail(options) {
         setLoading(false);
       }
     }
-  }, [request, formUuid, appType, formInstanceId, fieldIds, onPermissionDenied]);
+  }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
   useEffect29(() => {
     loadData();
   }, [loadData]);
@@ -7861,6 +7868,7 @@ function useProcessDetail(options) {
   const [permissions, setPermissions] = useState25(null);
   const [processDefinition, setProcessDefinition] = useState25(null);
   const mountedRef = useRef10(true);
+  const fieldIdsKey = fieldIds?.join("
") ?? "";
   useEffect30(() => {
     mountedRef.current = true;
     return () => {
@@ -7906,7 +7914,9 @@ function useProcessDetail(options) {
       setApprovalTasks(approvalResult?.currentTasks ?? []);
       setPermissions(permResult);
       setInstanceInfo(formResult);
-      setFormData(extractFormValues(formResult, fieldIds));
+      setFormData(
+        extractFormValues(formResult, fieldIdsKey ? fieldIdsKey.split("
") : void 0)
+      );
       if (permResult?.operations?.includes("VIEW_PROCESS") || permResult?.operations?.length > 0) {
         try {
           const progress = await getProcessProgress(request, formInstanceId);
@@ -7941,7 +7951,7 @@ function useProcessDetail(options) {
         setLoading(false);
       }
     }
-  }, [request, formUuid, appType, formInstanceId, fieldIds]);
+  }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
   useEffect30(() => {
     loadData();
   }, [loadData]);