diff --git a/src/renderer/src/pages/paintings/NewApiPage.tsx b/src/renderer/src/pages/paintings/NewApiPage.tsx index c7240e8458..c69584d63b 100644 --- a/src/renderer/src/pages/paintings/NewApiPage.tsx +++ b/src/renderer/src/pages/paintings/NewApiPage.tsx @@ -31,6 +31,8 @@ import { getErrorMessage, uuid } from '@renderer/utils' import { isNewApiProvider } from '@renderer/utils/provider' import { Avatar, Button, Empty, InputNumber, Segmented, Select, Upload } from 'antd' import TextArea from 'antd/es/input/TextArea' +import type { RcFile } from 'antd/es/upload' +import type { UploadFile } from 'antd/es/upload/interface' import type { FC } from 'react' import React from 'react' import { useCallback, useEffect, useMemo, useRef, useState } from 'react' @@ -553,7 +555,31 @@ const NewApiPage: FC<{ Options: string[] }> = ({ Options }) => { maxCount={16} showUploadList={true} listType="picture" - beforeUpload={handleImageUpload}> + beforeUpload={handleImageUpload} + fileList={editImageFiles.map((file, idx): UploadFile => { + const rcFile: RcFile = { + ...file, + uid: String(idx), + lastModifiedDate: file.lastModified ? new Date(file.lastModified) : new Date() + } + return { + uid: rcFile.uid, + name: rcFile.name || `image_${idx + 1}.png`, + status: 'done', + url: URL.createObjectURL(file), + originFileObj: rcFile, + lastModifiedDate: rcFile.lastModifiedDate + } + })} + onRemove={(file) => { + setEditImageFiles((prev) => + prev.filter((f) => { + const idx = prev.indexOf(f) + return String(idx) !== file.uid + }) + ) + return true + }}>