From cf854c9278a73179f88b1602fb1eb63297e7687c Mon Sep 17 00:00:00 2001
From: xiaojunnuo <xiaojunnuo@qq.com>
Date: Sun, 5 Jul 2026 01:40:08 +0800
Subject: [PATCH] chore(access-selector): add auto select first item function
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 为access-selector组件添加defaultSelect属性支持自动选中第一个匹配项
2. 补全组件的typescript语法支持，新增onMounted等依赖导入
3. 在证书申请插件中启用默认选中功能
---
 .../certd/access/access-selector/index.vue    | 39 ++++++++++++++++++-
 .../plugin-cert/plugin/cert-plugin/apply.ts   |  1 +
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/packages/ui/certd-client/src/views/certd/access/access-selector/index.vue b/packages/ui/certd-client/src/views/certd/access/access-selector/index.vue
index 48b15a6cb..c2cda5ab7 100644
--- a/packages/ui/certd-client/src/views/certd/access/access-selector/index.vue
+++ b/packages/ui/certd-client/src/views/certd/access/access-selector/index.vue
@@ -16,8 +16,8 @@
   </div>
 </template>
 
-<script>
-import { defineComponent, reactive, ref, watch, inject } from "vue";
+<script lang="ts">
+import { defineComponent, reactive, ref, watch, inject, onMounted } from "vue";
 import CertAccessModal from "./access/index.vue";
 import { createAccessApi } from "../api";
 import { message } from "ant-design-vue";
@@ -55,6 +55,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    defaultSelect: {
+      type: Boolean,
+      default: false,
+    },
   },
   emits: ["update:modelValue", "change", "selectedChange"],
   setup(props, ctx) {
@@ -158,12 +162,43 @@ export default defineComponent({
       },
     });
 
+    async function selectFirst(clearCurrent = false) {
+      if (!clearCurrent && props.modelValue) {
+        return;
+      }
+      const searchForm = projectStore.getSearchForm();
+      const query: any = {
+        query: {
+          type: props.type,
+          ...searchForm,
+        },
+        page: { page: 1, pageSize: 1 },
+        sort: { prop: "id", order: "ascending" },
+      };
+      if (props.subtype) {
+        query.query.subtype = props.subtype;
+      }
+      const res = await api.GetList(query);
+      const records = res?.records || [];
+      if (records.length > 0) {
+        await emitValue(records[0].id);
+      }
+    }
+
+    onMounted(async () => {
+      if (!props.defaultSelect) {
+        return;
+      }
+      await selectFirst();
+    });
+
     return {
       clear,
       target,
       selectedId,
       providerDefine,
       chooseForm,
+      selectFirst,
     };
   },
 });
diff --git a/packages/ui/certd-server/src/plugins/plugin-cert/plugin/cert-plugin/apply.ts b/packages/ui/certd-server/src/plugins/plugin-cert/plugin/cert-plugin/apply.ts
index 31749d8be..e48c52b71 100644
--- a/packages/ui/certd-server/src/plugins/plugin-cert/plugin/cert-plugin/apply.ts
+++ b/packages/ui/certd-server/src/plugins/plugin-cert/plugin/cert-plugin/apply.ts
@@ -375,6 +375,7 @@ export class CertApplyPlugin extends CertApplyBasePlugin {
     component: {
       name: "access-selector",
       type: "acmeAccount",
+      defaultSelect: true,
     },
     required: false,
     helper: "直接本地生成，无需外部注册\n点击选择按钮->添加->填写邮箱->生成账号即可",