[Feature][Engine UI] format string

Author: QiaoJ-Chen

seatunnel-engine/seatunnel-engine-ui/src/components/configuration/index.tsx

@@ -9,11 +9,18 @@ export default defineComponent({
     }
   },
   setup(props) {
+    const format = (value: any) => {
+      value = JSON.stringify(value)
+      if (value) {
+        value = value.replace(/^\"(.*)\"$/, '$1')
+      }
+      return value || ''
+    }
     return () => (
       <NDescriptions label-placement="left" bordered column={1}>
         {props.data &&
           Object.entries(props.data).map(([key, value]) => (
-            <NDescriptionsItem label={key}>{JSON.stringify(value)}</NDescriptionsItem>
+            <NDescriptionsItem label={key}>{format(value)}</NDescriptionsItem>
           ))}
       </NDescriptions>
     )