chore: 1

packages/ui/certd-client/src/components/plugins/common/remote-select.vue

@@ -13,13 +13,21 @@ const emit = defineEmits<{
 }>();
 
 const optionsRef = ref([]);
+const message = ref("");
 const getOptions = async () => {
-  return await doRequest({
-    type: props.type,
-    typeName: props.typeName,
-    action: props.action,
-    input: props.form
-  });
+  return await doRequest(
+    {
+      type: props.type,
+      typeName: props.typeName,
+      action: props.action,
+      input: props.form
+    },
+    {
+      onError(err) {
+        message.value = err.message;
+      }
+    }
+  );
 };
 
 const filterOption = (input: string, option: any) => {
@@ -53,7 +61,8 @@ watch(
 </script>
 
 <template>
-  <a-select
+  <div>
+    <a-select
     class="remote-select"
     show-search
     :filter-option="filterOption"
@@ -62,6 +71,10 @@ watch(
     @click="onClick"
     @update:value="emit('update:value', $event)"
   />
+    <div class="helper">
+      {{ message }}
+    </div>
+  </div>
 </template>
 
 <style lang="less"></style>

packages/ui/certd-client/src/components/plugins/lib/index.ts

@@ -14,7 +14,7 @@ export type RequestHandleReq<T = any> = {
   input: T;
 };
 
-export async function doRequest(req: RequestHandleReq) {
+export async function doRequest(req: RequestHandleReq, opts?: any = {}) {
   const url = req.type === "access" ? "/pi/handle/access" : "/pi/handle/plugin";
   const { typeName, action, data, input } = req;
   const res = await request({
@@ -25,7 +25,8 @@ export async function doRequest(req: RequestHandleReq) {
       action,
       data,
       input
-    }
+    },
+    ...opts
   });
   return res;
 }

packages/ui/certd-client/src/components/plugins/synology/device-id-getter.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <contextHolder />
-    <a-input :value="value" :allow-clear="true" @update:value="emit('update:value', $event)">
+    <a-input v-bind="attrs" :value="value" :allow-clear="true" @update:value="emit('update:value', $event)">
       <template #suffix>
         <a-tag class="cursor-pointer" @click="getDeviceId">获取设备ID</a-tag>
       </template>