/**
 * title: "卡片式上传"
 * description: ""
 */
import React from 'react';
import { Upload } from '@alicloud/console-components';

function beforeUpload(info) {
  console.log('beforeUpload : ', info);
}

function onChange(info) {
  console.log('onChange : ', info);
}

function onSuccess(info) {
  console.log('onSuccess : ', info);
}

export default () => {
  return (
    <div>
      <Upload.Card
        beforeUpload={beforeUpload}
        onChange={onChange}
        onSuccess={onSuccess}
        listType="card"
        showDownload={false}
        defaultValue={[
          {
            name: 'IMG.png',
            state: 'done',
            url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
            imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
          },
          {
            name: 'IMG.png',
            state: 'uploading',
            percent: 50,
            downloadURL: '',
            fileURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
            imgURL: '',
          },
          {
            name: 'IMG.png',
            state: 'error',
            errorMsg: '上传失败提示',
            url: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
            downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
            imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
          },
        ]}
      >
        上传本地文件
      </Upload.Card>
    </div>
  );
};