sy-form-components 0.2.3 → 0.2.5

package/dist/index.d.mts

@@ -418,13 +418,17 @@ interface ProcessAction {
 }
 /** 流程任务 */
 interface ProcessTask {
+    id?: string;
     taskId: string;
     nodeId: string;
     nodeVisitId?: string;
     nodeType: ProcessNodeType;
     nodeName: string;
+    title?: string;
     status: TaskStatus;
+    canApprove?: boolean;
     assigneeId?: string;
+    assignee?: string;
     assigneeName?: string;
     departmentName?: string;
     comments?: string;
@@ -450,6 +454,9 @@ interface ApprovalPermission {
     hasPermission: boolean;
     canUndo: boolean;
     isApprover: boolean;
+    currentTasks?: ProcessTask[];
+    futureTasksCount?: number;
+    details?: string;
 }
 /** 可退回节点 */
 interface ReturnableNode {

package/dist/index.d.ts

@@ -418,13 +418,17 @@ interface ProcessAction {
 }
 /** 流程任务 */
 interface ProcessTask {
+    id?: string;
     taskId: string;
     nodeId: string;
     nodeVisitId?: string;
     nodeType: ProcessNodeType;
     nodeName: string;
+    title?: string;
     status: TaskStatus;
+    canApprove?: boolean;
     assigneeId?: string;
+    assignee?: string;
     assigneeName?: string;
     departmentName?: string;
     comments?: string;
@@ -450,6 +454,9 @@ interface ApprovalPermission {
     hasPermission: boolean;
     canUndo: boolean;
     isApprover: boolean;
+    currentTasks?: ProcessTask[];
+    futureTasksCount?: number;
+    details?: string;
 }
 /** 可退回节点 */
 interface ReturnableNode {

package/dist/index.js

@@ -4453,26 +4453,79 @@ var TASK_STATUS_META = {
 };
 
 // src/core/processApi.ts
+var normalizeProcessTask = (value) => {
+  const taskId = value?.taskId ?? value?.id ?? value?.task_id ?? "";
+  return {
+    ...value,
+    id: value?.id ?? taskId,
+    taskId,
+    nodeId: value?.nodeId ?? value?.node_id ?? "",
+    nodeType: value?.nodeType ?? value?.node_type ?? "approval",
+    nodeName: value?.nodeName ?? value?.title ?? value?.name ?? value?.nodeId ?? "\u5BA1\u6279\u8282\u70B9",
+    status: value?.status ?? "pending",
+    assigneeId: value?.assigneeId ?? value?.assignee
+  };
+};
+var normalizeProcessTasks = (value) => {
+  if (Array.isArray(value)) return value.map(normalizeProcessTask);
+  if (!value || typeof value !== "object") return [];
+  if (Array.isArray(value.tasks)) return value.tasks.map(normalizeProcessTask);
+  if (Array.isArray(value.currentTasks)) return value.currentTasks.map(normalizeProcessTask);
+  if (Array.isArray(value.list)) return value.list.map(normalizeProcessTask);
+  if (Array.isArray(value.items)) return value.items.map(normalizeProcessTask);
+  if (Array.isArray(value.records)) return value.records.map(normalizeProcessTask);
+  return [];
+};
+var normalizeProcessBasic = (value) => {
+  const raw = value ?? {};
+  const instance = raw.instance ?? raw;
+  const currentTask = raw.currentTask ? normalizeProcessTask(raw.currentTask) : void 0;
+  return {
+    ...raw,
+    instanceId: raw.instanceId ?? raw.id ?? instance.formInstanceId ?? instance.id,
+    processStatus: raw.processStatus ?? raw.status ?? instance.processStatus ?? instance.status,
+    formUuid: raw.formUuid ?? instance.formUuid ?? instance.definition?.formUuid,
+    appType: raw.appType ?? instance.appType ?? instance.definition?.appType,
+    title: raw.title ?? instance.title,
+    originatorId: raw.originatorId ?? instance.originatorId ?? instance.startedBy,
+    originatorName: raw.originatorName ?? instance.originatorName ?? instance.startedByName,
+    originatorDepartment: raw.originatorDepartment ?? instance.originatorDepartment ?? instance.startedDepartmentName,
+    createdAt: raw.createdAt ?? instance.createdAt ?? instance.startedAt,
+    currentTask
+  };
+};
+var normalizeApprovalPermission = (value) => {
+  const raw = value ?? {};
+  const currentTasks = normalizeProcessTasks(raw.currentTasks);
+  const hasPermission = Boolean(raw.hasPermission ?? raw.isApprover ?? currentTasks.length > 0);
+  return {
+    ...raw,
+    hasPermission,
+    isApprover: Boolean(raw.isApprover ?? hasPermission),
+    canUndo: Boolean(raw.canUndo ?? raw.canWithdraw),
+    currentTasks
+  };
+};
 async function getProcessBasic(request, formInstId) {
   const response = await request({
     url: `/workflow/instance/${formInstId}/basic`,
     method: "get"
   });
-  return response.data || response.result;
+  return normalizeProcessBasic(response.data || response.result);
 }
 async function getProcessProgress(request, formInstId) {
   const response = await request({
-    url: `/workflow/instance/${formInstId}`,
+    url: `/workflow/instance/${formInstId}/all-tasks`,
     method: "get"
   });
-  return response.data || response.result || [];
+  return normalizeProcessTasks(response.data || response.result);
 }
 async function checkUserApproval(request, formInstId) {
   const response = await request({
     url: `/workflow/instance/${formInstId}/permission`,
     method: "get"
   });
-  return response.data || response.result;
+  return normalizeApprovalPermission(response.data || response.result);
 }
 async function handleApproval(request, params) {
   const response = await request({
@@ -5257,6 +5310,22 @@ function useFormDetail(options) {
 
 // src/hooks/useProcessDetail.ts
 var import_react46 = require("react");
+var DEFAULT_APPROVAL_ACTIONS = [
+  { action: "agree", name: { zh_CN: "\u540C\u610F" } },
+  { action: "rejected", name: { zh_CN: "\u62D2\u7EDD" } }
+];
+var WITHDRAW_ACTION = { action: "withdraw", name: { zh_CN: "\u64A4\u9500" } };
+function mergeCurrentTask(processTask, approvalTask) {
+  if (!approvalTask) return processTask ?? null;
+  if (!processTask) return approvalTask;
+  return {
+    ...processTask,
+    ...approvalTask,
+    nodeName: processTask.nodeName || approvalTask.nodeName,
+    title: processTask.title || approvalTask.title,
+    actions: processTask.actions ?? approvalTask.actions
+  };
+}
 function useProcessDetail(options) {
   const { formUuid, appType, formInstanceId, fieldIds } = options;
   const { api } = useFormContext();
@@ -5269,6 +5338,7 @@ function useProcessDetail(options) {
   const [instanceInfo, setInstanceInfo] = (0, import_react46.useState)(null);
   const [isApprover, setIsApprover] = (0, import_react46.useState)(false);
   const [canWithdraw, setCanWithdraw] = (0, import_react46.useState)(false);
+  const [approvalTasks, setApprovalTasks] = (0, import_react46.useState)([]);
   const [permissions, setPermissions] = (0, import_react46.useState)(null);
   const [processDefinition, setProcessDefinition] = (0, import_react46.useState)(null);
   const mountedRef = (0, import_react46.useRef)(true);
@@ -5278,7 +5348,10 @@ function useProcessDetail(options) {
       mountedRef.current = false;
     };
   }, []);
-  const currentTask = processInfo?.currentTask ?? null;
+  const currentTask = (0, import_react46.useMemo)(
+    () => mergeCurrentTask(processInfo?.currentTask, approvalTasks[0]),
+    [processInfo?.currentTask, approvalTasks]
+  );
   const processStatus = processInfo?.processStatus ?? null;
   const isOriginatorReturn = currentTask?.nodeType === "originator_return";
   const isProcessCompleted = processStatus === "completed" || processStatus === "terminated";
@@ -5289,7 +5362,14 @@ function useProcessDetail(options) {
     isApprover,
     mode
   });
-  const activeActions = isApprover && currentTask?.actions ? currentTask.actions : [];
+  const activeActions = (0, import_react46.useMemo)(() => {
+    if (!isApprover) return [];
+    const actions = currentTask?.actions && currentTask.actions.length > 0 ? [...currentTask.actions] : [...DEFAULT_APPROVAL_ACTIONS];
+    if (canWithdraw && !actions.some((action) => action.action === "withdraw")) {
+      actions.push(WITHDRAW_ACTION);
+    }
+    return actions;
+  }, [isApprover, currentTask?.actions, canWithdraw]);
   const loadData = (0, import_react46.useCallback)(async () => {
     if (!mountedRef.current) return;
     setLoading(true);
@@ -5304,6 +5384,7 @@ function useProcessDetail(options) {
       setProcessInfo(basicResult);
       setIsApprover(approvalResult?.isApprover ?? false);
       setCanWithdraw(approvalResult?.canUndo ?? false);
+      setApprovalTasks(approvalResult?.currentTasks ?? []);
       setPermissions(permResult);
       setInstanceInfo(formResult);
       setFormData(extractFormValues(formResult, fieldIds));
@@ -5334,6 +5415,7 @@ function useProcessDetail(options) {
         setProcessInfo(null);
         setFormData(null);
         setInstanceInfo(null);
+        setApprovalTasks([]);
       }
     } finally {
       if (mountedRef.current) {
@@ -6059,15 +6141,17 @@ var ApprovalTimeline = ({
   showRemarks = true,
   compactMode = false
 }) => {
-  if (!tasks || tasks.length === 0) {
+  const taskList = Array.isArray(tasks) ? tasks : [];
+  if (taskList.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `bg-white rounded-xl shadow-sm border border-gray-100 p-6 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-sm text-gray-400 text-center", children: "\u6682\u65E0\u5BA1\u6279\u8BB0\u5F55" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `${className}`, children: tasks.map((task, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `${className}`, children: taskList.map((task, index) => {
+    const taskKey = task.taskId || task.id || `${task.nodeId}-${index}`;
     if (renderNode) {
-      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: renderNode(task, index) }, task.taskId);
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: renderNode(task, index) }, taskKey);
     }
     const phase = getNodePhase(task);
-    const isLast = index === tasks.length - 1;
+    const isLast = index === taskList.length - 1;
     const statusMeta = TASK_STATUS_META[task.status];
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex gap-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col items-center", children: [
@@ -6121,7 +6205,7 @@ var ApprovalTimeline = ({
           ]
         }
       ) })
-    ] }, task.taskId);
+    ] }, taskKey);
   }) });
 };
 
@@ -6966,7 +7050,7 @@ var InnerProcessContent = ({
     formInstanceId,
     formUuid,
     appType,
-    currentTaskId: currentTask?.taskId,
+    currentTaskId: currentTask?.taskId ?? currentTask?.id,
     onActionComplete: async (action) => {
       onActionComplete?.(action);
       await refreshProgress();