sy-form-components 0.2.10 → 0.2.11

package/dist/index.js

@@ -7876,12 +7876,17 @@ function useFormDetail(options) {
   const [instanceInfo, setInstanceInfo] = (0, import_react49.useState)(null);
   const [permissions, setPermissions] = (0, import_react49.useState)(null);
   const mountedRef = (0, import_react49.useRef)(true);
+  const onPermissionDeniedRef = (0, import_react49.useRef)(onPermissionDenied);
+  const fieldIdsKey = fieldIds?.join("
") ?? "";
   (0, import_react49.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
+  (0, import_react49.useEffect)(() => {
+    onPermissionDeniedRef.current = onPermissionDenied;
+  }, [onPermissionDenied]);
   const loadData = (0, import_react49.useCallback)(async () => {
     if (!mountedRef.current) return;
     setLoading(true);
@@ -7892,7 +7897,7 @@ function useFormDetail(options) {
       ]);
       if (!mountedRef.current) return;
       if (!permResult || !hasViewOperation(permResult.operations, "view")) {
-        onPermissionDenied?.();
+        onPermissionDeniedRef.current?.();
       }
       const normalizedInfo = normalizeFormInstanceInfo(formResult, {
         formUuid,
@@ -7901,7 +7906,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) {
@@ -7914,7 +7921,7 @@ function useFormDetail(options) {
         setLoading(false);
       }
     }
-  }, [request, formUuid, appType, formInstanceId, fieldIds, onPermissionDenied]);
+  }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
   (0, import_react49.useEffect)(() => {
     loadData();
   }, [loadData]);
@@ -8010,6 +8017,7 @@ function useProcessDetail(options) {
   const [permissions, setPermissions] = (0, import_react50.useState)(null);
   const [processDefinition, setProcessDefinition] = (0, import_react50.useState)(null);
   const mountedRef = (0, import_react50.useRef)(true);
+  const fieldIdsKey = fieldIds?.join("
") ?? "";
   (0, import_react50.useEffect)(() => {
     mountedRef.current = true;
     return () => {
@@ -8055,7 +8063,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);
@@ -8090,7 +8100,7 @@ function useProcessDetail(options) {
         setLoading(false);
       }
     }
-  }, [request, formUuid, appType, formInstanceId, fieldIds]);
+  }, [request, formUuid, appType, formInstanceId, fieldIdsKey]);
   (0, import_react50.useEffect)(() => {
     loadData();
   }, [loadData]);