test/nocobase2
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2024-12-04 13:18:55 +08:00
Code Issues Actions 25 Packages Projects Releases Wiki Activity

feat: upload component supports accept property

Browse Source
This commit is contained in:
chenos 2021-04-22 18:44:55 +08:00
parent 80eb229696
commit a19311cb24
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/app/package.json
View File

@ -32,6 +32,7 @@
"ahooks": "^2.9.3",
"antd": "^4.13.0",
"array-move": "^3.0.1",
"attr-accept": "^2.2.2",
"clean-deep": "^3.4.0",
"concurrently": "^5.3.0",
"lint-staged": "^10.0.7",

13
packages/app/src/components/fields/upload/index.tsx
View File

@ -1,6 +1,6 @@
import React, { useState } from 'react';
import { connect } from '@formily/react-schema-renderer';
import { Button, Upload as AntdUpload, Popconfirm } from 'antd';
import { Button, Upload as AntdUpload, Popconfirm, message } from 'antd';
import { toArr, isArr, isEqual, mapStyledProps } from '../shared';
import {
LoadingOutlined,
@ -12,6 +12,7 @@ const { Dragger: UploadDragger } = AntdUpload;
import get from 'lodash/get';
import findIndex from 'lodash/findIndex';
import Lightbox from 'react-image-lightbox';
import attrAccept from 'attr-accept';
const exts = [
{
@ -185,7 +186,7 @@ export function getImgUrls(value) {
export const Upload = connect({
getProps: mapStyledProps,
})(props => {
const { multiple = true, value, onChange } = props;
const { accept, multiple = true, value, onChange } = props;
const [visible, setVisible] = useState(false);
const [imgIndex, setImgIndex] = useState(0);
const [fileList, setFileList] = useState(toFileList(value));
@ -193,8 +194,12 @@ export const Upload = connect({
name: 'file',
headers: {},
action: `${process.env.API}/attachments:upload`,
onChange({ fileList }) {
console.log(fileList);
onChange({ fileList, file, ...others }) {
// console.log({fileList, file, others});
if (accept && !attrAccept(file, accept)) {
message.error('不支持上传当前格式的文件');
return;
}
setFileList(fileList);
const list = toValues(fileList);
onChange(multiple ? list : list.shift() || null);