From 7d1f0d4524969b244210c967837866c7b01c50a6 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Tue, 13 Aug 2024 20:32:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=A2=E6=88=B7=E7=AB=AF=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=20=E9=9A=8F=E6=9C=BAsecret?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/uuid.ts                       | 28 +++++++++++++++++
 src/views/system/client/SecretInput.vue | 41 +++++++++++++++++++++++++
 src/views/system/client/index.vue       |  3 +-
 3 files changed, 71 insertions(+), 1 deletion(-)
 create mode 100644 src/utils/uuid.ts
 create mode 100644 src/views/system/client/SecretInput.vue

diff --git a/src/utils/uuid.ts b/src/utils/uuid.ts
new file mode 100644
index 00000000..548bcf39
--- /dev/null
+++ b/src/utils/uuid.ts
@@ -0,0 +1,28 @@
+const hexList: string[] = [];
+for (let i = 0; i <= 15; i++) {
+  hexList[i] = i.toString(16);
+}
+
+export function buildUUID(): string {
+  let uuid = '';
+  for (let i = 1; i <= 36; i++) {
+    if (i === 9 || i === 14 || i === 19 || i === 24) {
+      uuid += '-';
+    } else if (i === 15) {
+      uuid += 4;
+    } else if (i === 20) {
+      uuid += hexList[(Math.random() * 4) | 8];
+    } else {
+      uuid += hexList[(Math.random() * 16) | 0];
+    }
+  }
+  return uuid.replace(/-/g, '');
+}
+
+let unique = 0;
+export function buildShortUUID(prefix = ''): string {
+  const time = Date.now();
+  const random = Math.floor(Math.random() * 1000000000);
+  unique++;
+  return prefix + '_' + random + unique + String(time);
+}
diff --git a/src/views/system/client/SecretInput.vue b/src/views/system/client/SecretInput.vue
new file mode 100644
index 00000000..8714a01b
--- /dev/null
+++ b/src/views/system/client/SecretInput.vue
@@ -0,0 +1,41 @@
+<template>
+  <el-input v-model="secret" :disabled="disabled" placeholder="请输入密钥或随机生成">
+    <template v-if="!disabled" #append>
+      <el-button id="refresh-secret" type="primary" @click="refreshSecret">随机生成</el-button>
+    </template>
+  </el-input>
+</template>
+
+<script setup lang="ts">
+import { buildUUID } from '@/utils/uuid';
+
+const secret = defineModel('secret', {
+  type: String,
+  required: true
+});
+
+defineProps({
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+});
+
+function refreshSecret() {
+  secret.value = buildUUID();
+}
+
+/**
+ * 万一要在每次新增时打开Drawer刷新
+ * 需要调用实例方法
+ */
+defineExpose({ refreshSecret });
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-input-group__append button.el-button) {
+  background-color: var(--el-button-bg-color);
+  border-color: var(--el-button-bg-color);
+  color: initial;
+}
+</style>
diff --git a/src/views/system/client/index.vue b/src/views/system/client/index.vue
index c05dcdcf..3a235597 100644
--- a/src/views/system/client/index.vue
+++ b/src/views/system/client/index.vue
@@ -89,7 +89,7 @@
           <el-input v-model="form.clientKey" :disabled="form.id != null" placeholder="请输入客户端key" />
         </el-form-item>
         <el-form-item label="客户端秘钥" prop="clientSecret">
-          <el-input v-model="form.clientSecret" :disabled="form.id != null" placeholder="请输入客户端秘钥" />
+          <SecretInput v-model:secret="form.clientSecret" :disabled="form.id != null" />
         </el-form-item>
         <el-form-item label="授权类型" prop="grantTypeList">
           <el-select v-model="form.grantTypeList" multiple placeholder="请输入授权类型">
@@ -144,6 +144,7 @@
 <script setup name="Client" lang="ts">
 import { listClient, getClient, delClient, addClient, updateClient, changeStatus } from '@/api/system/client';
 import { ClientVO, ClientQuery, ClientForm } from '@/api/system/client/types';
+import SecretInput from './SecretInput.vue';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { sys_normal_disable } = toRefs<any>(proxy?.useDict('sys_normal_disable'));
-- 
Gitee