From 28e2c61a4a03ab96f4389662296654759f15e113 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <haozi@loli.email>
Date: Fri, 16 Jan 2026 22:25:18 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9B=E5=BB=BA=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=BA=93=E8=B4=A6=E5=8F=B7=E6=B7=BB=E5=8A=A0=E7=94=9F=E6=88=90?=
 =?UTF-8?q?=E5=AF=86=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/database/CreateDatabaseModal.vue    | 20 ++++++++++++-------
 web/src/views/database/CreateUserModal.vue    | 20 ++++++++++++-------
 2 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/web/src/views/database/CreateDatabaseModal.vue b/web/src/views/database/CreateDatabaseModal.vue
index 8d69aeca..d98f6b47 100644
--- a/web/src/views/database/CreateDatabaseModal.vue
+++ b/web/src/views/database/CreateDatabaseModal.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import database from '@/api/panel/database'
+import { generateRandomString } from '@/utils'
 import { NButton, NInput } from 'naive-ui'
 import { useGettext } from 'vue3-gettext'
 
@@ -110,13 +111,18 @@ watch(
         />
       </n-form-item>
       <n-form-item v-if="createModel.create_user" path="password" :label="$gettext('Password')">
-        <n-input
-          v-model:value="createModel.password"
-          type="password"
-          show-password-on="click"
-          @keydown.enter.prevent
-          :placeholder="$gettext('Enter password')"
-        />
+        <n-input-group>
+          <n-input
+            v-model:value="createModel.password"
+            type="password"
+            show-password-on="click"
+            @keydown.enter.prevent
+            :placeholder="$gettext('Enter password')"
+          />
+          <n-button @click="createModel.password = generateRandomString(16)">
+            {{ $gettext('Generate') }}
+          </n-button>
+        </n-input-group>
       </n-form-item>
       <n-form-item v-if="createModel.create_user" path="host-select" :label="$gettext('Host')">
         <n-select
diff --git a/web/src/views/database/CreateUserModal.vue b/web/src/views/database/CreateUserModal.vue
index b7471d3d..f6cc2397 100644
--- a/web/src/views/database/CreateUserModal.vue
+++ b/web/src/views/database/CreateUserModal.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import database from '@/api/panel/database'
+import { generateRandomString } from '@/utils'
 import { NButton, NInput } from 'naive-ui'
 import { useGettext } from 'vue3-gettext'
 
@@ -93,13 +94,18 @@ watch(
           />
         </n-form-item>
         <n-form-item path="password" :label="$gettext('Password')">
-          <n-input
-            v-model:value="createModel.password"
-            type="password"
-            show-password-on="click"
-            @keydown.enter.prevent
-            :placeholder="$gettext('Enter password')"
-          />
+          <n-input-group>
+            <n-input
+              v-model:value="createModel.password"
+              type="password"
+              show-password-on="click"
+              @keydown.enter.prevent
+              :placeholder="$gettext('Enter password')"
+            />
+            <n-button @click="createModel.password = generateRandomString(16)">
+              {{ $gettext('Generate') }}
+            </n-button>
+          </n-input-group>
         </n-form-item>
         <n-form-item path="host-select" :label="$gettext('Host (MySQL only)')">
           <n-select