From 974b286bd0afb22b16fabb6f33eb32f354872dc7 Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Mon, 1 Jul 2024 15:39:32 +0800
Subject: [PATCH] =?UTF-8?q?feat(sj=5Fmap=5Freduce):=20=E5=B7=A5=E4=BD=9C?=
 =?UTF-8?q?=E6=B5=81=E6=9D=A1=E4=BB=B6=E5=88=86=E6=94=AF=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=A8=A1=E6=8B=9F=E4=B8=8A=E4=B8=8B=E6=96=87=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/dynamic-input.vue       | 116 ++++++++++++++++++
 .../workflow/modules/drawer/branch-drawer.vue |   8 +-
 .../workflow/modules/nodes/branch-node.vue    |   2 +-
 src/service/api/workflow.ts                   |   6 +-
 src/typings/workflow.d.ts                     |   2 +
 src/utils/common.ts                           |  19 +++
 6 files changed, 150 insertions(+), 3 deletions(-)
 create mode 100644 src/components/common/dynamic-input.vue

diff --git a/src/components/common/dynamic-input.vue b/src/components/common/dynamic-input.vue
new file mode 100644
index 0000000..6ad3cde
--- /dev/null
+++ b/src/components/common/dynamic-input.vue
@@ -0,0 +1,116 @@
+<script setup lang="ts">
+const content = defineModel<{ key: string; value: string | number | boolean; type: string }[]>('value', {
+  required: true,
+  default: () => []
+});
+
+const path = defineModel<string>('path', {
+  required: true
+});
+
+const onCreate = () => {
+  return {
+    key: '',
+    value: '',
+    type: 'string'
+  };
+};
+
+const dynamicInputRule = [
+  {
+    trigger: ['input', 'blur'],
+    validator(_: unknown, value: string) {
+      if (!value) return new Error('不能为空');
+      return true;
+    }
+  }
+];
+
+const typeOptions = [
+  {
+    label: 'string',
+    value: 'string'
+  },
+  {
+    label: 'number',
+    value: 'number'
+  },
+  {
+    label: 'boolean',
+    value: 'boolean'
+  }
+];
+
+const boolenOptions = [
+  {
+    label: 'true',
+    value: 0
+  },
+  {
+    label: 'false',
+    value: 1
+  }
+];
+</script>
+
+<template>
+  <NDynamicInput v-model:value="content" item-style="margin-bottom: 0;" :on-create="onCreate" #="{ index }">
+    <div class="flex">
+      <NFormItem
+        ignore-path-change
+        :show-label="false"
+        :show-feedback="false"
+        :rule="dynamicInputRule"
+        :path="`${path}[${index}].key`"
+      >
+        <NInput v-model:value="content[index].key" placeholder="key" @keydown.enter.prevent />
+      </NFormItem>
+      <div class="mx-8px h-34px lh-34px">=</div>
+      <NFormItem
+        ignore-path-change
+        :show-label="false"
+        :show-feedback="false"
+        :rule="dynamicInputRule"
+        :path="`${path}[${index}].value`"
+      >
+        <NInput
+          v-if="content[index].type === 'string'"
+          v-model:value="content[index].value as string"
+          placeholder="value"
+          @keydown.enter.prevent
+        />
+        <NInputNumber
+          v-if="content[index].type === 'number'"
+          v-model:value="content[index].value as number"
+          placeholder="value"
+          @keydown.enter.prevent
+        />
+        <NSelect
+          v-if="content[index].type === 'boolen'"
+          v-model:value="content[index].value as number"
+          :options="boolenOptions"
+          placeholder="value"
+          @keydown.enter.prevent
+        />
+      </NFormItem>
+      <div class="mx-3px h-34px lh-34px">(</div>
+      <NFormItem
+        class="w-170px"
+        ignore-path-change
+        :show-label="false"
+        :show-feedback="false"
+        :path="`${path}[${index}].type`"
+      >
+        <NSelect
+          v-model:value="content[index].type"
+          :options="typeOptions"
+          placeholder="字段类型"
+          @keydown.enter.prevent
+        />
+      </NFormItem>
+      <div class="ml-3px h-34px lh-34px">)</div>
+    </div>
+  </NDynamicInput>
+</template>
+
+<style scoped></style>
diff --git a/src/components/workflow/modules/drawer/branch-drawer.vue b/src/components/workflow/modules/drawer/branch-drawer.vue
index b1790fe..8d04ac8 100644
--- a/src/components/workflow/modules/drawer/branch-drawer.vue
+++ b/src/components/workflow/modules/drawer/branch-drawer.vue
@@ -35,7 +35,8 @@ const drawer = ref<boolean>(false);
 const form = ref<Workflow.ConditionNodeType>({
   decision: {
     logicalCondition: 1,
-    expressionType: 1
+    expressionType: 1,
+    checkContent: []
   }
 });
 
