sy-form-components 0.2.2 → 0.2.3

package/dist/index.mjs

@@ -4945,6 +4945,75 @@ function useFieldPermission(options) {
 
 // src/hooks/useFormDetail.ts
 import { useState as useState20, useEffect as useEffect27, useCallback as useCallback7, useRef as useRef7 } from "react";
+
+// src/utils/formInstanceData.ts
+var FORM_INSTANCE_METADATA_KEYS = /* @__PURE__ */ new Set([
+  "appType",
+  "code",
+  "createdAt",
+  "createdBy",
+  "createdByDepartmentId",
+  "createdByDepartmentName",
+  "createdByName",
+  "creator",
+  "data",
+  "error",
+  "formInstId",
+  "formInstanceId",
+  "formUuid",
+  "instanceTitle",
+  "message",
+  "result",
+  "success",
+  "title",
+  "updatedAt"
+]);
+var isPlainRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var parseJsonRecord = (value) => {
+  if (typeof value !== "string" || value.trim() === "") return null;
+  try {
+    const parsed = JSON.parse(value);
+    return isPlainRecord(parsed) ? parsed : null;
+  } catch {
+    return null;
+  }
+};
+var pickKnownFields = (source, fieldIds) => {
+  if (fieldIds?.length) {
+    const values = {};
+    for (const fieldId of fieldIds) {
+      if (Object.prototype.hasOwnProperty.call(source, fieldId)) {
+        values[fieldId] = source[fieldId];
+      }
+    }
+    return values;
+  }
+  return Object.fromEntries(
+    Object.entries(source).filter(([key]) => !FORM_INSTANCE_METADATA_KEYS.has(key))
+  );
+};
+var extractFormValues = (formInstance, fieldIds) => {
+  if (!isPlainRecord(formInstance)) return null;
+  const nestedCandidates = [
+    formInstance.data,
+    parseJsonRecord(formInstance.data),
+    formInstance.formData,
+    parseJsonRecord(formInstance.formData),
+    formInstance.values,
+    formInstance.fieldValues,
+    parseJsonRecord(formInstance.formDataJson),
+    parseJsonRecord(formInstance.dataJson)
+  ];
+  for (const candidate of nestedCandidates) {
+    if (isPlainRecord(candidate)) {
+      return pickKnownFields(candidate, fieldIds);
+    }
+  }
+  const flatValues = pickKnownFields(formInstance, fieldIds);
+  return Object.keys(flatValues).length > 0 ? flatValues : null;
+};
+
+// src/hooks/useFormDetail.ts
 function buildFieldBehaviors(permissions, mode) {
   const behaviors = {};
   if (!permissions) return behaviors;
@@ -4960,7 +5029,7 @@ function buildFieldBehaviors(permissions, mode) {
   return behaviors;
 }
 function useFormDetail(options) {
-  const { formUuid, appType, formInstanceId, onPermissionDenied } = options;
+  const { formUuid, appType, formInstanceId, fieldIds, onPermissionDenied } = options;
   const { api } = useFormContext();
   const request = api.request;
   const [loading, setLoading] = useState20(true);
@@ -4989,7 +5058,7 @@ function useFormDetail(options) {
       }
       setPermissions(permResult);
       setInstanceInfo(formResult);
-      setFormData(formResult?.data ?? null);
+      setFormData(extractFormValues(formResult, fieldIds));
     } catch (error) {
       console.error("[useFormDetail] Failed to load data:", error);
       if (mountedRef.current) {
@@ -5002,7 +5071,7 @@ function useFormDetail(options) {
         setLoading(false);
       }
     }
-  }, [request, formUuid, appType, formInstanceId, onPermissionDenied]);
+  }, [request, formUuid, appType, formInstanceId, fieldIds, onPermissionDenied]);
   useEffect27(() => {
     loadData();
   }, [loadData]);
@@ -5067,7 +5136,7 @@ function useFormDetail(options) {
 // src/hooks/useProcessDetail.ts
 import { useState as useState21, useEffect as useEffect28, useCallback as useCallback8, useRef as useRef8 } from "react";
 function useProcessDetail(options) {
-  const { formUuid, appType, formInstanceId } = options;
+  const { formUuid, appType, formInstanceId, fieldIds } = options;
   const { api } = useFormContext();
   const request = api.request;
   const [loading, setLoading] = useState21(true);
@@ -5115,7 +5184,7 @@ function useProcessDetail(options) {
       setCanWithdraw(approvalResult?.canUndo ?? false);
       setPermissions(permResult);
       setInstanceInfo(formResult);
-      setFormData(formResult?.data ?? null);
+      setFormData(extractFormValues(formResult, fieldIds));
       if (permResult?.operations?.includes("VIEW_PROCESS") || permResult?.operations?.length > 0) {
         try {
           const progress = await getProcessProgress(request, formInstanceId);
@@ -5149,7 +5218,7 @@ function useProcessDetail(options) {
         setLoading(false);
       }
     }
-  }, [request, formUuid, appType, formInstanceId]);
+  }, [request, formUuid, appType, formInstanceId, fieldIds]);
   useEffect28(() => {
     loadData();
   }, [loadData]);
@@ -6526,7 +6595,7 @@ var FormSubmitTemplate = ({
 };
 
 // src/templates/FormDetailTemplate.tsx
-import { useCallback as useCallback14 } from "react";
+import { useCallback as useCallback14, useMemo as useMemo8 } from "react";
 
 // src/templates/PageSkeleton.tsx
 import { Skeleton as Skeleton3 } from "antd";
@@ -6606,6 +6675,7 @@ var InnerDetailContent = ({
   onDelete,
   onSave
 }) => {
+  const fieldIds = useMemo8(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const {
     loading,
     mode,
@@ -6619,7 +6689,7 @@ var InnerDetailContent = ({
     canEdit,
     canDelete,
     canViewChangeRecords
-  } = useFormDetail({ formUuid, appType, formInstanceId });
+  } = useFormDetail({ formUuid, appType, formInstanceId, fieldIds });
   const {
     records,
     loading: recordsLoading,
@@ -6730,7 +6800,7 @@ var FormDetailTemplate = (props) => {
 };
 
 // src/templates/ProcessDetailTemplate.tsx
-import { useCallback as useCallback15, useRef as useRef12 } from "react";
+import { useCallback as useCallback15, useMemo as useMemo9, useRef as useRef12 } from "react";
 import { Fragment as Fragment7, jsx as jsx85, jsxs as jsxs31 } from "react/jsx-runtime";
 function FormDataBridge({
   formDataRef
@@ -6752,6 +6822,7 @@ var InnerProcessContent = ({
   onActionComplete
 }) => {
   const formDataRef = useRef12(void 0);
+  const fieldIds = useMemo9(() => schema.fields.map((field) => field.fieldId), [schema.fields]);
   const {
     loading,
     processInfo,
@@ -6768,7 +6839,7 @@ var InnerProcessContent = ({
     switchToEdit,
     switchToReadonly,
     refreshProgress
-  } = useProcessDetail({ formUuid, appType, formInstanceId });
+  } = useProcessDetail({ formUuid, appType, formInstanceId, fieldIds });
   const { approve, reject, withdraw, save, resubmit } = useApprovalActions({
     formInstanceId,
     formUuid,
@@ -6967,6 +7038,7 @@ export {
   defineFormSchema,
   deleteFormData,
   evaluateEffects,
+  extractFormValues,
   getChangeRecords,
   getFormData,
   getProcessBasic,