From 645618d505c37591bdee0df231ecdf30238d0bd4 Mon Sep 17 00:00:00 2001
From: xion <xiongxiao1012@outlook.com>
Date: Wed, 21 May 2025 18:30:22 +0800
Subject: [PATCH] style: fix

---
 packages/kevisual-official            |  2 +-
 src/pages/home/module/UploadModal.tsx | 20 ++++++++++++++++----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/packages/kevisual-official b/packages/kevisual-official
index 313cba3..4a06369 160000
--- a/packages/kevisual-official
+++ b/packages/kevisual-official
@@ -1 +1 @@
-Subproject commit 313cba38de5c9cea0d5defd42a1a602cd2ecc0d9
+Subproject commit 4a063696cb71ea0a94c9d2677eb75ec34b6daf3f
diff --git a/src/pages/home/module/UploadModal.tsx b/src/pages/home/module/UploadModal.tsx
index 1b332f5..f9b77f2 100644
--- a/src/pages/home/module/UploadModal.tsx
+++ b/src/pages/home/module/UploadModal.tsx
@@ -9,18 +9,22 @@ import { toast } from 'react-toastify';
 import { uploadFile } from './upload-file';
 import { useAppVersionStore } from '@/pages/app/store';
 import { useShallow } from 'zustand/shallow';
+import { RefreshCcw } from 'lucide-react';
 
 export const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz', 10);
 export const UploadModal = () => {
   const { appKey, version, filename, openUploadModal, text, setOpenUploadModal, setAppKey, setVersion, setFilename, setOpenSuccessModal } = useHomeStore();
-  const { control, handleSubmit, reset } = useForm();
+  const { control, handleSubmit, reset, setValue } = useForm();
   const { publishVersion } = useAppVersionStore(useShallow((state) => ({ publishVersion: state.publishVersion })));
   useEffect(() => {
     if (openUploadModal) {
-      const randomAppKey = nanoid(4) + nanoid(4);
-      reset({ appKey: appKey || randomAppKey, version: version || '1.0.0', filename: filename || 'index.html' });
+      reset({ appKey: appKey || randomAppKey(), version: version || '1.0.0', filename: filename || 'index.html' });
     }
   }, [openUploadModal]);
+  const randomAppKey = () => {
+    const randomAppKey = nanoid(4) + nanoid(4);
+    return randomAppKey;
+  };
   const onSubmit = async (data: any) => {
     console.log(data);
     if (!text) {
@@ -71,7 +75,15 @@ export const UploadModal = () => {
       <DialogContent>
         <form className='flex flex-col gap-3 pt-1 w-[500px]' onSubmit={handleSubmit(onSubmit)}>
           <div className='flex flex-col gap-1'>
-            <label className='text-sm'>应用key</label>
+            <label className='text-sm flex gap-2 items-center'>
+              应用key
+              <RefreshCcw
+                className='cursor-pointer w-4 h-4'
+                onClick={() => {
+                  setValue('appKey', randomAppKey());
+                }}
+              />
+            </label>
             <Controller control={control} name='appKey' render={({ field }) => <TextField {...field} />} />
           </div>
           <div className='flex flex-col gap-1'>