From d8a61ae5ec919b8c357595e1c49c4f50adaa9f14 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Mon, 24 Mar 2025 17:30:29 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BC=96=E6=8E=92=E6=94=AF=E6=8C=81=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E8=87=AA=E5=AE=9A=E4=B9=89=E5=A4=87=E6=B3=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/composer/ComposerCard.vue     |  1 +
 src/components/composer/card/CommandHead.vue | 57 +++++++++++++++++---
 2 files changed, 51 insertions(+), 7 deletions(-)

diff --git a/src/components/composer/ComposerCard.vue b/src/components/composer/ComposerCard.vue
index 1d308cd..8854ab9 100644
--- a/src/components/composer/ComposerCard.vue
+++ b/src/components/composer/ComposerCard.vue
@@ -36,6 +36,7 @@
         <CommandHead
           :command="localCommand"
           @update:outputVariable="handleOutputVariableUpdate"
+          @update:summary="localCommand.userComments = $event"
           @toggle-collapse="handleToggleCollapse"
           @run="runCommand"
           @remove="$emit('remove')"
diff --git a/src/components/composer/card/CommandHead.vue b/src/components/composer/card/CommandHead.vue
index 4defdd1..cfd8489 100644
--- a/src/components/composer/card/CommandHead.vue
+++ b/src/components/composer/card/CommandHead.vue
@@ -20,15 +20,29 @@
     </div>
 
     <!-- 标题 -->
-    <div class="drag-handle command-label">
-      <div class="text-subtitle2 command-label-text">
+    <div class="command-label">
+      <div class="drag-handle text-subtitle2 command-label-text">
         {{ command.label }}
       </div>
       <div
-        class="text-caption text-grey command-summary"
-        v-if="command.summary && isCollapsed"
+        v-if="isCollapsed && !isControlFlow"
+        class="summary-container"
+        @click.stop="isEditingSummary = true"
       >
-        {{ command.summary }}
+        <div class="command-summary" v-if="!isEditingSummary">
+          {{ commandSummary || "添加描述" }}
+          <q-tooltip v-if="commandSummary"> 单击修改描述 </q-tooltip>
+        </div>
+        <q-input
+          v-else
+          borderless
+          class="summary-input"
+          :model-value="commandSummary"
+          @update:model-value="$emit('update:summary', $event)"
+          @blur="isEditingSummary = false"
+          autofocus
+          placeholder="描述"
+        />
       </div>
     </div>
 
@@ -70,13 +84,24 @@ export default {
   components: {
     CommandButtons,
   },
+  data() {
+    return {
+      isEditingSummary: false,
+    };
+  },
   props: {
     command: {
       type: Object,
       required: true,
     },
   },
-  emits: ["update:outputVariable", "run", "remove", "toggle-collapse"],
+  emits: [
+    "update:outputVariable",
+    "update:summary",
+    "run",
+    "remove",
+    "toggle-collapse",
+  ],
   computed: {
     contentClass() {
       return {
@@ -100,6 +125,9 @@ export default {
     isCollapsed() {
       return this.command.isCollapsed;
     },
+    commandSummary() {
+      return this.command.userComments || this.command.summary;
+    },
   },
 };
 </script>
@@ -142,14 +170,29 @@ export default {
 }
 
 .command-summary {
-  max-width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  color: gray;
+  font-size: 11px;
+}
+
+.summary-container {
+  cursor: text;
+  width: 200px;
 }
 
 .info-icon {
   opacity: 0.6;
   font-size: 12px;
 }
+
+.summary-input :deep(.q-field__control),
+.summary-input :deep(.q-field__native),
+.summary-input :deep(.q-field__marginal) {
+  height: 20px !important;
+  min-height: 20px;
+  font-size: 11px;
+  color: gray;
+}
 </style>