acud 0.0.60

package/es/upload/UploadList/ListItem.js

@@ -0,0 +1,219 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+/*
+ * upload 上传
+ * author zhousheng
+ */
+import * as React from 'react';
+import CSSMotion from 'rc-motion';
+import classNames from 'classnames';
+import EyeOutlined from "acud-icon/es/icons/OutlinedEye";
+import DeleteOutlined from "acud-icon/es/icons/OutlinedDelete";
+import OutlinedClose from "acud-icon/es/icons/OutlinedClose";
+import DownloadOutlined from "acud-icon/es/icons/OutlinedCloudDownload";
+import OutlinedRefresh from "acud-icon/es/icons/OutlinedRefresh";
+import Tooltip from '../../tooltip';
+import Progress from '../../progress';
+import { ConfigContext } from '../../config-provider';
+var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _classNames3;
+
+  var prefixCls = _ref.prefixCls,
+      className = _ref.className,
+      style = _ref.style,
+      locale = _ref.locale,
+      listType = _ref.listType,
+      file = _ref.file,
+      items = _ref.items,
+      progressProps = _ref.progress,
+      iconRender = _ref.iconRender,
+      actionIconRender = _ref.actionIconRender,
+      itemRender = _ref.itemRender,
+      isImgUrl = _ref.isImgUrl,
+      showPreviewIcon = _ref.showPreviewIcon,
+      showRemoveIcon = _ref.showRemoveIcon,
+      showDownloadIcon = _ref.showDownloadIcon,
+      internalShowUploadIcon = _ref.showUploadIcon,
+      customRemoveIcon = _ref.removeIcon,
+      customUploadIcon = _ref.uploadIcon,
+      customDownloadIcon = _ref.downloadIcon,
+      onPreview = _ref.onPreview,
+      onDownload = _ref.onDownload,
+      onClose = _ref.onClose,
+      onUpload = _ref.onUpload;
+
+  var _a, _b; // Delay to show the progress bar
+
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showProgress = _React$useState2[0],
+      setShowProgress = _React$useState2[1];
+
+  var progressRafRef = React.useRef(); // 外部传入的file 无法重传，根据originFileObj来判断是本地选中的
+
+  var showUploadIcon = React.useMemo(function () {
+    return !!(file === null || file === void 0 ? void 0 : file.originFileObj) && internalShowUploadIcon;
+  }, [file, internalShowUploadIcon]);
+  React.useEffect(function () {
+    progressRafRef.current = setTimeout(function () {
+      setShowProgress(true);
+    }, 300);
+    return function () {
+      window.clearTimeout(progressRafRef.current);
+    };
+  }, []); // This is used for legacy span make scrollHeight the wrong value.
+  // We will force these to be `display: block` with non `picture-card`
+
+  var spanClassName = "".concat(prefixCls, "-span");
+  var iconNode = iconRender(file);
+  var icon = /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-text-icon")
+  }, iconNode);
+
+  if (listType === 'picture' || listType === 'picture-card') {
+    if (file.status === 'uploading' || !file.thumbUrl && !file.url) {
+      var _classNames;
+
+      var uploadingClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-list-item-thumbnail"), true), _defineProperty(_classNames, "".concat(prefixCls, "-list-item-file"), file.status !== 'uploading'), _classNames));
+      icon = /*#__PURE__*/React.createElement("div", {
+        className: uploadingClassName
+      }, iconNode);
+    } else {
+      var _classNames2;
+
+      var thumbnail = (isImgUrl === null || isImgUrl === void 0 ? void 0 : isImgUrl(file)) ? /*#__PURE__*/React.createElement("img", {
+        src: file.thumbUrl || file.url,
+        alt: file.name,
+        className: "".concat(prefixCls, "-list-item-image")
+      }) : iconNode;
+      var aClassName = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-list-item-thumbnail"), true), _defineProperty(_classNames2, "".concat(prefixCls, "-list-item-file"), isImgUrl && !isImgUrl(file)), _classNames2));
+      icon = /*#__PURE__*/React.createElement("a", {
+        className: aClassName,
+        onClick: function onClick(e) {
+          return onPreview(file, e);
+        },
+        href: file.url || file.thumbUrl,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, thumbnail);
+    }
+  }
+
+  var infoUploadingClass = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefixCls, "-list-item"), true), _defineProperty(_classNames3, "".concat(prefixCls, "-list-item-").concat(file.status), true), _defineProperty(_classNames3, "".concat(prefixCls, "-list-item-list-type-").concat(listType), true), _classNames3));
+  var linkProps = typeof file.linkProps === 'string' ? JSON.parse(file.linkProps) : file.linkProps;
+  var removeIcon = showRemoveIcon ? actionIconRender((typeof customRemoveIcon === 'function' ? customRemoveIcon(file) : customRemoveIcon) || listType === 'text' ? /*#__PURE__*/React.createElement(OutlinedClose, null) : /*#__PURE__*/React.createElement(DeleteOutlined, null), function () {
+    return onClose(file);
+  }, prefixCls, locale.removeFile) : null;
+  var downloadIcon = showDownloadIcon ? actionIconRender((typeof customDownloadIcon === 'function' ? customDownloadIcon(file) : customDownloadIcon) || /*#__PURE__*/React.createElement(DownloadOutlined, null), function () {
+    return onDownload(file);
+  }, prefixCls, locale.downloadFile) : null; // 下载icon
+
+  var downloadOrDelete = listType !== 'picture-card' && /*#__PURE__*/React.createElement("span", {
+    key: "download-delete",
+    className: classNames("".concat(prefixCls, "-list-item-card-actions"), {
+      picture: listType === 'picture'
+    })
+  }, downloadIcon, removeIcon);
+  var listItemNameClass = classNames("".concat(prefixCls, "-list-item-name"));
+  var preview = file.url ? [/*#__PURE__*/React.createElement("a", _extends({
+    key: "view",
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: listItemNameClass,
+    title: file.name
+  }, linkProps, {
+    href: file.url,
+    onClick: function onClick(e) {
+      return onPreview(file, e);
+    }
+  }), file.name), downloadOrDelete] : [/*#__PURE__*/React.createElement("span", {
+    key: "view",
+    className: listItemNameClass,
+    onClick: function onClick(e) {
+      return onPreview(file, e);
+    },
+    title: file.name
+  }, file.name), downloadOrDelete];
+  var previewStyle = {
+    pointerEvents: 'none',
+    opacity: 0.5
+  }; // 预览icon
+
+  var previewIcon = showPreviewIcon ? /*#__PURE__*/React.createElement("a", {
+    href: file.url || file.thumbUrl,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    style: file.url || file.thumbUrl ? undefined : previewStyle,
+    onClick: function onClick(e) {
+      return onPreview(file, e);
+    },
+    title: locale.previewFile
+  }, /*#__PURE__*/React.createElement(EyeOutlined, null)) : null; // 上传icon
+
+  var uploadIcon = showUploadIcon ? actionIconRender((typeof customUploadIcon === 'function' ? customUploadIcon(file) : customUploadIcon) || /*#__PURE__*/React.createElement(OutlinedRefresh, null), function () {
+    return onUpload(file);
+  }, prefixCls, locale.uploadFile) : null;
+  var actions = listType === 'picture-card' && file.status !== 'uploading' && /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-list-item-actions")
+  }, file.status === 'done' && previewIcon, file.status === 'done' && downloadIcon, ['error', 'done'].includes(file.status) && uploadIcon, removeIcon);
+  var message;
+
+  if (file.response && typeof file.response === 'string') {
+    message = file.response;
+  } else {
+    message = ((_a = file.error) === null || _a === void 0 ? void 0 : _a.statusText) || ((_b = file.error) === null || _b === void 0 ? void 0 : _b.message) || locale.uploadError;
+  }
+
+  var iconAndPreview = /*#__PURE__*/React.createElement("span", {
+    className: spanClassName
+  }, icon, preview);
+
+  var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls;
+
+  var rootPrefixCls = getPrefixCls();
+  var dom = /*#__PURE__*/React.createElement("div", {
+    className: infoUploadingClass
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-list-item-info")
+  }, iconAndPreview), actions, showProgress && /*#__PURE__*/React.createElement(CSSMotion, {
+    motionName: "".concat(rootPrefixCls, "-fade"),
+    visible: file.status === 'uploading',
+    motionDeadline: 2000
+  }, function (_ref2) {
+    var motionClassName = _ref2.className;
+    // show loading icon if upload progress listener is disabled
+    var loadingProgress = 'percent' in file ? /*#__PURE__*/React.createElement(Progress, _extends({
+      trailColor: "#DADBDD",
+      strokeColor: "#2468F2",
+      infoType: "none",
+      type: "line",
+      percent: file.percent
+    }, progressProps)) : null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames("".concat(prefixCls, "-list-item-progress"), motionClassName)
+    }, loadingProgress);
+  }));
+  var listContainerNameClass = classNames("".concat(prefixCls, "-list-").concat(listType, "-container"), className);
+  var item = file.status === 'error' ? /*#__PURE__*/React.createElement(Tooltip, {
+    title: message,
+    overlayClassName: "error-tooltip",
+    getPopupContainer: function getPopupContainer(node) {
+      return node.parentNode;
+    }
+  }, dom) : dom;
+  return /*#__PURE__*/React.createElement("div", {
+    className: listContainerNameClass,
+    style: style,
+    ref: ref
+  }, itemRender ? itemRender(item, file, items, {
+    download: onDownload.bind(null, file),
+    preview: onPreview.bind(null, file),
+    upload: onUpload.bind(null, file),
+    remove: onClose.bind(null, file)
+  }) : item);
+});
+export default ListItem;