@@ -93,6 +94,8 @@ const checkNodeExpression = async () => {
     if (data.key !== 1) {
       return Promise.reject(data.value ?? '请检查条件表达式');
     }
+  } else {
+    return Promise.reject(new Error('接口请求失败'));
   }
   return Promise.resolve();
 };
@@ -153,6 +156,9 @@ const rules: FormRules = {
             :extensions="[oneDark]"
           />
         </NFormItem>
+        <NFormItem path="decision.checkContent" label="模拟上下文">
+          <DynamicInput v-model:value="form.decision!.checkContent!" path="decision.checkContent" />
+        </NFormItem>
       </NForm>
 
       <template #footer>
diff --git a/src/components/workflow/modules/nodes/branch-node.vue b/src/components/workflow/modules/nodes/branch-node.vue
index aa4b09a..fde7f4f 100644
--- a/src/components/workflow/modules/nodes/branch-node.vue
+++ b/src/components/workflow/modules/nodes/branch-node.vue
@@ -44,7 +44,7 @@ watch(
 const addTerm = () => {
   const len = nodeConfig.value.conditionNodes!.length;
   nodeConfig.value.conditionNodes!.splice(-1, 0, {
-    nodeName: `${$t('workflow.node.condition.nodeName')} ${len}`,
+    nodeName: `${$t('workflow.node.condition.conditionNodes.nodeName')} ${len}`,
     priorityLevel: len,
     decision: {
       expressionType: 1,
diff --git a/src/service/api/workflow.ts b/src/service/api/workflow.ts
index ae169cc..784e130 100644
--- a/src/service/api/workflow.ts
+++ b/src/service/api/workflow.ts
@@ -1,3 +1,4 @@
+import { parseContent } from '@/utils/common';
 import { request } from '../request';
 
 /** get workflow page list */
@@ -67,7 +68,10 @@ export function fetchCheckNodeExpression(expression: Workflow.BrachNodeType) {
   return request<{ key: number; value: string }>({
     url: '/workflow/check-node-expression',
     method: 'post',
-    data: expression
+    data: {
+      ...expression,
+      checkContent: JSON.stringify(parseContent(expression.checkContent))
+    }
   });
 }
 
diff --git a/src/typings/workflow.d.ts b/src/typings/workflow.d.ts
index eb80557..a3488a6 100644
--- a/src/typings/workflow.d.ts
+++ b/src/typings/workflow.d.ts
@@ -85,6 +85,8 @@ declare namespace Workflow {
   type BrachNodeType = {
     /** 条件节点表达式 */
     nodeExpression?: string;
+    /** 模拟上下文 */
+    checkContent?: { key: string; value: string | number | boolean; type: string }[];
     /** 表达式类型 */
     expressionType?: Api.Common.Expression;
     /** 判定逻辑 */
diff --git a/src/utils/common.ts b/src/utils/common.ts
index a275407..c499d63 100644
--- a/src/utils/common.ts
+++ b/src/utils/common.ts
@@ -160,3 +160,22 @@ export function parseArgsJson(value: string) {
 
   return argsJson;
 }
+
+export function parseContent(value?: { key: string; value: string | number | boolean; type: string }[]) {
+  if (!value) return undefined;
+  return value.reduce<{ [key: string]: string | number | boolean }>((obj, item) => {
+    if (item.type === 'string') {
+      obj[item.key] = String(item.value);
+    }
+
+    if (item.type === 'boolean') {
+      obj[item.key] = item.value === 0;
+    }
+
+    if (item.type === 'number') {
+      obj[item.key] = Number(item.value);
+    }
+
+    return obj;
+  }, {});
+}