Merge branch 'fix/DEFECT-1660' into 'main_dev'

fix: DEFECT-1660 修复规则链点击测试时需要调用后端接口

See merge request yunteng/thingskit-front!971

@@ -22,11 +22,13 @@
       value?: string;
       value?: string;
       disabled?: boolean;
       disabled?: boolean;
       validateStatus?: boolean;
       validateStatus?: boolean;
+      scriptType?: string;
     }>(),
     }>(),
     {
     {
       functionName: 'method',
       functionName: 'method',
       paramsName: () => [],
       paramsName: () => [],
       height: 200,
       height: 200,
+      scriptType: 'filter',
       value: '',
       value: '',
     }
     }
   );
   );

@@ -13,6 +13,7 @@ export const formSchemas: FormSchema[] = [
       javaScriptEditorProps: {
       javaScriptEditorProps: {
         functionName: 'Details',
         functionName: 'Details',
         paramsName: ['msg', 'metadata', 'msgType'],
         paramsName: ['msg', 'metadata', 'msgType'],
+        scriptType: 'json',
       },
       },
       buttonName: 'Test details function',
       buttonName: 'Test details function',
     },
     },

@@ -36,6 +36,7 @@ export const formSchemas: FormSchema[] = [
     componentProps: {
     componentProps: {
       javaScriptEditorProps: {
       javaScriptEditorProps: {
         functionName: 'Details',
         functionName: 'Details',
+        scriptType: 'json',
         paramsName: ['msg', 'metadata', 'msgType'],
         paramsName: ['msg', 'metadata', 'msgType'],
       },
       },
       buttonName: 'Test details function',
       buttonName: 'Test details function',

@@ -60,6 +60,7 @@ export const formSchemas: FormSchema[] = [
     componentProps: {
     componentProps: {
       javaScriptEditorProps: {
       javaScriptEditorProps: {
         functionName: 'Generate',
         functionName: 'Generate',
+        scriptType: 'generate',
         paramsName: ['prevMsg', 'prevMetadata', 'prevMsgType'],
         paramsName: ['prevMsg', 'prevMetadata', 'prevMsgType'],
       },
       },
       buttonName: 'Test generator function',
       buttonName: 'Test generator function',

@@ -14,6 +14,7 @@ export const formSchemas: FormSchema[] = [
     componentProps: {
     componentProps: {
       javaScriptEditorProps: {
       javaScriptEditorProps: {
         functionName: 'ToString',
         functionName: 'ToString',
+        scriptType: 'string',
         paramsName: ['msg', 'metadata', 'msgType'],
         paramsName: ['msg', 'metadata', 'msgType'],
       },
       },
       buttonName: 'Test to string function',
       buttonName: 'Test to string function',

@@ -16,6 +16,7 @@ export const formSchemas: FormSchema[] = [
       javaScriptEditorProps: {
       javaScriptEditorProps: {
         height: 230,
         height: 230,
         functionName: 'Switch',
         functionName: 'Switch',
+        scriptType: 'switch',
         paramsName: ['msg', 'metadata', 'mstType'],
         paramsName: ['msg', 'metadata', 'mstType'],
       },
       },
     },
     },

@@ -15,6 +15,7 @@ export const formSchemas: FormSchema[] = [
       javaScriptEditorProps: {
       javaScriptEditorProps: {
         functionName: 'Transform',
         functionName: 'Transform',
         paramsName: ['msg', 'metadata', 'msgType'],
         paramsName: ['msg', 'metadata', 'msgType'],
+        scriptType: 'update',
       },
       },
       buttonName: 'Test transformer function',
       buttonName: 'Test transformer function',
     },
     },

@@ -8,6 +8,8 @@
   import { useJsonParse } from '/@/hooks/business/useJsonParse';
   import { useJsonParse } from '/@/hooks/business/useJsonParse';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { AttributeConfiguration } from '../AttributeConfiguration';
   import { AttributeConfiguration } from '../AttributeConfiguration';
+  import { testScript } from '/@/api/ruleChainDesigner';
+  import { isString } from '/@/utils/is';
 
 
   interface Value {
   interface Value {
     msg: Recordable;
     msg: Recordable;
@@ -24,6 +26,7 @@
     {
     {
       javaScriptEditorProps: () => ({
       javaScriptEditorProps: () => ({
         functionName: 'Filter',
         functionName: 'Filter',
+        scriptType: 'filter',
         paramsName: ['msg', 'metadata', 'msgType'],
         paramsName: ['msg', 'metadata', 'msgType'],
       }),
       }),
     }
     }
@@ -74,18 +77,34 @@
     const msgType = unref(messageType);
     const msgType = unref(messageType);
     const javascriptFunction = unref(scriptContent);
     const javascriptFunction = unref(scriptContent);
 
 
-    return { msg, msgType, metadata: toRaw(unref(metadata)), javascriptFunction };
+    return {
+      msg,
+      msgType,
+      metadata: toRaw(unref(metadata)),
+      javascriptFunction,
+    };
   };
   };
 
 
-  function executeTestScript() {
+  async function executeTestScript() {
     try {
     try {
       const { javaScriptEditorProps } = props;
       const { javaScriptEditorProps } = props;
-      const { paramsName } = javaScriptEditorProps;
-      const fn = new Function(...(paramsName || [])!, unref(scriptContent));
-      const value = getValue();
-      const executeParams = paramsName!.map((key) => value[key]);
+      const { paramsName, scriptType } = javaScriptEditorProps;
+      const { msg, msgType, metadata } = getValue();
+
+      const { output, error } = await testScript({
+        argNames: paramsName,
+        scriptType,
+        script: unref(scriptContent),
+        msg: isString(msg) ? msg : JSON.stringify(msg),
+        metadata,
+        msgType,
+      });
+
+      if (error) {
+        createMessage.error(error);
+      }
 
 
-      return fn(...executeParams);
+      return output;
     } catch (error) {
     } catch (error) {
       return error;
       return error;
     }
     }
@@ -96,7 +115,7 @@
 
 
     flag && emit('test', getValue());
     flag && emit('test', getValue());
 
 
-    const result = executeTestScript();
+    const result = await executeTestScript();
 
 
     outputContent.value = result;
     outputContent.value = result;
   };
   };

@@ -11,11 +11,13 @@
       value?: string;
       value?: string;
       buttonName?: string;
       buttonName?: string;
       javaScriptEditorProps?: InstanceType<typeof JavaScriptFunctionEditor>['$props'];
       javaScriptEditorProps?: InstanceType<typeof JavaScriptFunctionEditor>['$props'];
+      scriptType?: string;
     }>(),
     }>(),
     {
     {
       buttonName: 'Test Filter Function',
       buttonName: 'Test Filter Function',
       javaScriptEditorProps: () => ({
       javaScriptEditorProps: () => ({
         functionName: 'Filter',
         functionName: 'Filter',
+        scriptType: 'filter',
         paramsName: ['msg', 'metadata', 'msgType'],
         paramsName: ['msg', 'metadata', 'msgType'],
       }),
       }),
     }
     }