package/es/upload/UploadList/index.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { UploadListProps } from '../interface';
+declare const UploadList: React.ForwardRefExoticComponent<UploadListProps<any> & React.RefAttributes<unknown>>;
+export default UploadList;

package/es/upload/UploadList/index.js

@@ -0,0 +1,299 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+
+/*
+ * upload 上传
+ * author zhousheng
+ */
+import * as React from 'react';
+import CSSMotion, { CSSMotionList } from 'rc-motion';
+import classNames from 'classnames';
+import LoadingOutlined from "acud-icon/es/icons/OutlinedLoading";
+import PaperClipOutlined from "acud-icon/es/icons/OutlinedFileDoc";
+import OutlinedFileImage from "acud-icon/es/icons/OutlinedFileImage";
+import OutlinedFileVideo from "acud-icon/es/icons/OutlinedFileVideo";
+import OutlinedFileMusic from "acud-icon/es/icons/OutlinedFileMusic";
+import OutlinedFileZip from "acud-icon/es/icons/OutlinedFileZip";
+import OutlinedPhoto from "acud-icon/es/icons/OutlinedPhoto";
+import FileTwoTone from "acud-icon/es/icons/OutlinedFile";
+import { cloneElement, isValidElement } from '../../_util/reactNode';
+import { previewImage, isImageUrl, getFiletypeByName } from '../utils';
+import collapseMotion from '../../_util/motion';
+import { ConfigContext } from '../../config-provider';
+import Button from '../../button';
+import useForceUpdate from '../../_util/hooks/useForceUpdate';
+import ListItem from './ListItem';
+
+var listItemMotion = _extends({}, collapseMotion);
+
+delete listItemMotion.onAppearEnd;
+delete listItemMotion.onEnterEnd;
+delete listItemMotion.onLeaveEnd;
+
+var renderIcon = function renderIcon(fileName) {
+  var type = getFiletypeByName(fileName);
+  var Icon = PaperClipOutlined;
+
+  switch (type) {
+    case 'image':
+      Icon = OutlinedFileImage;
+      break;
+
+    case 'video':
+      Icon = OutlinedFileVideo;
+      break;
+
+    case 'audio':
+      Icon = OutlinedFileMusic;
+      break;
+
+    case 'zip':
+      Icon = OutlinedFileZip;
+      break;
+
+    default:
+      break;
+  }
+
+  return /*#__PURE__*/React.createElement(Icon, {
+    width: 14
+  });
+};
+
+var InternalUploadList = function InternalUploadList(_ref, ref) {
+  var _classNames;
+
+  var listType = _ref.listType,
+      previewFile = _ref.previewFile,
+      onPreview = _ref.onPreview,
+      onDownload = _ref.onDownload,
+      onRemove = _ref.onRemove,
+      onUpload = _ref.onUpload,
+      locale = _ref.locale,
+      iconRender = _ref.iconRender,
+      isImgUrl = _ref.isImageUrl,
+      customizePrefixCls = _ref.prefixCls,
+      _ref$items = _ref.items,
+      items = _ref$items === void 0 ? [] : _ref$items,
+      showPreviewIcon = _ref.showPreviewIcon,
+      showUploadIcon = _ref.showUploadIcon,
+      showRemoveIcon = _ref.showRemoveIcon,
+      showDownloadIcon = _ref.showDownloadIcon,
+      removeIcon = _ref.removeIcon,
+      downloadIcon = _ref.downloadIcon,
+      uploadIcon = _ref.uploadIcon,
+      progress = _ref.progress,
+      appendAction = _ref.appendAction,
+      itemRender = _ref.itemRender;
+  var forceUpdate = useForceUpdate();
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      motionAppear = _React$useState2[0],
+      setMotionAppear = _React$useState2[1];
+
+  var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction; // ============================= Render =============================
+
+
+  var prefixCls = getPrefixCls('upload', customizePrefixCls); // ============================= Effect =============================
+
+  React.useEffect(function () {
+    if (listType !== 'picture' && listType !== 'picture-card') {
+      return;
+    }
+
+    (items || []).forEach(function (file) {
+      if (typeof document === 'undefined' || typeof window === 'undefined' || !window.FileReader || !window.File || !(file.originFileObj instanceof File || file.originFileObj instanceof Blob) || file.thumbUrl !== undefined) {
+        return;
+      }
+
+      file.thumbUrl = '';
+
+      if (previewFile) {
+        previewFile(file.originFileObj).then(function (previewDataUrl) {
+          // Need append '' to avoid dead loop
+          file.thumbUrl = previewDataUrl || '';
+          forceUpdate();
+        });
+      }
+    });
+  }, [listType, items, previewFile]);
+  React.useEffect(function () {
+    setMotionAppear(true);
+  }, []); // ============================= Events =============================
+
+  var onInternalPreview = function onInternalPreview(file, e) {
+    if (!onPreview) {
+      return;
+    }
+
+    e === null || e === void 0 ? void 0 : e.preventDefault();
+    return onPreview(file);
+  };
+
+  var onInternalDownload = function onInternalDownload(file) {
+    if (typeof onDownload === 'function') {
+      onDownload(file);
+    } else if (file.url) {
+      window.open(file.url);
+    }
+  };
+
+  var onInternalClose = function onInternalClose(file) {
+    onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);
+  };
+
+  var onInternalUpload = function onInternalUpload(file) {
+    onUpload === null || onUpload === void 0 ? void 0 : onUpload(file);
+  };
+
+  var internalIconRender = function internalIconRender(file) {
+    if (iconRender) {
+      return iconRender(file, listType);
+    }
+
+    var isLoading = file.status === 'uploading';
+    var fileIcon = isImgUrl && isImgUrl(file) ? /*#__PURE__*/React.createElement(OutlinedPhoto, {
+      width: 24
+    }) : /*#__PURE__*/React.createElement(FileTwoTone, {
+      width: 24
+    });
+    var icon = isLoading ? /*#__PURE__*/React.createElement(LoadingOutlined, {
+      animation: "spin"
+    }) : renderIcon(file.name || file.fileName);
+
+    if (listType === 'picture') {
+      icon = isLoading ? /*#__PURE__*/React.createElement(LoadingOutlined, {
+        animation: "spin"
+      }) : fileIcon;
+    } else if (listType === 'picture-card') {
+      icon = isLoading ? locale.uploading : fileIcon;
+    }
+
+    return icon;
+  };
+
+  var actionIconRender = function actionIconRender(customIcon, callback, prefixCls, title) {
+    var btnProps = {
+      type: 'text',
+      size: 'small',
+      title: title,
+      onClick: function onClick(e) {
+        callback();
+
+        if (isValidElement(customIcon) && customIcon.props.onClick) {
+          customIcon.props.onClick(e);
+        }
+      },
+      className: "".concat(prefixCls, "-list-item-card-actions-btn")
+    };
+
+    if (isValidElement(customIcon)) {
+      var btnIcon = cloneElement(customIcon, _extends(_extends({}, customIcon.props), {
+        onClick: function onClick() {}
+      }));
+      return /*#__PURE__*/React.createElement(Button, _extends({}, btnProps, {
+        icon: btnIcon
+      }));
+    }
+
+    return /*#__PURE__*/React.createElement(Button, btnProps, /*#__PURE__*/React.createElement("span", null, customIcon));
+  }; // ============================== Ref ===============================
+  // Test needs
+
+
+  React.useImperativeHandle(ref, function () {
+    return {
+      handlePreview: onInternalPreview,
+      handleDownload: onInternalDownload
+    };
+  }); // >>> Motion config
+
+  var motionKeyList = _toConsumableArray(items.map(function (file) {
+    return {
+      key: file.uid,
+      file: file
+    };
+  }));
+
+  var animationDirection = listType === 'picture-card' ? 'animate-inline' : 'animate'; // const transitionName = list.length === 0 ? '' : `${prefixCls}-${animationDirection}`;
+
+  var motionConfig = {
+    motionDeadline: 2000,
+    motionName: "".concat(prefixCls, "-").concat(animationDirection),
+    keys: motionKeyList,
+    motionAppear: motionAppear
+  };
+
+  if (listType !== 'picture-card') {
+    motionConfig = _extends(_extends({}, listItemMotion), motionConfig);
+  }
+
+  var listClassNames = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-list"), true), _defineProperty(_classNames, "".concat(prefixCls, "-list-").concat(listType), true), _defineProperty(_classNames, "".concat(prefixCls, "-list-rtl"), direction === 'rtl'), _classNames));
+  return /*#__PURE__*/React.createElement("div", {
+    className: listClassNames
+  }, appendAction && /*#__PURE__*/React.createElement(CSSMotion, motionConfig, function (_ref2) {
+    var motionClassName = _ref2.className,
+        motionStyle = _ref2.style;
+    return cloneElement(appendAction, function (oriProps) {
+      return {
+        className: classNames(oriProps.className, motionClassName),
+        style: _extends(_extends({}, motionStyle), oriProps.style)
+      };
+    });
+  }), /*#__PURE__*/React.createElement(CSSMotionList, _extends({}, motionConfig, {
+    component: false
+  }), function (_ref3) {
+    var key = _ref3.key,
+        file = _ref3.file,
+        motionClassName = _ref3.className,
+        motionStyle = _ref3.style;
+    return /*#__PURE__*/React.createElement(ListItem, {
+      key: key,
+      locale: locale,
+      prefixCls: prefixCls,
+      className: motionClassName,
+      style: motionStyle,
+      file: file,
+      items: items,
+      progress: progress,
+      listType: listType,
+      isImgUrl: isImgUrl,
+      showPreviewIcon: showPreviewIcon,
+      showUploadIcon: showUploadIcon,
+      showRemoveIcon: showRemoveIcon,
+      showDownloadIcon: showDownloadIcon,
+      removeIcon: removeIcon,
+      downloadIcon: downloadIcon,
+      uploadIcon: uploadIcon,
+      iconRender: internalIconRender,
+      actionIconRender: actionIconRender,
+      itemRender: itemRender,
+      onPreview: onInternalPreview,
+      onDownload: onInternalDownload,
+      onClose: onInternalClose,
+      onUpload: onInternalUpload
+    });
+  }));
+};
+
+var UploadList = /*#__PURE__*/React.forwardRef(InternalUploadList);
+UploadList.displayName = 'UploadList';
+UploadList.defaultProps = {
+  listType: 'text',
+  progress: {
+    strokeWidth: 2 // showInfo: false
+
+  },
+  showUploadIcon: true,
+  showRemoveIcon: true,
+  showDownloadIcon: false,
+  showPreviewIcon: true,
+  previewFile: previewImage,
+  isImageUrl: isImageUrl
+};
+export default UploadList;

