From ae8edfd710bd6cbc685f9b215dca098a5b05e080 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Wed, 29 Jan 2025 15:34:20 +0800
Subject: [PATCH] =?UTF-8?q?multiparam=E5=8F=82=E6=95=B0=E5=90=8D=E7=A7=B0?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/composer/ComposerFlow.vue |  2 +-
 src/components/composer/MultiParams.vue  | 48 ++++++++++++------------
 src/js/composer/composerConfig.js        | 31 +++++++--------
 3 files changed, 38 insertions(+), 43 deletions(-)

diff --git a/src/components/composer/ComposerFlow.vue b/src/components/composer/ComposerFlow.vue
index cddeea0..8ab3f0c 100644
--- a/src/components/composer/ComposerFlow.vue
+++ b/src/components/composer/ComposerFlow.vue
@@ -57,7 +57,7 @@
 </template>
 
 <script>
-import { defineComponent, inject } from "vue";
+import { defineComponent } from "vue";
 import draggable from "vuedraggable";
 import ComposerCard from "./ComposerCard.vue";
 import ChainStyles from "./flow/ChainStyles.vue";
diff --git a/src/components/composer/MultiParams.vue b/src/components/composer/MultiParams.vue
index 2730a41..74b7982 100644
--- a/src/components/composer/MultiParams.vue
+++ b/src/components/composer/MultiParams.vue
@@ -2,8 +2,8 @@
   <div class="multi-params">
     <OperationCard
       v-if="hasSubCommands"
-      :model-value="funcName"
-      @update:model-value="updateFuncName($event)"
+      :model-value="subCommand"
+      @update:model-value="updateSubCommand($event)"
       :options="localCommand.subCommands"
     />
     <ParamInput :configs="localConfig" :values="argvs" @update="updateArgv" />
