perf: 支持邮件模版设置

packages/ui/certd-client/src/components/plugins/common/params-show.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="params-show">
+    <div v-for="item of params" :key="item.value" class="item">
+      <span class="label">{{ item.label }}:</span>
+      <fs-copyable>{{ item.value }}</fs-copyable>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+defineOptions({
+  name: "ParamsShow",
+});
+
+const props = defineProps<{
+  params: { value: string; label: string }[];
+}>();
+</script>
+
+<style lang="less">
+.params-show {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+
+  .item {
+    width: 200px;
+    display: flex;
+    margin-bottom: 5px;
+    align-items: center;
+
+    .label {
+      width: 100px;
+    }
+
+    .fs-copyable {
+      width: 100%;
+    }
+  }
+}
+</style>

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

@@ -11,6 +11,7 @@ import AccessSelector from "/@/views/certd/access/access-selector/index.vue";
 import InputPassword from "./common/input-password.vue";
 import CertInfoUpdater from "/@/views/certd/pipeline/cert-upload/index.vue";
 import ApiTest from "./common/api-test.vue";
+import ParamsShow from "./common/params-show.vue";
 export * from "./cert/index.js";
 export default {
   install(app: any) {
@@ -29,5 +30,6 @@ export default {
     app.component("RemoteInput", RemoteInput);
     app.component("CertDomainsGetter", CertDomainsGetter);
     app.component("InputPassword", InputPassword);
+    app.component("ParamsShow", ParamsShow);
   },
 };