feat(utils): 添加通用反序列化方法以处理JSON格式字符串

src/pages/flowEditor/components/nodeContentOther.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import styles from '@/components/FlowEditor/node/style/baseOther.module.less';
 import { Handle, Position, useStore } from '@xyflow/react';
-import { isJSON } from '@/utils/common';
+import { deserializeValue } from '@/utils/common';
 import cronstrue from 'cronstrue/i18n';
 
 interface NodeContentData {
@@ -179,15 +179,16 @@ const renderRegularNodeHandles = (dataIns: any[], dataOuts: any[], apiIns: any[]
 };
 
 const formatFooter = (data: any) => {
+  try {
     switch (data.type) {
       case 'WAIT':
-      const { duration } = data.customDef;
+        const { duration } = deserializeValue(data.customDef);
         const hours = Math.floor(duration / 3600);
         const minutes = Math.floor((duration % 3600) / 60);
         const seconds = Math.floor(duration % 60);
         return `${hours}小时${minutes}分钟${seconds}秒`;
       case 'CYCLE':
-      const { intervalSeconds } = data.customDef;
+        const { intervalSeconds } = deserializeValue(data.customDef);
         return cronstrue.toString(intervalSeconds, { locale: 'zh_CN' });
       case 'EVENTSEND':
       case 'EVENTLISTENE':
@@ -196,6 +197,9 @@ const formatFooter = (data: any) => {
       default:
         return '这个类型还没开发';
     }
+  } catch (e) {
+    console.log(e);
+  }
 };
 
 const NodeContent = ({ data }: { data: NodeContentData }) => {

src/utils/common.ts

@@ -199,3 +199,34 @@ export function formatSeconds(value: string) {
   }
   return result;
 }
+
+/**
+ * 通用反序列化方法，用于处理可能为JSON格式的字符串
+ * @param value - 需要反序列化的值
+ * @returns 如果是有效JSON则返回解析后的对象，否则返回原值
+ */
+export const deserializeValue = (value: any): any => {
+  // 如果不是字符串类型，直接返回原值
+  if (typeof value !== 'string') {
+    return value;
+  }
+
+  // 如果是空字符串，返回原值
+  if (value === '') {
+    return value;
+  }
+
+  // 尝试解析JSON
+  try {
+    // 检查是否为有效的JSON格式
+    if (isJSON(value)) {
+      return JSON.parse(value);
+    }
+    // 不是JSON格式，返回原值
+    return value;
+  } catch (error) {
+    // 解析失败，返回原值
+    console.warn('Failed to deserialize value:', value, error);
+    return value;
+  }
+};