优化了一些问题

assets/admin/src/components/form/AksField.vue

@@ -25,17 +25,28 @@
     />
 
     <!-- Input (text, email, url, password) -->
-    <n-input
-      v-else-if="schema.type === 'input' || schema.type === 'text' || schema.type === 'url'"
-      :value="modelValue"
-      :placeholder="schema.placeholder || ''"
-      :type="schema.inputType || 'text'"
-      :disabled="schema.disabled"
-      @update:value="emit('update:modelValue', $event)"
-    >
-      <template v-if="schema.prefix" #prefix>{{ schema.prefix }}</template>
-      <template v-if="schema.suffix" #suffix>{{ schema.suffix }}</template>
-    </n-input>
+    <div v-else-if="schema.type === 'input' || schema.type === 'text' || schema.type === 'url'" class="aksrt-field__input-wrap">
+      <n-input
+        :value="secretDisplayValue"
+        :placeholder="schema.placeholder || ''"
+        :type="schema.inputType || 'text'"
+        :disabled="schema.disabled"
+        @update:value="emit('update:modelValue', $event)"
+      >
+        <template v-if="schema.prefix" #prefix>{{ schema.prefix }}</template>
+        <template v-if="schema.suffix" #suffix>{{ schema.suffix }}</template>
+      </n-input>
+      <n-button
+        v-if="schema.secret && (modelValue === '***' || secretMarkedForClear)"
+        size="small"
+        secondary
+        :type="secretMarkedForClear ? 'warning' : 'error'"
+        @click="toggleSecretClear"
+      >
+        {{ secretMarkedForClear ? '取消清除' : '清除已配置密钥' }}
+      </n-button>
+      <span v-if="secretMarkedForClear" class="aksrt-field__secret-clear-hint">保存后将删除此密钥</span>
+    </div>
 
     <!-- Textarea -->
     <n-input
@@ -636,6 +647,13 @@ const props = defineProps({
 
 const emit = defineEmits(['update:modelValue'])
 
+const secretMarkedForClear = computed(() => props.schema.secret && props.modelValue === '__AKSRT_CLEAR_SECRET__')
+const secretDisplayValue = computed(() => secretMarkedForClear.value ? '' : props.modelValue)
+
+function toggleSecretClear() {
+  emit('update:modelValue', secretMarkedForClear.value ? '***' : '__AKSRT_CLEAR_SECRET__')
+}
+
 const repeaterLength = computed(() => Array.isArray(props.modelValue) ? props.modelValue.length : 0)
 const reachedRepeaterMinimum = computed(() => repeaterLength.value <= Number(props.schema.min || 0))
 const reachedRepeaterMaximum = computed(() => Number(props.schema.max || 0) > 0 && repeaterLength.value >= Number(props.schema.max))
@@ -1014,6 +1032,20 @@ function confirmRepeaterModal() {
   margin-bottom: 0;
 }
 
+.aksrt-field__input-wrap {
+  display: grid;
+  gap: 8px;
+}
+
+.aksrt-field__input-wrap .n-button {
+  justify-self: start;
+}
+
+.aksrt-field__secret-clear-hint {
+  color: var(--aksrt-color-warning, #d97706);
+  font-size: 12px;
+}
+
 .aksrt-field__label-row {
   display: flex;
   align-items: center;