package/es/upload/index.d.ts

@@ -0,0 +1,4 @@
+import Upload from './Upload';
+export { UploadProps, UploadListProps, UploadChangeParam, RcFile } from './interface';
+export { DraggerProps } from './Dragger';
+export default Upload;

package/es/upload/index.js

@@ -0,0 +1,8 @@
+/*
+ * upload 上传
+ * author zhousheng
+ */
+import Upload from './Upload';
+import Dragger from './Dragger';
+Upload.Dragger = Dragger;
+export default Upload;

package/es/upload/interface.d.ts

@@ -0,0 +1,139 @@
+import * as React from 'react';
+import { RcFile as OriRcFile, UploadRequestOption as RcCustomRequestOptions } from './BaseUpload/interface';
+import { ProgressProps } from '../progress';
+export interface RcFile extends OriRcFile {
+    readonly lastModifiedDate: Date;
+}
+export declare type UploadFileStatus = 'error' | 'success' | 'done' | 'uploading' | 'removed';
+export interface HttpRequestHeader {
+    [key: string]: string;
+}
+export interface UploadFile<T = any> {
+    uid: string;
+    size?: number;
+    name: string;
+    fileName?: string;
+    lastModified?: number;
+    lastModifiedDate?: Date;
+    url?: string;
+    status?: UploadFileStatus;
+    percent?: number;
+    thumbUrl?: string;
+    originFileObj?: RcFile;
+    response?: T;
+    error?: any;
+    linkProps?: any;
+    type?: string;
+    xhr?: T;
+    preview?: string;
+}
+export interface InternalUploadFile<T = any> extends UploadFile<T> {
+    originFileObj: RcFile;
+}
+export interface UploadChangeParam<T extends object = UploadFile> {
+    file: T;
+    fileList: UploadFile[];
+    event?: {
+        percent: number;
+    };
+}
+export interface ShowUploadListInterface {
+    showRemoveIcon?: boolean;
+    showPreviewIcon?: boolean;
+    showDownloadIcon?: boolean;
+    showUploadIcon?: boolean;
+    uploadIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode);
+    removeIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode);
+    downloadIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode);
+}
+export interface UploadLocale {
+    uploading?: string;
+    removeFile?: string;
+    downloadFile?: string;
+    uploadFile?: string;
+    uploadError?: string;
+    previewFile?: string;
+}
+export declare type UploadType = 'drag' | 'select';
+export declare type UploadListType = 'text' | 'picture' | 'picture-card';
+export declare type UploadListProgressProps = Omit<ProgressProps, 'percent' | 'type'>;
+export declare type ItemRender<T = any> = (originNode: React.ReactElement, file: UploadFile, fileList: Array<UploadFile<T>>, actions: {
+    download: () => void;
+    preview: () => void;
+    remove: () => void;
+    upload: () => void;
+}) => React.ReactNode;
+declare type PreviewFileHandler = (file: File | Blob) => PromiseLike<string>;
+declare type TransformFileHandler = (file: RcFile) => string | Blob | File | PromiseLike<string | Blob | File>;
+declare type BeforeUploadValueType = void | boolean | string | Blob | File;
+export interface UploadProps<T = any> {
+    type?: UploadType;
+    name?: string;
+    defaultFileList?: Array<UploadFile<T>>;
+    fileList?: Array<UploadFile<T>>;
+    action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
+    directory?: boolean;
+    data?: Record<string, unknown> | ((file: UploadFile<T> | string | Blob) => Record<string, unknown> | Promise<Record<string, unknown>>);
+    method?: 'POST' | 'PUT' | 'PATCH' | 'post' | 'put' | 'patch';
+    headers?: HttpRequestHeader;
+    showUploadList?: boolean | ShowUploadListInterface;
+    multiple?: boolean;
+    accept?: string;
+    beforeUpload?: (file: RcFile, FileList: RcFile[]) => BeforeUploadValueType | Promise<BeforeUploadValueType>;
+    onChange?: (info: UploadChangeParam) => void;
+    onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
+    listType?: UploadListType;
+    className?: string;
+    onPreview?: (file: UploadFile<T>) => void;
+    onUpload?: (file: UploadFile<T>) => void;
+    onDownload?: (file: UploadFile<T>) => void;
+    onRemove?: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>;
+    supportServerRender?: boolean;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    prefixCls?: string;
+    customRequest?: (options: RcCustomRequestOptions) => void;
+    withCredentials?: boolean;
+    openFileDialogOnClick?: boolean;
+    locale?: UploadLocale;
+    id?: string;
+    previewFile?: PreviewFileHandler;
+    /** @deprecated Please use `beforeUpload` directly */
+    transformFile?: TransformFileHandler;
+    iconRender?: (file: UploadFile<T>, listType?: UploadListType) => React.ReactNode;
+    isImageUrl?: (file: UploadFile) => boolean;
+    progress?: UploadListProgressProps;
+    itemRender?: ItemRender<T>;
+    /** Config max count of `fileList`. Will replace current one when `maxCount` is 1 */
+    maxCount?: number;
+    description?: React.ReactNode;
+    desPosition?: 'bottom' | 'right';
+}
+export interface UploadState<T = any> {
+    fileList: UploadFile<T>[];
+    dragState: string;
+}
+export interface UploadListProps<T = any> {
+    listType?: UploadListType;
+    onPreview?: (file: UploadFile<T>) => void;
+    onUpload?: (file: UploadFile<T>) => void;
+    onDownload?: (file: UploadFile<T>) => void;
+    onRemove?: (file: UploadFile<T>) => void | boolean;
+    items?: Array<UploadFile<T>>;
+    progress?: UploadListProgressProps;
+    prefixCls?: string;
+    showRemoveIcon?: boolean;
+    showDownloadIcon?: boolean;
+    showPreviewIcon?: boolean;
+    showUploadIcon?: boolean;
+    removeIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode);
+    downloadIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode);
+    uploadIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode);
+    locale: UploadLocale;
+    previewFile?: PreviewFileHandler;
+    iconRender?: (file: UploadFile<T>, listType?: UploadListType) => React.ReactNode;
+    isImageUrl?: (file: UploadFile) => boolean;
+    appendAction?: React.ReactNode;
+    itemRender?: ItemRender<T>;
+}
+export {};

package/es/upload/interface.js

@@ -0,0 +1 @@
+export {};

package/es/upload/style/css.js

@@ -0,0 +1,6 @@
+import '../../style/index.css';
+import './index.css'; // style dependencies
+
+import '../../button/style/css';
+import '../../progress/style/css';
+import '../../tooltip/style/css';