fix: 规则链转换脚本测试脚本功能修改

@@ -151,6 +151,7 @@
   defineExpose({
     get,
     set,
+    handleFormat,
   });
 </script>
 

 <script lang="ts" setup>
   import { Card, Select, Tag, Form, Button } from 'ant-design-vue';
-  import { ref, toRaw, unref, watch } from 'vue';
+  import { nextTick, ref, toRaw, unref, watch } from 'vue';
   import { MessageTypesEnum, MessageTypesNameEnum } from '../../../enum/form';
   import { JSONEditor } from '/@/components/CodeEditor';
   import { Icon } from '/@/components/Icon';
@@ -38,6 +38,8 @@
     (eventName: 'save', value: Value): void;
   }>();
 
+  const jsonEditor = ref<InstanceType<typeof JSONEditor>>();
+
   const messageType = ref(MessageTypesEnum.POST_TELEMETRY_REQUEST);
   const messageTypeOptions = Object.keys(MessageTypesEnum).map((value) => ({
     label: MessageTypesNameEnum[value],
@@ -118,6 +120,8 @@
     const result = await executeTestScript();
 
     outputContent.value = result;
+    await nextTick();
+    unref(jsonEditor)?.handleFormat();
   };
 
   const handleSave = async () => {
@@ -196,6 +200,7 @@
         <Card class="w-full h-full">
           <JSONEditor
             v-model:value="outputContent"
+            ref="jsonEditor"
             title="输出"
             class="flex-auto"
             height="100%"

@@ -27,6 +27,7 @@
 
   const handleSaveScript = (value: SaveValueType) => {
     emit('save', value);
+
     closeModal();
   };
 </script>

@@ -2,6 +2,14 @@ import { BasicColumn, FormSchema } from '/@/components/Table';
 import { h } from 'vue';
 import { Tag } from 'ant-design-vue';
 import moment from 'moment';
+// import {
+//   ClearAlarmFieldsEnum,
+//   ClearAlarmFieldsNameEnum,
+// } from '../../designer/enum/formField/action';
+import { useComponentRegister } from '/@/components/Form';
+import { JavascriptEditorWithTestModal } from '../../designer/src/components/JavaScriptFilterModal';
+
+useComponentRegister('JavascriptEditorWithTestModal', JavascriptEditorWithTestModal);
 
 export enum StatusEnum {
   ENABLE = 1,
@@ -129,11 +137,25 @@ export const formSchema: FormSchema[] = [
       placeholder: '请输入说明',
     },
   },
+  // {
+  //   field: 'function',
+  //   label: '',
+  //   component: 'Input',
+  //   slot: 'function',
+  // },
   {
     field: 'function',
-    label: '',
-    component: 'Input',
-    slot: 'function',
+    component: 'JavascriptEditorWithTestModal',
+    label: '转换函数',
+    changeEvent: 'update:value',
+    componentProps: {
+      javaScriptEditorProps: {
+        functionName: 'Details',
+        paramsName: ['msg', 'metadata', 'msgType'],
+        scriptType: 'json',
+      },
+      buttonName: '测试转换功能',
+    },
   },
   {
     field: 'id',

@@ -111,6 +111,7 @@
     aceEditor.value.setValue(
       jsScript ?? 'return {msg: msg, metadata: metadata, msgType: msgType};'
     );
+    setFieldsValue({ function: 'return {msg: msg, metadata: metadata, msgType: msgType};' });
     beautify(aceEditor.value.session);
   };