@cqsjjb/jjb-react-admin-component 3.1.4 → 3.2.0-beta.0

package/Upload/index.js

@@ -1,334 +0,0 @@
-import React from 'react';
-import MD5 from 'spark-md5';
-import axios from 'axios';
-import ImgCrop from 'antd-img-crop';
-import PropTypes from 'prop-types';
-import { Upload, message, Image as ImageComponent } from 'antd';
-
-/**
- * @this UploadComponent
- * @param fileList {{ url: string, status: string }[]}
- */
-function setFileList(fileList) {
-  if (Array.isArray(fileList) && fileList.length) {
-    this.setState({
-      fileList
-    });
-  }
-}
-
-/**
- * @description 图片文件
- * @param url {string}
- */
-function isImageType(url) {
-  return /\.(png|jpg|jpeg|svg)$/.test(url);
-}
-export default class UploadComponent extends React.Component {
-  state = {
-    preview: false,
-    fileList: [],
-    previewUrl: undefined
-  };
-  componentDidMount() {
-    const {
-      value: fileList
-    } = this.props;
-    setFileList.call(this, fileList);
-  }
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    const {
-      value: prevFileList
-    } = prevProps;
-    const {
-      value: nextFileList
-    } = this.props;
-    try {
-      if (JSON.stringify(prevFileList) !== JSON.stringify(nextFileList)) {
-        setFileList.call(this, nextFileList);
-      }
-    } catch (e) {
-      console.log(e.message);
-    }
-  }
-  onChange({
-    fileList
-  }) {
-    this.setState({
-      fileList
-    }, () => {
-      const {
-        onChange
-      } = this.props;
-      onChange && onChange(fileList);
-    });
-  }
-  /**
-   * @description 预览
-   * @param file {{ url?: string, response?: { url?: string } }}
-   * @return {Promise<void>}
-   */
-  async onPreview(file) {
-    let url;
-    if ('url' in file) {
-      url = file.url;
-    } else if ('response' in file) {
-      url = file.response.url;
-    }
-    if (url) {
-      if (isImageType(url)) {
-        this.setState({
-          preview: true,
-          previewUrl: url
-        });
-      } else {
-        window.open(url);
-      }
-    }
-  }
-  render() {
-    const {
-      preview,
-      fileList,
-      previewUrl
-    } = this.state;
-    const {
-      name,
-      crop,
-      method,
-      action,
-      maxCount,
-      listType,
-      multiple,
-      data,
-      size,
-      accept,
-      headers,
-      signature,
-      forceAccept,
-      withCredentials,
-      drag,
-      appKey,
-      children
-    } = this.props;
-    const props = {
-      data,
-      name,
-      method,
-      action,
-      multiple: maxCount === 1 || crop ? false : multiple,
-      listType,
-      maxCount,
-      fileList,
-      withCredentials,
-      headers: {
-        ...headers,
-        appKey,
-        token: window.sessionStorage.getItem('token')
-      },
-      accept,
-      onChange: this.onChange.bind(this),
-      onPreview: this.onPreview.bind(this),
-      customRequest,
-      beforeUpload: file => {
-        if (accept !== '*' && forceAccept && !acceptInclude(accept, file.type)) {
-          message.error(`上传的文件类型不正确，仅支持上传${getAcceptDescription(accept)}`).then(() => null);
-          return Upload.LIST_IGNORE;
-        }
-        if (isFinite(size) && file.size > size) {
-          message.error(`上传的文件体积过大，仅支持上传${size}字节`).then(() => null);
-          return Upload.LIST_IGNORE;
-        }
-        if (signature) {
-          return new Promise(resolve => {
-            const md5 = new MD5();
-            const fileReader = new FileReader();
-            fileReader.onload = e => {
-              md5.appendBinary(e.target.result);
-              file.signature = md5.end();
-              resolve(file);
-            };
-            fileReader.readAsDataURL(file);
-          });
-        }
-        return true;
-      }
-    };
-    const UploadInside = /*#__PURE__*/React.createElement(drag ? Upload.Dragger : Upload, props, children);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, listType === 'text' ? UploadInside : crop ? /*#__PURE__*/React.createElement(ImgCrop, {
-      rotationSlider: true,
-      modalTitle: "\u56FE\u7247\u88C1\u526A"
-    }, UploadInside) : UploadInside, preview && /*#__PURE__*/React.createElement(ImageComponent, {
-      width: 200,
-      style: {
-        display: 'none'
-      },
-      preview: {
-        src: previewUrl,
-        visible: preview,
-        onVisibleChange: value => this.setState({
-          preview: value
-        })
-      }
-    }));
-  }
-}
-;
-
-/**
- * @param types {string}
- * @return {string}
- */
-function getAcceptDescription(types) {
-  try {
-    return types.split(',').filter(i => i).join('、');
-  } catch (e) {
-    return '';
-  }
-}
-
-/**
- * @param types {string}
- * @param accept {string}
- * @return {boolean}
- */
-function acceptInclude(types, accept) {
-  try {
-    const acceptList = types.split(',').filter(i => i);
-    return acceptList.includes(accept);
-  } catch (e) {
-    return false;
-  }
-}
-UploadComponent.defaultProps = {
-  name: 'file',
-  drag: false,
-  data: {},
-  crop: false,
-  size: Infinity,
-  accept: '*',
-  headers: {},
-  action: `${process.env.app.API_HOST}/attachment/files/upload-speed-simple`,
-  method: 'post',
-  maxCount: 1,
-  listType: 'text',
-  multiple: false,
-  signature: false,
-  forceAccept: false,
-  withCredentials: false
-};
-UploadComponent.propTypes = {
-  /**
-   * @description 上传提交字段名，默认file
-   */
-  name: PropTypes.string,
-  /**
-   * @description 上传文件大小限制，默认Infinity
-   */
-  size: PropTypes.number,
-  /**
-   * @description 是否开启图片裁剪，需和listType配合使用，text模式下无效
-   */
-  crop: PropTypes.bool,
-  /**
-   * @description 上传接口地址
-   */
-  action: PropTypes.string,
-  /**
-   * @description 上传资源类型，参考HTML.Input，默认*
-   */
-  accept: PropTypes.string,
-  /**
-   * @description 最大上传数，参考antd官方文档，默认1
-   */
-  maxCount: PropTypes.number,
-  /**
-   * @description 展示效果，参考antd官方文档，默认text
-   */
-  listType: PropTypes.string,
-  /**
-   * @description 开启后支持多选文件，默认false，注意：当maxCount为1时或开启crop时无效
-   */
-  multiple: PropTypes.bool,
-  /**
-   * @description 上传类型，默认Post
-   */
-  method: PropTypes.string,
-  /**
-   * @description 开启后将计算文件签名，默认false，注意：开启了多图上传时建议不开启，可能会导致内存占用过大
-   */
-  signature: PropTypes.bool,
-  /**
-   * @description 开启后将强制类型验证，默认false
-   */
-  forceAccept: PropTypes.bool,
-  /**
-   * @description 上传是否携带浏览器cookie，默认false
-   */
-  withCredentials: PropTypes.bool,
-  /**
-   * @description 上传携带的其他字段属性，默认{}
-   */
-  data: PropTypes.object,
-  /**
-   * @description 上传携带的请求头字段属性，默认{}
-   */
-  headers: PropTypes.object,
-  /**
-   * @description 是否开启拖拽上传，默认false
-   */
-  drag: PropTypes.bool,
-  /**
-   * @description 应用appKey
-   */
-  appKey: PropTypes.string
-};
-function customRequest({
-  action,
-  data,
-  file,
-  filename,
-  headers,
-  onError,
-  onProgress,
-  onSuccess,
-  withCredentials
-}) {
-  const formData = new FormData();
-  if (data) {
-    Object.keys(data).forEach(key => {
-      formData.append(key, data[key]);
-    });
-  }
-  formData.append(filename, file);
-  if ('signature' in file) {
-    formData.append('md5', file.signature);
-  }
-  axios.post(action, formData, {
-    withCredentials,
-    headers,
-    onUploadProgress: ({
-      total,
-      loaded
-    }) => {
-      onProgress({
-        percent: Math.round(loaded / total * 100).toFixed(2)
-      }, file);
-    }
-  }).then(({
-    data: response
-  }) => {
-    if (response.success) {
-      onSuccess({
-        url: response?.data?.downloadUrl
-      });
-    } else {
-      onError(new Error(response?.errMessage));
-    }
-  }).catch(onError);
-  return {
-    abort() {
-      console.log('upload progress is aborted.');
-    }
-  };
-}

package/types/index.ts

@@ -1,7 +0,0 @@
-// @ts-ignore
-import * as React from 'react';
-
-export interface ComponentProps {
-  ref?: React.Ref<{ [ p: string ]: any }>;
-  children?: React.ReactNode;
-}