From 1cfee256951715d10a63d8abbe053559a30f076f Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 27 May 2025 21:23:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=A4=9A=E4=B8=AA=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=E8=BE=93=E5=85=A5=E6=A1=86=EF=BC=8C=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=9B=BE=E6=A0=87=E4=BB=A5=E6=8F=90=E5=8D=87=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E4=BD=93=E9=AA=8C=EF=BC=8C=E7=A1=AE=E4=BF=9D=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA=E4=BF=A1=E6=81=AF=E7=9A=84=E4=B8=80=E8=87=B4=E6=80=A7?=
 =?UTF-8?q?=E5=92=8C=E5=8F=AF=E8=AF=BB=E6=80=A7=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cards/NotificationChannelCard.vue         |  1 -
 src/components/cards/PluginFolderCard.vue     |  6 +++-
 src/components/dialog/UserAddEditDialog.vue   | 32 +++++++++++++++----
 src/components/filebrowser/FileList.vue       | 15 +++++++--
 src/components/filebrowser/FileToolbar.vue    | 11 +++++--
 src/views/user/UserProfileView.vue            | 19 ++++++++++-
 6 files changed, 71 insertions(+), 13 deletions(-)

diff --git a/src/components/cards/NotificationChannelCard.vue b/src/components/cards/NotificationChannelCard.vue
index cf11636c..5b702302 100644
--- a/src/components/cards/NotificationChannelCard.vue
+++ b/src/components/cards/NotificationChannelCard.vue
@@ -454,7 +454,6 @@ function onClose() {
                   :label="t('notification.name')"
                   :hint="t('notification.nameRequired')"
                   persistent-hint
-                  active
                   prepend-inner-icon="mdi-label"
                 />
               </VCol>
diff --git a/src/components/cards/PluginFolderCard.vue b/src/components/cards/PluginFolderCard.vue
index ecfc85f9..f2e64951 100644
--- a/src/components/cards/PluginFolderCard.vue
+++ b/src/components/cards/PluginFolderCard.vue
@@ -352,10 +352,13 @@ const dropdownItems = ref([
     <!-- 重命名对话框 -->
     <VDialog v-if="renameDialog" v-model="renameDialog" max-width="400">
       <VCard>
-        <VDialogCloseBtn @click="renameDialog = false" />
         <VCardItem>
+          <template #prepend>
+            <VIcon icon="mdi-pencil" class="me-2" />
+          </template>
           <VCardTitle>{{ t('folder.renameFolder') }}</VCardTitle>
         </VCardItem>
+        <VDialogCloseBtn @click="renameDialog = false" />
         <VDivider />
         <VCardText>
           <VTextField
@@ -467,6 +470,7 @@ const dropdownItems = ref([
                 variant="outlined"
                 :hint="t('folder.customBackgroundImageHint')"
                 persistent-hint
+                prepend-inner-icon="mdi-image"
               />
             </VCol>
           </VRow>
diff --git a/src/components/dialog/UserAddEditDialog.vue b/src/components/dialog/UserAddEditDialog.vue
index bd056a82..992fb8b7 100644
--- a/src/components/dialog/UserAddEditDialog.vue
+++ b/src/components/dialog/UserAddEditDialog.vue
@@ -291,11 +291,14 @@ onMounted(() => {
 
 <template>
   <VDialog scrollable max-width="40rem" :fullscreen="!display.mdAndUp.value">
-    <VCard
-      :title="`${props.oper === 'add' ? t('dialog.userAddEdit.add') : t('dialog.userAddEdit.edit')}${
-        props.oper !== 'add' ? ` - ${userName}` : ''
-      }`"
-    >
+    <VCard>
+      <VCardItem :class="props.oper === 'add' ? 'py-3' : 'py-2'">
+        <template #prepend>
+          <VIcon icon="mdi-account" class="me-2" />
+        </template>
+        <VCardTitle>{{ props.oper === 'add' ? t('dialog.userAddEdit.add') : t('dialog.userAddEdit.edit') }}</VCardTitle>
+        <VCardSubtitle>{{ userName }}</VCardSubtitle>
+      </VCardItem>
       <VDialogCloseBtn @click="emit('close')" />
       <VDivider />
       <VCardItem>
@@ -350,6 +353,7 @@ onMounted(() => {
                 density="comfortable"
                 :readonly="props.oper !== 'add'"
                 :label="t('dialog.userAddEdit.username')"
+                prepend-inner-icon="mdi-account"
               />
             </VCol>
             <VCol cols="12" md="6">
@@ -359,6 +363,7 @@ onMounted(() => {
                 clearable
                 :label="t('dialog.userAddEdit.email')"
                 type="email"
+                prepend-inner-icon="mdi-email"
               />
             </VCol>
             <VCol cols="12" md="6">
@@ -370,6 +375,7 @@ onMounted(() => {
                 clearable
                 :label="t('dialog.userAddEdit.password')"
                 autocomplete=""
+                prepend-inner-icon="mdi-lock"
                 @click:append-inner="isNewPasswordVisible = !isNewPasswordVisible"
               />
             </VCol>
@@ -382,6 +388,7 @@ onMounted(() => {
                 :append-inner-icon="isConfirmPasswordVisible ? 'mdi-eye-off-outline' : 'mdi-eye-outline'"
                 clearable
                 :label="t('dialog.userAddEdit.confirmPassword')"
+                prepend-inner-icon="mdi-lock-check"
                 @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
               />
             </VCol>
@@ -392,6 +399,7 @@ onMounted(() => {
                 clearable
                 :label="t('dialog.userAddEdit.nickname')"
                 placeholder="显示昵称，优先于用户名显示"
+                prepend-inner-icon="mdi-card-account-details"
               />
             </VCol>
             <VCol cols="12" md="6" v-if="canControl">
@@ -402,6 +410,7 @@ onMounted(() => {
                 item-value="value"
                 :label="t('dialog.userAddEdit.status')"
                 dense
+                prepend-inner-icon="mdi-toggle-switch"
               />
             </VCol>
           </VRow>
@@ -415,6 +424,7 @@ onMounted(() => {
                 density="comfortable"
                 clearable
                 :label="t('dialog.userAddEdit.wechat')"
+                prepend-inner-icon="mdi-wechat"
               />
             </VCol>
             <VCol cols="12" md="6">
@@ -423,6 +433,7 @@ onMounted(() => {
                 density="comfortable"
                 clearable
                 :label="t('dialog.userAddEdit.telegram')"
+                prepend-inner-icon="mdi-send"
               />
             </VCol>
             <VCol cols="12" md="6">
@@ -431,6 +442,7 @@ onMounted(() => {
                 density="comfortable"
                 clearable
                 :label="t('dialog.userAddEdit.slack')"
+                prepend-inner-icon="mdi-slack"
               />
             </VCol>
             <VCol cols="12" md="6">
@@ -439,6 +451,7 @@ onMounted(() => {
                 density="comfortable"
                 clearable
                 :label="t('dialog.userAddEdit.vocechat')"
+                prepend-inner-icon="mdi-chat"
               />
             </VCol>
             <VCol cols="12" md="6">
@@ -447,10 +460,17 @@ onMounted(() => {
                 density="comfortable"
                 clearable
                 :label="t('dialog.userAddEdit.synologyChat')"
+                prepend-inner-icon="mdi-message"
               />
             </VCol>
             <VCol cols="12" md="6">
-              <VTextField v-model="userForm.settings.douban_userid" density="comfortable" clearable label="豆瓣用户" />
+              <VTextField
+                v-model="userForm.settings.douban_userid"
+                density="comfortable"
+                clearable
+                label="豆瓣用户"
+                prepend-inner-icon="mdi-movie"
+              />
             </VCol>
           </VRow>
         </VForm>
diff --git a/src/components/filebrowser/FileList.vue b/src/components/filebrowser/FileList.vue
index fa400c54..1ce1ab56 100644
--- a/src/components/filebrowser/FileList.vue
+++ b/src/components/filebrowser/FileList.vue
@@ -696,13 +696,24 @@ onMounted(() => {
   </VCard>
   <!-- 重命名弹窗 -->
   <VDialog v-if="renamePopper" v-model="renamePopper" max-width="35rem">
-    <VCard :title="t('file.rename')">
+    <VCard>
+      <VCardItem>
+        <template #prepend>
+          <VIcon icon="mdi-pencil" class="me-2" />
+        </template>
+        <VCardTitle>{{ t('file.rename') }}</VCardTitle>
+      </VCardItem>
       <VDialogCloseBtn @click="renamePopper = false" />
       <VDivider />
       <VCardText>
         <VRow>
           <VCol cols="12">
-            <VTextField v-model="newName" :label="t('file.newName')" :loading="renameLoading" />
+            <VTextField
+              v-model="newName"
+              :label="t('file.newName')"
+              :loading="renameLoading"
+              prepend-inner-icon="mdi-format-text"
+            />
           </VCol>
           <VCol cols="12" v-if="currentItem && currentItem.type == 'dir'">
             <VSwitch v-model="renameAll" :label="t('file.includeSubfolders')" />
diff --git a/src/components/filebrowser/FileToolbar.vue b/src/components/filebrowser/FileToolbar.vue
index f8041376..0058920b 100644
--- a/src/components/filebrowser/FileToolbar.vue
+++ b/src/components/filebrowser/FileToolbar.vue
@@ -165,17 +165,24 @@ const sortIcon = computed(() => {
     <IconBtn v-if="pathSegments.length > 0" @click="goUp">
       <VIcon icon="mdi-arrow-up-bold-outline" />
     </IconBtn>
+    <!-- 新建文件夹 -->
     <VDialog v-model="newFolderPopper" max-width="35rem">
       <template #activator="{ props }">
         <IconBtn>
           <VIcon v-bind="props" icon="mdi-folder-plus-outline" />
         </IconBtn>
       </template>
-      <VCard :title="t('file.newFolder')">
+      <VCard>
+        <VCardItem>
+          <template #prepend>
+            <VIcon icon="mdi-folder-plus-outline" class="me-2" />
+          </template>
+          <VCardTitle>{{ t('file.newFolder') }}</VCardTitle>
+        </VCardItem>
         <VDialogCloseBtn @click="newFolderPopper = false" />
         <VDivider />
         <VCardText>
-          <VTextField v-model="newFolderName" :label="t('common.name')" />
+          <VTextField v-model="newFolderName" :label="t('common.name')" prepend-inner-icon="mdi-format-text" />
         </VCardText>
         <VCardActions>
           <div class="flex-grow-1" />
diff --git a/src/views/user/UserProfileView.vue b/src/views/user/UserProfileView.vue
index c8f1b5ec..d4683705 100644
--- a/src/views/user/UserProfileView.vue
+++ b/src/views/user/UserProfileView.vue
@@ -322,7 +322,13 @@ watch(
             <VForm class="mt-6">
               <VRow>
                 <VCol cols="12" md="6">
-                  <VTextField v-model="currentUserName" density="comfortable" readonly :label="t('user.username')" />
+                  <VTextField
+                    v-model="currentUserName"
+                    density="comfortable"
+                    readonly
+                    :label="t('user.username')"
+                    prepend-inner-icon="mdi-account"
+                  />
                 </VCol>
                 <VCol cols="12" md="6">
                   <VTextField
@@ -331,6 +337,7 @@ watch(
                     clearable
                     :label="t('user.email')"
                     type="email"
+                    prepend-inner-icon="mdi-email"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -342,6 +349,7 @@ watch(
                     clearable
                     :label="t('user.password')"
                     autocomplete=""
+                    prepend-inner-icon="mdi-lock"
                     @click:append-inner="isNewPasswordVisible = !isNewPasswordVisible"
                   />
                 </VCol>
@@ -354,6 +362,7 @@ watch(
                     :append-inner-icon="isConfirmPasswordVisible ? 'mdi-eye-off-outline' : 'mdi-eye-outline'"
                     clearable
                     :label="t('user.confirmPassword')"
+                    prepend-inner-icon="mdi-lock-check"
                     @click:append-inner="isConfirmPasswordVisible = !isConfirmPasswordVisible"
                   />
                 </VCol>
@@ -364,6 +373,7 @@ watch(
                     clearable
                     :label="t('profile.nickname')"
                     :placeholder="t('profile.nicknamePlaceholder')"
+                    prepend-inner-icon="mdi-card-account-details"
                   />
                 </VCol>
               </VRow>
@@ -379,6 +389,7 @@ watch(
                     density="comfortable"
                     clearable
                     :label="t('profile.wechatUser')"
+                    prepend-inner-icon="mdi-wechat"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -387,6 +398,7 @@ watch(
                     density="comfortable"
                     clearable
                     :label="t('profile.telegramUser')"
+                    prepend-inner-icon="mdi-send"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -395,6 +407,7 @@ watch(
                     density="comfortable"
                     clearable
                     :label="t('profile.slackUser')"
+                    prepend-inner-icon="mdi-slack"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -403,6 +416,7 @@ watch(
                     density="comfortable"
                     clearable
                     :label="t('profile.vocechatUser')"
+                    prepend-inner-icon="mdi-chat"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -411,6 +425,7 @@ watch(
                     density="comfortable"
                     clearable
                     :label="t('profile.synologychatUser')"
+                    prepend-inner-icon="mdi-message"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -419,6 +434,7 @@ watch(
                     density="comfortable"
                     clearable
                     :label="t('profile.doubanUser')"
+                    prepend-inner-icon="mdi-movie"
                   />
                 </VCol>
               </VRow>
@@ -462,6 +478,7 @@ watch(
               autocomplete=""
               class="mb-8"
               variant="outlined"
+              prepend-inner-icon="mdi-shield-key"
             />
             <div class="d-flex justify-end flex-wrap gap-4">
               <VBtn variant="outlined" color="secondary" @click="otpDialog = false"> {{ t('common.cancel') }} </VBtn>