✨ feat(webui): 支持修改列表项

fixes: #1086

dashboard/src/components/shared/ListConfigItem.vue

@@ -3,12 +3,36 @@
     <v-list dense style="background-color: transparent;max-height: 300px; overflow-y: auto;">
       <v-list-item v-for="(item, index) in items" :key="index">
         <v-list-item-content style="display: flex; justify-content: space-between;">
-          <v-list-item-title>
+          <v-list-item-title v-if="editIndex !== index">
             <v-chip size="small" label color="primary">{{ item }}</v-chip>
           </v-list-item-title>
-          <v-btn @click="removeItem(index)" variant="plain">
-            <v-icon>mdi-close</v-icon>
-          </v-btn>
+          <v-text-field 
+            v-else
+            v-model="editItem" 
+            dense 
+            hide-details 
+            variant="outlined" 
+            density="compact"
+            @keyup.enter="saveEdit" 
+            @keyup.esc="cancelEdit"
+            autofocus
+          ></v-text-field>
+          <div v-if="editIndex !== index">
+            <v-btn @click="startEdit(index, item)" variant="plain" class="edit-btn" icon size="small">
+              <v-icon>mdi-pencil</v-icon>
+            </v-btn>
+            <v-btn @click="removeItem(index)" variant="plain" icon size="small">
+              <v-icon>mdi-close</v-icon>
+            </v-btn>
+          </div>
+          <div v-else>
+            <v-btn @click="saveEdit" variant="plain" color="success" icon size="small">
+              <v-icon>mdi-check</v-icon>
+            </v-btn>
+            <v-btn @click="cancelEdit" variant="plain" color="error" icon size="small">
+              <v-icon>mdi-close</v-icon>
+            </v-btn>
+          </div>
         </v-list-item-content>
       </v-list-item>
     </v-list>
@@ -41,6 +65,8 @@ export default {
     return {
       newItem: '',
       items: this.value,
+      editIndex: -1,
+      editItem: '',
     };
   },
   watch: {
@@ -58,6 +84,20 @@ export default {
     removeItem(index) {
       this.items.splice(index, 1);
     },
+    startEdit(index, item) {
+      this.editIndex = index;
+      this.editItem = item;
+    },
+    saveEdit() {
+      if (this.editItem.trim() !== '') {
+        this.items[this.editIndex] = this.editItem.trim();
+        this.cancelEdit();
+      }
+    },
+    cancelEdit() {
+      this.editIndex = -1;
+      this.editItem = '';
+    },
   },
 };
 </script>
@@ -82,4 +122,8 @@ export default {
 .v-btn {
   margin-left: 8px;
 }
+
+.edit-btn {
+  margin-right: -8px;
+}
 </style>