@@ -63,8 +63,8 @@ export default defineComponent({
     defaultArgvs() {
       return this.localConfig.map((item) => item.value);
     },
-    funcName() {
-      return this.modelValue.value;
+    subCommand() {
+      return this.modelValue.subCommand || this.modelValue.value;
     },
     argvs() {
       return (
@@ -76,18 +76,18 @@ export default defineComponent({
     },
   },
   methods: {
-    getSelectSubCommand(funcName = this.funcName) {
+    getSelectSubCommand(subCommand = this.subCommand) {
       return this.modelValue.subCommands?.find(
-        (item) => item.value === funcName
+        (item) => item.value === subCommand
       );
     },
     updateArgv(index, value) {
       const newArgvs = [...this.argvs];
       newArgvs[index] = value;
 
-      this.updateModelValue(this.funcName, newArgvs);
+      this.updateModelValue(this.subCommand, newArgvs);
     },
-    updateFuncName(value) {
+    updateSubCommand(value) {
       // 构建新的参数数组
       const newArgvs = [];
 
@@ -103,7 +103,7 @@ export default defineComponent({
 
       this.updateModelValue(value, newArgvs, true);
     },
-    generateCode(funcName, argvs) {
+    generateCode(subCommand, argvs) {
       if (this.localCommand.isExpression) {
         return argvs.join("");
       }
@@ -120,13 +120,13 @@ export default defineComponent({
        * 5. 如果不想传递对应参数，将varInput切为变量模式并留空
        * 6. 如果想传递空参数，将varInput切为变量模式并设置为null或undefined
 
-       * [undefined, undefined] -> funcName()
+       * [undefined, undefined] -> subCommand()
        * [undefined, 1] -> ''
-       * [1, undefined] -> funcName(1)
-       * [null, 1] -> funcName(null, 1)
-       * [1, 字符串模式下varInput留空] -> funcName(1, "")
-       * [1, 变量模式下varInput留空] -> funcName(1)
-       * [1, 变量模式下varInput设置为null] -> funcName(1, null)
+       * [1, undefined] -> subCommand(1)
+       * [null, 1] -> subCommand(null, 1)
+       * [1, 字符串模式下varInput留空] -> subCommand(1, "")
+       * [1, 变量模式下varInput留空] -> subCommand(1)
+       * [1, 变量模式下varInput设置为null] -> subCommand(1, null)
        */
       // 空参数后面跟着非空参数，不生成代码
       const isEmpty = (v) => v === undefined || v === "" || v === null;
@@ -139,7 +139,7 @@ export default defineComponent({
       // 过滤空参数，由于前面已经对处于非空参数中间的空参数做了处理，这里直接过滤空参数不会对参数顺序造成影响
       const finalArgvs = stringifiedArgvs.filter((v) => !isEmpty(v));
 
-      return `${funcName}(${finalArgvs.join(",")})`;
+      return `${subCommand}(${finalArgvs.join(",")})`;
     },
     parseCodeToArgvs(code) {
       let argvs = window.lodashM.cloneDeep(this.defaultArgvs);
@@ -199,10 +199,10 @@ export default defineComponent({
       });
       return flatArgvs;
     },
-    getSummary(funcName, argvs) {
+    getSummary(subCommand, argvs) {
       // 虽然header里对溢出做了处理，但是这里截断主要是为了节省存储空间
-      const funcNameLabel = this.getSelectSubCommand(funcName)?.label;
-      const subFeature = funcNameLabel ? `${funcNameLabel} ` : "";
+      const subCommandLabel = this.getSelectSubCommand(subCommand)?.label;
+      const subFeature = subCommandLabel ? `${subCommandLabel} ` : "";
       const allArgvs = this.getAllInputValues(argvs).map((item) =>
         window.lodashM.truncate(item, {
           length: 30,
@@ -211,13 +211,13 @@ export default defineComponent({
       );
       return `${subFeature}${allArgvs.join(",")}`;
     },
-    updateModelValue(funcName, argvs, resetOutputVariable = false) {
+    updateModelValue(subCommand, argvs, resetOutputVariable = false) {
       const newModelValue = {
         ...this.modelValue,
-        value: funcName,
+        subCommand,
         argvs,
-        summary: this.getSummary(funcName, argvs),
-        code: this.generateCode(funcName, argvs),
+        summary: this.getSummary(subCommand, argvs),
+        code: this.generateCode(subCommand, argvs),
       };
       if (resetOutputVariable) {
         delete newModelValue.outputVariable;
@@ -234,7 +234,7 @@ export default defineComponent({
   mounted() {
     const argvs = this.modelValue.argvs || this.defaultArgvs;
     if (!this.modelValue.code && Array.isArray(argvs)) {
-      this.updateModelValue(this.funcName, argvs);
+      this.updateModelValue(this.subCommand, argvs);
     }
   },
 });
diff --git a/src/js/composer/composerConfig.js b/src/js/composer/composerConfig.js
index 1c45dc3..3977b0a 100644
--- a/src/js/composer/composerConfig.js
+++ b/src/js/composer/composerConfig.js
@@ -1,26 +1,21 @@
-export {
-  ubrowserOperationConfigs,
-  defaultUBrowserConfigs,
-} from "./ubrowserConfig";
+import { commandCategories } from "./commands";
 
-import { commandCategories as categories } from "./commands";
+let availableCommands = [];
+let commandValueMap = {};
 
 // 从commandCategories中提取所有命令
-export const availableCommands = categories.reduce((commands, category) => {
-  return commands.concat(
-    category.commands.map((cmd) => ({
+commandCategories.forEach((category) => {
+  category.commands.forEach((cmd) => {
+    availableCommands.push({
       type: category.label,
       ...cmd,
-    }))
-  );
-}, []);
+    });
+    commandValueMap[cmd.value] = cmd;
+  });
+});
 
-export const findCommandByValue = (value) => {
-  return availableCommands.find(
-    (cmd) =>
-      cmd.value === value ||
-      cmd.subCommands?.find((subCmd) => subCmd.value === value)
-  );
+const findCommandByValue = (value) => {
+  return commandValueMap[value];
 };
 
-export const commandCategories = categories;
+export { availableCommands, commandCategories, findCommandByValue };