@chaomingd/design 0.0.68

package/dist/esm/UploadFile/components/SvgIcons.js

@@ -0,0 +1,141 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var SlashSvg = function SlashSvg(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M4.06689 13.8119L11.0669 1.6875L11.9329 2.1875L4.93292 14.3119L4.06689 13.8119Z"
+    })
+  }));
+};
+export var ZipSvg = function ZipSvg(props) {
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({}, props), {}, {
+    viewBox: "0 0 66 72",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M42.5 3H5C3.89543 3 3 3.89543 3 5V67C3 68.1046 3.89543 69 5 69H51.5C52.6046 69 53.5 68.1046 53.5 67V15.5L42.5 3Z",
+      stroke: "currentColor",
+      strokeWidth: "2"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M42.5 15.5V3L53.5 15.5H42.5Z",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("rect", {
+      x: "19.5",
+      y: "33",
+      width: "44",
+      height: "24",
+      rx: "2",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M31.256 50V48.306L36.324 41.964L36.31 41.88H31.536V40.284H38.55V41.908L33.426 48.306V48.39H38.9V50H31.256ZM40.6168 50V40.284H42.4508V50H40.6168ZM44.7457 50V40.284H47.8537C50.7097 40.284 51.5917 41.222 51.5917 43.518C51.5917 45.968 50.4997 46.85 47.8537 46.85H46.5797V50H44.7457ZM46.5797 45.366H47.6297C49.1977 45.366 49.7157 44.96 49.7157 43.546C49.7157 42.216 49.1837 41.768 47.6297 41.768H46.5797V45.366Z",
+      fill: "white"
+    })]
+  }));
+};
+export var RarSvg = function RarSvg(props) {
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({
+    viewBox: "0 0 66 72",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M42.5 3H5C3.89543 3 3 3.89543 3 5V67C3 68.1046 3.89543 69 5 69H51.5C52.6046 69 53.5 68.1046 53.5 67V15.5L42.5 3Z",
+      stroke: "currentColor",
+      strokeWidth: "2"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M42.5 15.5V3L53.5 15.5H42.5Z",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("rect", {
+      x: "19.5",
+      y: "33",
+      width: "44",
+      height: "24",
+      rx: "2",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M36.32 50H34.164L31.742 46.332H31.672H30.482V50H28.648V40.284H31.672C34.304 40.284 35.41 41.096 35.41 43.294C35.41 44.932 34.822 45.772 33.534 46.122L36.32 50ZM30.482 44.932H31.42C32.974 44.932 33.576 44.68 33.576 43.294C33.576 42.034 32.974 41.768 31.42 41.768H30.482V44.932ZM44.2817 50L43.3857 47.424H39.3257L38.4017 50H36.5117L40.1517 40.284H42.6157L46.2277 50H44.2817ZM39.8717 45.884H42.8397L41.4537 41.922H41.2857L39.8717 45.884ZM55.1188 50H52.9628L50.5408 46.332H50.4708H49.2808V50H47.4468V40.284H50.4708C53.1028 40.284 54.2088 41.096 54.2088 43.294C54.2088 44.932 53.6208 45.772 52.3328 46.122L55.1188 50ZM49.2808 44.932H50.2188C51.7728 44.932 52.3748 44.68 52.3748 43.294C52.3748 42.034 51.7728 41.768 50.2188 41.768H49.2808V44.932Z",
+      fill: "white"
+    })]
+  }));
+};
+export var DocSvg = function DocSvg(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "100%",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M927.68 698.912c0-0.576 0.32-1.056 0.32-1.664v-564.32C928 77.28 883.552 32 828.928 32H195.04C140.448 32 96 77.28 96 132.928v758.144C96 946.72 140.448 992 195.04 992h480.032a31.872 31.872 0 0 0 20.96-7.84l153.856-133.632a32 32 0 1 0-41.92-48.32L704 892.512V772.96c0-20.384 15.712-36.96 35.072-36.96h157.632a32 32 0 0 0 32-32c-0.032-1.792-0.768-3.36-1.024-5.088zM640 772.928V928H195.04c-19.328 0-35.04-16.576-35.04-36.928V132.928C160 112.576 175.712 96 195.04 96h633.888C848.288 96 864 112.576 864 132.928V672H739.072C684.448 672 640 717.28 640 772.928zM731.36 288h-5.216c-9.536 0-17.504 4.192-23.84 12.576-22.56 40.768-50.464 95.296-83.712 163.52L548.32 322.72c-8.352-23.168-19.936-34.72-34.688-34.72h-7.808c-10.112 0-18.656 5.056-25.6 15.168-36.736 69.408-64.032 123.04-81.984 160.928L327.968 322.72C319.904 299.552 308.32 288 293.312 288h-6.944l-6.528 1.728c-15.872 8.096-23.84 17.632-23.84 28.64v7.808l0.864 5.216c43.68 92.256 77.792 162.208 102.368 209.92C369.056 564.448 380.64 576 393.92 576H400c8.96 0 17.344-4.192 25.152-12.576l83.264-164.384h0.864c30.368 63.904 51.776 107.712 64.192 131.424 12.736 30.368 26.336 45.536 40.8 45.536h6.08c9.824 0 18.784-5.056 26.88-15.168l116.256-231.168v-10.432l-0.864-3.456C752.768 297.248 742.368 288 731.36 288z",
+      fill: "currentColor"
+    })
+  }));
+};
+export var PdfSvg = function PdfSvg(props) {
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({}, props), {}, {
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "100%",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M582.4 864H170.666667c-6.4 0-10.666667-4.266667-10.666667-10.666667V170.666667c0-6.4 4.266667-10.666667 10.666667-10.666667h309.333333V320c0 40.533333 34.133333 74.666667 74.666667 74.666667h160v38.4c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V298.666667c0-8.533333-4.266667-17.066667-8.533334-23.466667l-170.666666-170.666667c-6.4-6.4-14.933333-8.533333-23.466667-8.533333H170.666667C130.133333 96 96 130.133333 96 170.666667v682.666666c0 40.533333 34.133333 74.666667 74.666667 74.666667h411.733333c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32z m132.266667-550.4v17.066667H554.666667c-6.4 0-10.666667-4.266667-10.666667-10.666667V160h19.2l151.466667 153.6z",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M332.8 533.333333c-12.8 0-19.2 2.133333-25.6 6.4-6.4 4.266667-8.533333 12.8-8.533333 23.466667v206.933333c0 6.4 2.133333 12.8 6.4 19.2 4.266667 4.266667 10.666667 8.533333 21.333333 8.533334s17.066667-4.266667 21.333333-8.533334c4.266667-4.266667 6.4-10.666667 6.4-19.2v-64h32c57.6 0 89.6-29.866667 89.6-87.466666 0-27.733333-8.533333-51.2-23.466666-64-14.933333-14.933333-36.266667-21.333333-66.133334-21.333334h-53.333333z m87.466667 85.333334c0 12.8-2.133333 23.466667-8.533334 27.733333-4.266667 4.266667-14.933333 8.533333-27.733333 8.533333h-32v-70.4H384c12.8 0 21.333333 2.133333 27.733333 8.533334 6.4 4.266667 8.533333 12.8 8.533334 25.6zM667.733333 571.733333c-8.533333-12.8-21.333333-21.333333-34.133333-29.866666-14.933333-4.266667-32-8.533333-51.2-8.533334h-61.866667c-8.533333 0-17.066667 0-23.466666 8.533334-2.133333 4.266667-4.266667 10.666667-4.266667 19.2V768c0 8.533333 2.133333 14.933333 4.266667 19.2 6.4 8.533333 14.933333 8.533333 23.466666 8.533333h64c19.2 0 34.133333-4.266667 49.066667-10.666666 12.8-6.4 25.6-17.066667 34.133333-29.866667 8.533333-12.8 14.933333-25.6 19.2-42.666667 4.266667-14.933333 6.4-32 6.4-49.066666 0-17.066667-2.133333-34.133333-6.4-49.066667-4.266667-14.933333-10.666667-29.866667-19.2-42.666667z m-42.666666 153.6c-8.533333 12.8-21.333333 19.2-38.4 19.2h-38.4v-160H576c21.333333 0 38.4 6.4 46.933333 19.2 10.666667 12.8 14.933333 34.133333 14.933334 59.733334 2.133333 27.733333-4.266667 46.933333-12.8 61.866666zM851.2 533.333333h-106.666667c-8.533333 0-17.066667 2.133333-21.333333 6.4-6.4 4.266667-8.533333 12.8-8.533333 21.333334v209.066666c0 6.4 2.133333 12.8 6.4 17.066667 4.266667 6.4 10.666667 8.533333 21.333333 8.533333 8.533333 0 17.066667-2.133333 21.333333-8.533333 2.133333-4.266667 6.4-8.533333 6.4-19.2v-85.333333h72.533334c12.8 0 23.466667-6.4 25.6-17.066667 2.133333-8.533333 2.133333-14.933333 0-17.066667-2.133333-4.266667-6.4-17.066667-25.6-17.066666H768v-49.066667h81.066667c8.533333 0 14.933333-2.133333 19.2-4.266667 4.266667-2.133333 8.533333-8.533333 8.533333-21.333333 2.133333-12.8-8.533333-23.466667-25.6-23.466667z",
+      fill: "currentColor"
+    })]
+  }));
+};
+export var TxtSvg = function TxtSvg(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "100%",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M249.856 389.12v-178.176c0-45.056 36.864-81.92 81.92-81.92h456.704l163.84 167.936v337.92c0 12.288-8.192 20.48-20.48 20.48s-20.48-8.192-20.48-20.48V337.92h-102.4c-34.816 0-61.44-26.624-61.44-61.44v-106.496h-415.744c-22.528 0-40.96 18.432-40.96 40.96v178.176h456.704c22.528 0 40.96 18.432 40.96 40.96v286.72c0 22.528-18.432 40.96-40.96 40.96h-456.704v61.44c0 22.528 18.432 40.96 40.96 40.96h538.624c22.528 0 40.96-18.432 40.96-40.96v-61.44c0-12.288 8.192-20.48 20.48-20.48s20.48 8.192 20.48 20.48v61.44c0 45.056-36.864 81.92-81.92 81.92h-538.624c-45.056 0-81.92-36.864-81.92-81.92v-61.44h-137.216c-22.528 0-40.96-18.432-40.96-40.96v-286.72c0-22.528 18.432-40.96 40.96-40.96h137.216z m538.624-202.752v90.112c0 10.24 8.192 20.48 20.48 20.48h86.016l-106.496-110.592z m-466.944 323.584v-30.72h-172.032v30.72h67.584v167.936h38.912v-167.936h65.536z m131.072 69.632l67.584-100.352h-45.056c-22.528 36.864-34.816 59.392-36.864 63.488-2.048 2.048-4.096 6.144-6.144 10.24-2.048 4.096-4.096 4.096-4.096 6.144 0-2.048-2.048-4.096-4.096-8.192s-4.096-6.144-4.096-6.144c-2.048-4.096-14.336-24.576-38.912-63.488h-45.056l67.584 98.304-75.776 100.352h45.056c28.672-43.008 45.056-65.536 45.056-67.584 4.096-6.144 6.144-10.24 8.192-14.336 2.048 4.096 4.096 8.192 8.192 12.288 2.048 2.048 16.384 24.576 45.056 67.584h47.104l-73.728-98.304z m253.952-69.632v-30.72h-172.032v30.72h67.584v167.936h38.912v-167.936h65.536z",
+      fill: "currentColor"
+    })
+  }));
+};
+export var CloseSvg = function CloseSvg(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M15 8C15 4.13401 11.866 1 8 1C4.13401 0.999998 1 4.134 1 8C0.999998 11.866 4.134 15 8 15C11.866 15 15 11.866 15 8ZM5.67091 4.94754L8.00001 7.29075L10.3291 4.94754L11.0384 5.65251L8.70499 8L11.0383 10.3475L10.3291 11.0525L8.00001 8.70925L5.67092 11.0525L4.96168 10.3475L7.29503 8L4.96167 5.65251L5.67091 4.94754Z"
+    })
+  }));
+};
+export var DeleteSvg = function DeleteSvg(props) {
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M6 12V6H7V12H6Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9 6V12H10V6H9Z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M10.5 3H14V4H13V14C13 14.5523 12.5523 15 12 15H4C3.44772 15 3 14.5523 3 14V4H2V3H5.5L5.5 1.8C5.5 1.35817 5.85817 1 6.3 1H9.7C10.1418 1 10.5 1.35817 10.5 1.8V3ZM6.5 3H9.5L9.5 2L6.5 2V3ZM4 4V14H12V4H4Z"
+    })]
+  }));
+};

