kevisual/kevisual-center
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: fix

Browse Source
This commit is contained in:
熊潇 2025-05-21 18:30:22 +08:00
parent 85fd48f403
commit 645618d505
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/kevisual-official

@ -1 +1 @@
Subproject commit 313cba38de5c9cea0d5defd42a1a602cd2ecc0d9 Subproject commit 4a063696cb71ea0a94c9d2677eb75ec34b6daf3f

20
src/pages/home/module/UploadModal.tsx
View File

@ -9,18 +9,22 @@ import { toast } from 'react-toastify';
import { uploadFile } from './upload-file'; import { uploadFile } from './upload-file';
import { useAppVersionStore } from '@/pages/app/store'; import { useAppVersionStore } from '@/pages/app/store';
import { useShallow } from 'zustand/shallow'; import { useShallow } from 'zustand/shallow';
import { RefreshCcw } from 'lucide-react';
export const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz', 10); export const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz', 10);
export const UploadModal = () => { export const UploadModal = () => {
const { appKey, version, filename, openUploadModal, text, setOpenUploadModal, setAppKey, setVersion, setFilename, setOpenSuccessModal } = useHomeStore(); 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 }))); const { publishVersion } = useAppVersionStore(useShallow((state) => ({ publishVersion: state.publishVersion })));
useEffect(() => { useEffect(() => {
if (openUploadModal) { 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]); }, [openUploadModal]);
const randomAppKey = () => {
const randomAppKey = nanoid(4) + nanoid(4);
return randomAppKey;
};
const onSubmit = async (data: any) => { const onSubmit = async (data: any) => {
console.log(data); console.log(data);
if (!text) { if (!text) {
@ -71,7 +75,15 @@ export const UploadModal = () => {
<DialogContent> <DialogContent>
<form className='flex flex-col gap-3 pt-1 w-[500px]' onSubmit={handleSubmit(onSubmit)}> <form className='flex flex-col gap-3 pt-1 w-[500px]' onSubmit={handleSubmit(onSubmit)}>
<div className='flex flex-col gap-1'> <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} />} /> <Controller control={control} name='appKey' render={({ field }) => <TextField {...field} />} />
</div> </div>
<div className='flex flex-col gap-1'> <div className='flex flex-col gap-1'>