重构: tool_registry拆分及多批改进

src/components/settings/ConnectionPanel.vue

@@ -60,7 +60,7 @@
         <input v-model="connForm.user" class="setting-input" :placeholder="$t('settings.phUser')" />
       </div>
       <div class="form-actions">
-        <button class="btn btn-primary" @click="saveConn">{{ $t('common.save') }}</button>
+        <button class="btn btn-primary" :disabled="submitting" @click="saveConn">{{ $t('common.save') }}</button>
       </div>
     </div>
   </section>
@@ -106,6 +106,9 @@ const connForm = reactive({
   user: '',
 })
 
+// 异步操作禁用态(防双击重复提交):saveConn 保存连接期间禁用按钮
+const submitting = ref(false)
+
 const CONN_STORAGE_KEY = 'df-connections'
 
 function loadConnections() {
@@ -151,22 +154,27 @@ function saveConn() {
     emit('toast', t('settings.toastConnIncomplete'), 'warning')
     return
   }
-  const record: ConnRecord = {
-    id: connForm.editId || Date.now().toString(36),
-    name: connForm.name,
-    type: connForm.type,
-    host: connForm.host,
-    port: connForm.port,
-    user: connForm.user,
+  submitting.value = true
+  try {
+    const record: ConnRecord = {
+      id: connForm.editId || Date.now().toString(36),
+      name: connForm.name,
+      type: connForm.type,
+      host: connForm.host,
+      port: connForm.port,
+      user: connForm.user,
+    }
+    if (connForm.editId) {
+      const idx = connections.value.findIndex(c => c.id === connForm.editId)
+      if (idx >= 0) connections.value[idx] = record
+    } else {
+      connections.value.push(record)
+    }
+    persistConnections()
+    connForm.visible = false
+  } finally {
+    submitting.value = false
   }
-  if (connForm.editId) {
-    const idx = connections.value.findIndex(c => c.id === connForm.editId)
-    if (idx >= 0) connections.value[idx] = record
-  } else {
-    connections.value.push(record)
-  }
-  persistConnections()
-  connForm.visible = false
 }
 
 async function removeConn(id: string) {