From f8471f73caa2ee8115115a028dabd4ba5a835002 Mon Sep 17 00:00:00 2001
From: LeoKu <czc12580520@gmail.com>
Date: Tue, 28 Jun 2022 15:06:41 +0800
Subject: [PATCH] Add new feature: regenerate

---
 src/App.vue                                 |  1 +
 src/components/Modal/BatchDownloadModal.vue | 19 ++++++++++++++-----
 src/i18n/locales/en/index.ts                |  3 ++-
 src/i18n/locales/zh/index.ts                |  1 +
 4 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 091e9eb..580cf4e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -74,6 +74,7 @@
     <BatchDownloadModal
       :visible="avatarListVisible"
       :avatar-list="avatarList"
+      @regenerate="generateMultiple"
       @close=";(avatarListVisible = false), (avatarList = [])"
     />
 
diff --git a/src/components/Modal/BatchDownloadModal.vue b/src/components/Modal/BatchDownloadModal.vue
index 40a3a34..68dae05 100644
--- a/src/components/Modal/BatchDownloadModal.vue
+++ b/src/components/Modal/BatchDownloadModal.vue
@@ -6,10 +6,14 @@
         <div class="right">
           <button
             type="button"
+            class="regenerate-btn"
             :disabled="making"
-            class="download-btn"
-            @click="make"
+            @click="emit('regenerate')"
           >
+            {{ t(`text.regenerate`) }}
+          </button>
+
+          <button type="button" class="download-btn" @click="make">
             {{
               making
                 ? `${t('text.downloadingMultiple')}(${madeCount}/${
@@ -57,6 +61,7 @@ import ModalWrapper from './ModalWrapper.vue'
 const props = defineProps<{ visible?: boolean; avatarList?: AvatarOption[] }>()
 
 const emit = defineEmits<{
+  (e: 'regenerate'): void
   (e: 'close'): void
 }>()
 
@@ -137,6 +142,12 @@ async function make() {
       align-items: center;
       margin-left: auto;
 
+      .download-btn {
+        color: #fff;
+        background-color: var.$color-accent;
+      }
+
+      .regenerate-btn,
       .download-btn {
         display: flex;
         align-items: center;
@@ -144,15 +155,13 @@ async function make() {
         height: 2rem;
         margin-left: 1rem;
         padding: 0 1rem;
-        color: #fff;
-        background-color: var.$color-accent;
         border-radius: 0.4rem;
         cursor: pointer;
 
         &:disabled,
         &[disabled] {
           color: rgba(#fff, 0.8);
-          cursor: default;
+          cursor: not-allowed;
         }
       }
     }
diff --git a/src/i18n/locales/en/index.ts b/src/i18n/locales/en/index.ts
index 1cb1455..ef4cca2 100644
--- a/src/i18n/locales/en/index.ts
+++ b/src/i18n/locales/en/index.ts
@@ -42,6 +42,7 @@ export default {
     downloadTip: 'LONG PRESS or RIGHT CLICK to save',
     downloadMultiple: 'Download',
     downloadingMultiple: 'Downloading',
-    downloadMultipleTip: 'Automatically generate avatar for you',
+    downloadMultipleTip: 'Automatically generated',
+    regenerate: 'Regenerate',
   },
 }
diff --git a/src/i18n/locales/zh/index.ts b/src/i18n/locales/zh/index.ts
index 1f69f67..ffa19c2 100644
--- a/src/i18n/locales/zh/index.ts
+++ b/src/i18n/locales/zh/index.ts
@@ -43,5 +43,6 @@ export default {
     downloadMultiple: '开始下载',
     downloadingMultiple: '正在下载',
     downloadMultipleTip: '已为你自动生成头像',
+    regenerate: '换一批',
   },
 }
-- 
GitLab