refactor: 优化 PFileUpload 组件的结构,移除多余的包装 div
All checks were successful
/ test (push) Successful in 19s
/ surge (push) Successful in 42s

This commit is contained in:
严浩
2024-12-31 15:28:18 +08:00
parent 6a1a7d2d47
commit f94bec1118

View File

@ -130,20 +130,18 @@ const customRequest: CustomRequest = (async ({ file, onProgress, }) => {
validation="required" validation="required"
> >
</FormKit> </FormKit>
<div class="border border-dashed border-gray-300 p-4 rounded-md"> <FormKit
<FormKit name="PFileUpload"
type="PFileUpload" type="PFileUpload"
name="PFileUpload" label="文件上传"
label="文件上传" :maxFileSize="1024 * 1024 * 2"
:maxFileSize="1024 * 1024 * 2" :customRequest
:customRequest :fileLimit="99"
:fileLimit="99" :autoUpload="true"
:autoUpload="true" :filesToValue="(files) => JSON.stringify(files.map(f => ({ name: f.name, url: f.url })))"
:filesToValue="(files) => JSON.stringify(files.map(f => ({ name: f.name, url: f.url })))" :valueToFiles="(value) => JSON.parse(value as string)"
:valueToFiles="(value) => JSON.parse(value as string)" value='[{"name":"2KB图片_副本.jpeg","url":"https://picsum.photos/200/300"}]'
value='[{"name":"2KB图片_副本.jpeg","url":"https://picsum.photos/200/300"}]' />
/>
</div>
<FormKit <FormKit
type="PInputPassword" type="PInputPassword"
name="PInputPassword" name="PInputPassword"