package/dist/esm/UploadFile/hooks/useUploadModel.d.ts

@@ -0,0 +1,16 @@
+import { FileListItemProps, UploadFileProps } from '../type';
+export interface UploadState {
+    value: FileListItemProps[];
+    dragEnter: boolean;
+}
+export declare function useUploadModel(props: UploadFileProps): {
+    model: import("@chaomingd/store").Model<UploadState, {
+        [x: string]: any;
+    }, Record<string, any>>;
+    onDragOver: (e: any) => void;
+    handleUploadFiles: (files: ArrayLike<File>, options?: {
+        replace: boolean;
+        replaceId: string;
+    }) => Promise<void>;
+    onDeleteFileList: (uid: string) => void;
+};

package/dist/esm/UploadFile/hooks/useUploadModel.js

@@ -0,0 +1,376 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { useModel } from '@chaomingd/store';
+import { getAntApp } from "../..";
+import { AsyncTaskQueue, uuid } from '@chaomingd/utils';
+import { message } from 'antd';
+import { useMemo, useRef } from 'react';
+import { formatBitString } from "../utils/formatBitString";
+import { getFileInfo, validateFileTypes } from "../utils/validateFileTypes";
+import { useCreation, useMemoizedFn } from 'ahooks';
+export function useUploadModel(props) {
+  var dragOverTimer = useRef();
+  var asyncTaskQueue = useCreation(function () {
+    return new AsyncTaskQueue(props.uploadConcurrency || 3);
+  }, []);
+  var model = useModel({
+    state: {
+      value: [],
+      dragEnter: false
+    }
+  });
+  var _props$maxCount = props.maxCount,
+    maxCount = _props$maxCount === void 0 ? 1 : _props$maxCount;
+  var hasValue = ('value' in props);
+  useMemo(function () {
+    if (hasValue) {
+      if (Array.isArray(props.value)) {
+        var value = props.value;
+        if (maxCount > 0 && value.length > maxCount) {
+          value = value.slice(0, maxCount);
+        }
+        model.setState({
+          value: value
+        }, {
+          silent: true
+        });
+      }
+    }
+  }, [props.value, hasValue]);
+  var handleOnChange = useMemoizedFn(function (files) {
+    var _props$onChange;
+    model.setState({
+      value: files
+    }, {
+      silent: hasValue
+    });
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, files);
+  });
+
+  // 处理拖拽进入
+  var onDragOver = function onDragOver(e) {
+    e.preventDefault();
+    clearTimeout(dragOverTimer.current);
+    var _model$getState = model.getState(),
+      dragEnter = _model$getState.dragEnter;
+    if (!dragEnter) {
+      model.setState({
+        dragEnter: true
+      });
+    }
+    dragOverTimer.current = setTimeout(function () {
+      model.setState({
+        dragEnter: false
+      });
+    }, 100);
+  };
+
+  // 更新单个文件列表数据
+  var updateFileItemByUid = function updateFileItemByUid(uid, data) {
+    var _model$getState2 = model.getState(),
+      fileList = _model$getState2.value;
+    handleOnChange(fileList.map(function (item) {
+      if (item.uid === uid) {
+        return _objectSpread(_objectSpread({}, item), data);
+      }
+      return item;
+    }));
+  };
+
+  // 处理上传前校验
+  var handleBeforeUpload = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
+      var accepts, maxFileSize, _yield$validateFileTy, isValid;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            accepts = props.accepts || [];
+            maxFileSize = props.maxFileSize || -1;
+            if (!accepts) {
+              _context.next = 9;
+              break;
+            }
+            _context.next = 5;
+            return validateFileTypes(file, accepts);
+          case 5:
+            _yield$validateFileTy = _context.sent;
+            isValid = _yield$validateFileTy.isValid;
+            if (isValid) {
+              _context.next = 9;
+              break;
+            }
+            return _context.abrupt("return", Promise.reject(new Error("\u6587\u4EF6\u683C\u5F0F\u4E0D\u6B63\u786E\uFF01\u53EA\u652F\u6301 ".concat(accepts.join(', '), " \u7C7B\u578B\u7684\u6587\u4EF6"))));
+          case 9:
+            if (!(maxFileSize > 0)) {
+              _context.next = 12;
+              break;
+            }
+            if (!(file.size > maxFileSize)) {
+              _context.next = 12;
+              break;
+            }
+            return _context.abrupt("return", Promise.reject(new Error("\u6587\u4EF6\u5927\u5C0F\u8D85\u51FA ".concat(formatBitString(maxFileSize)))));
+          case 12:
+            if (!props.beforeUpload) {
+              _context.next = 15;
+              break;
+            }
+            _context.next = 15;
+            return props.beforeUpload(file);
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleBeforeUpload(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  // 文件内容校验
+  function handleValidation(fileListItem) {
+    var _validation$validateR;
+    var validation = props.validation;
+    var onValidationProgress = function onValidationProgress(percent) {
+      updateFileItemByUid(fileListItem.uid, {
+        validationPercent: percent
+      });
+    };
+    var onValidationSuccess = function onValidationSuccess() {
+      updateFileItemByUid(fileListItem.uid, {
+        validationStatus: 'success'
+      });
+    };
+    var onValidationError = function onValidationError(e) {
+      updateFileItemByUid(fileListItem.uid, {
+        validationStatus: 'error',
+        validationError: e
+      });
+    };
+    updateFileItemByUid(fileListItem.uid, {
+      validationStatus: 'validating'
+    });
+    var controller = new AbortController();
+    var abort = function abort() {
+      controller.abort();
+    };
+    fileListItem.validationAbort = abort;
+    var res = (_validation$validateR = validation.validateRequest) === null || _validation$validateR === void 0 ? void 0 : _validation$validateR.call(validation, {
+      onProgress: onValidationProgress,
+      onError: onValidationError,
+      onSuccess: onValidationSuccess,
+      fileItem: fileListItem,
+      axiosRequestConfig: {
+        signal: controller.signal
+      }
+    });
+    if (res !== null && res !== void 0 && res.abort) {
+      fileListItem.validationAbort = abort;
+    }
+  }
+
+  // 处理上传逻辑
+  var handleUploadFiles = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(files, options) {
+      var Message, fileListPromises, handleUploadFile, fileList, _model$getState3, currentFileList, remainCount;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            handleUploadFile = function _handleUploadFile(fileListItem) {
+              return new Promise(function (resolve, reject) {
+                var formData = new FormData();
+                formData.append(props.name || 'file', fileListItem.file);
+                if (props.data) {
+                  Object.keys(props.data).forEach(function (key) {
+                    formData.append(key, props.data[key]);
+                  });
+                }
+                // 取消上传
+                var controller = new AbortController();
+                var abort = function abort() {
+                  controller.abort();
+                };
+                fileListItem.abort = abort;
+                var onProgress = function onProgress(event) {
+                  updateFileItemByUid(fileListItem.uid, {
+                    percent: event.percent
+                  });
+                };
+                var onError = function onError(e, body) {
+                  updateFileItemByUid(fileListItem.uid, {
+                    status: 'error',
+                    response: body,
+                    error: e
+                  });
+                  reject(e);
+                };
+                var onSuccess = function onSuccess(body) {
+                  var url;
+                  if (typeof body === 'string') {
+                    url = body;
+                  } else {
+                    url = (body === null || body === void 0 ? void 0 : body.url) || '';
+                  }
+                  updateFileItemByUid(fileListItem.uid, {
+                    status: 'done',
+                    response: body,
+                    url: url
+                  });
+                  resolve(true);
+
+                  // 开始校验文件内容
+                  if (props.validation) {
+                    handleValidation(fileListItem);
+                  }
+                };
+                updateFileItemByUid(fileListItem.uid, {
+                  status: 'uploading'
+                });
+                if (props.customRequest) {
+                  var customeRequestReturnValue = props.customRequest({
+                    onError: onError,
+                    onProgress: onProgress,
+                    signal: controller.signal,
+                    file: fileListItem.file,
+                    fileItem: fileListItem,
+                    onSuccess: onSuccess
+                  });
+                  if (customeRequestReturnValue !== null && customeRequestReturnValue !== void 0 && customeRequestReturnValue.abort) {
+                    fileListItem.abort = customeRequestReturnValue.abort;
+                  }
+                } else if (props.uploadRequest) {
+                  var _props$uploadRequest;
+                  (_props$uploadRequest = props.uploadRequest) === null || _props$uploadRequest === void 0 || _props$uploadRequest.call(props, formData, {
+                    onUploadProgress: function onUploadProgress(_ref4) {
+                      var progress = _ref4.progress;
+                      onProgress({
+                        percent: (progress || 0) * 100
+                      });
+                    },
+                    signal: controller.signal
+                  }, fileListItem).then(onSuccess).catch(function (e) {
+                    var _e$response;
+                    console.error(e);
+                    onError(e, (_e$response = e.response) === null || _e$response === void 0 ? void 0 : _e$response.data);
+                  });
+                }
+              });
+            };
+            Message = getAntApp().message || message;
+            fileListPromises = Array.from(files).map( /*#__PURE__*/function () {
+              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file) {
+                var fileInfo, fileName, newFile, fileListItem;
+                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
+                    case 0:
+                      _context2.next = 2;
+                      return getFileInfo(file);
+                    case 2:
+                      fileInfo = _context2.sent;
+                      fileName = file.name;
+                      newFile = new File([file], fileName, {
+                        type: fileInfo.mimeType
+                      });
+                      fileListItem = {
+                        name: newFile.name,
+                        uid: uuid(),
+                        status: 'uploading',
+                        file: newFile,
+                        percent: 0,
+                        size: file.size,
+                        blobUrl: URL.createObjectURL(newFile)
+                      };
+                      _context2.prev = 6;
+                      _context2.next = 9;
+                      return handleBeforeUpload(newFile);
+                    case 9:
+                      return _context2.abrupt("return", fileListItem);
+                    case 12:
+                      _context2.prev = 12;
+                      _context2.t0 = _context2["catch"](6);
+                      console.error(_context2.t0);
+                      Message.error(_context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.message);
+                      return _context2.abrupt("return", null);
+                    case 17:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }, _callee2, null, [[6, 12]]);
+              }));
+              return function (_x4) {
+                return _ref3.apply(this, arguments);
+              };
+            }());
+            _context3.next = 5;
+            return Promise.all(fileListPromises);
+          case 5:
+            fileList = _context3.sent.filter(Boolean);
+            if (fileList.length) {
+              if (options !== null && options !== void 0 && options.replace) {
+                asyncTaskQueue.add(function () {
+                  return handleUploadFile(fileList[0]);
+                });
+                asyncTaskQueue.start();
+                updateFileItemByUid(options.replaceId, fileList[0]);
+              } else {
+                _model$getState3 = model.getState(), currentFileList = _model$getState3.value;
+                if (maxCount > 0) {
+                  remainCount = maxCount - currentFileList.length;
+                  fileList = fileList.slice(0, remainCount);
+                }
+                fileList.forEach(function (fileListItem) {
+                  asyncTaskQueue.add(function () {
+                    return handleUploadFile(fileListItem);
+                  });
+                });
+                asyncTaskQueue.start();
+                handleOnChange([].concat(_toConsumableArray(model.getState().value), _toConsumableArray(fileList)));
+              }
+            }
+          case 7:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function handleUploadFiles(_x2, _x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  // 删除文件
+  var onDeleteFileList = function onDeleteFileList(uid) {
+    var _model$getState4 = model.getState(),
+      value = _model$getState4.value;
+    var deleteFile = value.find(function (item) {
+      return item.uid === uid;
+    });
+    if (deleteFile) {
+      var _props$onRemove;
+      handleOnChange(value.filter(function (fileListItem) {
+        return fileListItem.uid !== uid;
+      }));
+      if (deleteFile.status === 'uploading') {
+        var _deleteFile$abort;
+        (_deleteFile$abort = deleteFile.abort) === null || _deleteFile$abort === void 0 || _deleteFile$abort.call(deleteFile);
+      }
+      if (deleteFile.validationStatus === 'validating') {
+        var _deleteFile$validatio;
+        (_deleteFile$validatio = deleteFile.validationAbort) === null || _deleteFile$validatio === void 0 || _deleteFile$validatio.call(deleteFile);
+      }
+      if (deleteFile.blobUrl) {
+        URL.revokeObjectURL(deleteFile.blobUrl);
+      }
+      (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 || _props$onRemove.call(props, deleteFile);
+    }
+  };
+  return {
+    model: model,
+    onDragOver: onDragOver,
+    handleUploadFiles: handleUploadFiles,
+    onDeleteFileList: onDeleteFileList
+  };
+}

package/dist/esm/UploadFile/index.d.ts

@@ -0,0 +1,4 @@
+import './index.less';
+import { UploadFileProps } from './type';
+declare const UploadFile: (props: UploadFileProps) => import("react/jsx-runtime").JSX.Element;
+export default UploadFile;