chore: registry注册到全局里面

packages/ui/certd-server/src/plugins/plugin-demo/plugins/plugin-test.ts

@@ -1,6 +1,7 @@
 import { AbstractTaskPlugin, IsTaskPlugin, pluginGroups, RunStrategy, TaskInput } from '@certd/pipeline';
 import { CertInfo, CertReader } from '@certd/plugin-cert';
-import { isDev } from '@certd/basic';
+import { createCertDomainGetterInputDefine, createRemoteSelectInputDefine } from '@certd/plugin-plus';
+import { optionsUtils } from '@certd/basic/dist/utils/util.options.js';
 
 @IsTaskPlugin({
   name: 'demoTest',
@@ -13,8 +14,6 @@ import { isDev } from '@certd/basic';
       runStrategy: RunStrategy.SkipWhenSucceed,
     },
   },
-  // 你开发的插件要删除此项，否则不会在生产环墋中显示
-  deprecated: isDev() ? '测试插件,生产环境不显示' : undefined,
 })
 export class DemoTestPlugin extends AbstractTaskPlugin {
   //测试参数
@@ -65,6 +64,10 @@ export class DemoTestPlugin extends AbstractTaskPlugin {
   })
   cert!: CertInfo;
 
+  @TaskInput(createCertDomainGetterInputDefine({ props: { required: false } }))
+  //前端可以展示，当前申请的证书域名列表
+  certDomains!: string[];
+
   //授权选择框
   @TaskInput({
     title: 'demo授权',
@@ -78,7 +81,23 @@ export class DemoTestPlugin extends AbstractTaskPlugin {
   })
   accessId!: string;
 
+  @TaskInput(
+    createRemoteSelectInputDefine({
+      title: '从后端获取选项',
+      helper: '选择时可以从后端获取选项',
+      typeName: 'demoTest',
+      action: DemoTestPlugin.prototype.onGetSiteList.name,
+      //当以下参数变化时，触发获取选项
+      watches: ['certDomains', 'accessId'],
+      required: true,
+    })
+  )
+  siteName!: string | string[];
+
+  //插件实例化时执行的方法
   async onInstance() {}
+
+  //插件执行方法
   async execute(): Promise<void> {
     const { select, text, cert, accessId } = this;
 
@@ -102,6 +121,40 @@ export class DemoTestPlugin extends AbstractTaskPlugin {
     this.logger.info('switch:', this.switch);
     this.logger.info('授权id:', accessId);
   }
+
+  //此方法演示，如何让前端在添加插件时可以从后端获取选项，这里是后端返回选项的方法
+  async onGetSiteList() {
+    if (!this.accessId) {
+      throw new Error('请选择Access授权');
+    }
+
+    // @ts-ignore
+    const access = await this.accessService.getById(this.accessId);
+
+    // const siteRes = await this.ctx.http.request({
+    //   url: '你的服务端获取选项的请求地址',
+    //   method: 'GET',
+    //   data: {
+    //    token:access.xxxx
+    //   }, //请求参数
+    // });
+    //以下是模拟数据
+    const siteRes = [
+      { id: 1, siteName: 'site1.com' },
+      { id: 2, siteName: 'site2.com' },
+      { id: 3, siteName: 'site2.com' },
+    ];
+    //转换为前端所需要的格式
+    const options = siteRes.map((item: any) => {
+      return {
+        value: item.siteName,
+        label: item.siteName,
+        domain: item.siteName,
+      };
+    });
+    //将站点域名名称根据证书域名进行匹配分组，分成匹配的和不匹配的两组选项，返回给前端，供用户选择
+    return optionsUtils.buildGroupOptions(options, this.certDomains);
+  }
 }
 //实例化一下，注册插件
 new DemoTestPlugin();