@zykj2024/much-library 1.1.7-beta.3 → 1.1.7-beta.5

package/dist/McUpload/comps/McUploadTrigger/index.js

@@ -0,0 +1,318 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["type", "status", "url", "onDelete", "percent", "disabled"],
+  _excluded2 = ["children", "active", "onUploadClick"];
+import { AddOutlined, AttachmentOutlined, DeleteOutlined, LoadingOutlined, PictureOutlined, UploadFilled, UploadOutlined, VisibleOutlined } from '@zykj2024/much-icons';
+import { Button, Image, Progress, Spin } from 'antd';
+import classNames from 'classnames';
+import { useState } from 'react';
+import { isNumber } from "../../tools/materialVerification";
+import "./index.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export var E_McUploadTriggerType = /*#__PURE__*/function (E_McUploadTriggerType) {
+  E_McUploadTriggerType["BUTTON"] = "button";
+  E_McUploadTriggerType["SQUARE"] = "square";
+  E_McUploadTriggerType["RECTANGLE"] = "rectangle";
+  E_McUploadTriggerType["CIRCLE"] = "circle";
+  E_McUploadTriggerType["DRAGGER"] = "dragger";
+  return E_McUploadTriggerType;
+}({});
+
+// 状态枚举
+export var E_McUploadTriggerStatus = /*#__PURE__*/function (E_McUploadTriggerStatus) {
+  E_McUploadTriggerStatus["DEFAULT"] = "default";
+  E_McUploadTriggerStatus["UPLOADING"] = "uploading";
+  E_McUploadTriggerStatus["DONE"] = "done";
+  E_McUploadTriggerStatus["ERROR"] = "error";
+  return E_McUploadTriggerStatus;
+}({});
+
+// 通用文件触发器-----------------------------------------------------------------
+export var McUploadTriggerButton = function McUploadTriggerButton(_ref) {
+  var _buttonProps$children, _rootDivProps$classNa;
+  var status = _ref.status,
+    fileName = _ref.fileName,
+    percent = _ref.percent,
+    onDelete = _ref.onDelete,
+    disabled = _ref.disabled,
+    buttonProps = _ref.buttonProps,
+    rootDivProps = _ref.rootDivProps;
+  var isDefault = status === E_McUploadTriggerStatus.DEFAULT;
+  var isUploading = status === E_McUploadTriggerStatus.UPLOADING;
+  var isDONE = status === E_McUploadTriggerStatus.DONE;
+  var isError = status === E_McUploadTriggerStatus.ERROR;
+  // 有没有配置进度条
+  var hasProgress = isNumber(percent);
+  return isDefault ? /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+    icon: /*#__PURE__*/_jsx(UploadOutlined, {})
+  }, buttonProps), {}, {
+    disabled: disabled,
+    children: (_buttonProps$children = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) !== null && _buttonProps$children !== void 0 ? _buttonProps$children : '上传文件'
+  })) : /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, rootDivProps), {}, {
+    className: "button-container ".concat((_rootDivProps$classNa = rootDivProps === null || rootDivProps === void 0 ? void 0 : rootDivProps.className) !== null && _rootDivProps$classNa !== void 0 ? _rootDivProps$classNa : ''),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: 'button-icon',
+      children: isUploading ? /*#__PURE__*/_jsx(Spin, {
+        indicator: /*#__PURE__*/_jsx(LoadingOutlined, {
+          style: {
+            color: '#D9D9D9'
+          },
+          spin: true
+        })
+      }) : /*#__PURE__*/_jsx(AttachmentOutlined, {
+        style: {
+          color: isDONE ? '#325CF7' : '#FF4D4F'
+        }
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: 'button-content',
+      style: {
+        justifyContent: isUploading && hasProgress ? 'flex-end' : 'center'
+      },
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: 'button-content-name',
+        style: {
+          margin: isUploading && hasProgress ? '4px 0 -4px 0' : 0,
+          color: isError ? '#FF4D4F' : '#325CF7'
+        },
+        children: [/*#__PURE__*/_jsx("span", {
+          style: {
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            lineHeight: 1.2
+          },
+          children: fileName || ''
+        }), !disabled && /*#__PURE__*/_jsx("span", {
+          className: classNames('button-content-name-delete', isError ? 'delete_error' : ''),
+          onClick: function onClick() {
+            onDelete === null || onDelete === void 0 || onDelete();
+          },
+          children: /*#__PURE__*/_jsx(DeleteOutlined, {
+            style: {
+              color: isError ? '#FF4D4F' : '#8C8C8C'
+            }
+          })
+        })]
+      }), isUploading && hasProgress && /*#__PURE__*/_jsx("div", {
+        className: 'button-content-progress',
+        children: /*#__PURE__*/_jsx(Progress, {
+          percent: percent,
+          showInfo: false,
+          strokeColor: "#325CF7",
+          style: {
+            lineHeight: '1px'
+          },
+          size: {
+            height: 2
+          }
+        })
+      })]
+    })]
+  }));
+};
+
+// 图片触发器，方形、矩形、圆形---------------------------------------------------
+
+// 类名映射
+var classNameMap = _defineProperty(_defineProperty(_defineProperty({}, E_McUploadTriggerType.SQUARE, 'square-container'), E_McUploadTriggerType.RECTANGLE, 'rectangle-container'), E_McUploadTriggerType.CIRCLE, 'circle-container');
+
+// 遮罩层
+var Mask = function Mask(_ref2) {
+  var onDelete = _ref2.onDelete,
+    onPreview = _ref2.onPreview,
+    _ref2$disabled = _ref2.disabled,
+    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
+  return /*#__PURE__*/_jsxs("div", {
+    className: 'mc-trigger-mask',
+    children: [!!onPreview && /*#__PURE__*/_jsx("span", {
+      onClick: function onClick() {
+        return onPreview === null || onPreview === void 0 ? void 0 : onPreview();
+      },
+      children: /*#__PURE__*/_jsx(VisibleOutlined, {
+        style: {
+          color: '#fff'
+        }
+      })
+    }), !disabled && /*#__PURE__*/_jsx("span", {
+      onClick: function onClick() {
+        onDelete === null || onDelete === void 0 || onDelete();
+      },
+      children: /*#__PURE__*/_jsx(DeleteOutlined, {
+        style: {
+          color: '#fff'
+        }
+      })
+    })]
+  });
+};
+export var McUploadTriggerPicture = function McUploadTriggerPicture(_ref3) {
+  var _contentMap$status;
+  var _ref3$type = _ref3.type,
+    type = _ref3$type === void 0 ? E_McUploadTriggerType.RECTANGLE : _ref3$type,
+    _ref3$status = _ref3.status,
+    status = _ref3$status === void 0 ? E_McUploadTriggerStatus.DEFAULT : _ref3$status,
+    url = _ref3.url,
+    onDelete = _ref3.onDelete,
+    percent = _ref3.percent,
+    disabled = _ref3.disabled,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var hasProgress = percent || percent === 0;
+  // 内容地图
+  var contentMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, E_McUploadTriggerStatus.DEFAULT, function () {
+    return /*#__PURE__*/_jsxs("div", {
+      className: classNames('base', 'picture-container_default'),
+      onClick: function onClick(e) {
+        if (disabled) {
+          // 阻止冒泡
+          e.stopPropagation();
+        }
+      },
+      children: [/*#__PURE__*/_jsx(AddOutlined, {}), /*#__PURE__*/_jsx("span", {
+        children: "\u70B9\u51FB\u4E0A\u4F20"
+      })]
+    });
+  }), E_McUploadTriggerStatus.UPLOADING, function () {
+    return /*#__PURE__*/_jsxs("div", {
+      className: classNames('base', 'picture-container_uploading'),
+      children: [/*#__PURE__*/_jsx(Mask, {
+        onDelete: onDelete,
+        disabled: disabled
+      }), /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsxs("div", {
+          style: {
+            marginBottom: '-10px'
+          },
+          children: [/*#__PURE__*/_jsx(Spin, {
+            style: {
+              zIndex: 1,
+              marginRight: 4
+            },
+            indicator: /*#__PURE__*/_jsx(LoadingOutlined, {
+              style: {
+                color: '#D9D9D9'
+              },
+              spin: true
+            }),
+            size: "small"
+          }), "\u4E0A\u4F20\u4E2D"]
+        }), hasProgress && /*#__PURE__*/_jsx(Progress, {
+          percent: percent,
+          showInfo: false,
+          strokeColor: "#325CF7",
+          style: {
+            lineHeight: '1px'
+          },
+          size: {
+            height: 2
+          }
+        })]
+      })]
+    });
+  }), E_McUploadTriggerStatus.DONE, function () {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx(Image, {
+        rootClassName: 'img-container',
+        src: url,
+        style: {
+          borderRadius: type === E_McUploadTriggerType.CIRCLE ? '50%' : 4
+        },
+        preview: {
+          visible: visible,
+          onVisibleChange: setVisible,
+          maskClassName: 'mc-trigger-mask',
+          mask: /*#__PURE__*/_jsxs("div", {
+            className: 'picture-container_done',
+            onClick: function onClick(e) {
+              e.stopPropagation();
+            },
+            children: [/*#__PURE__*/_jsx("span", {
+              onClick: function onClick() {
+                setVisible(true);
+              },
+              children: /*#__PURE__*/_jsx(VisibleOutlined, {})
+            }), !disabled && /*#__PURE__*/_jsx("span", {
+              onClick: function onClick(e) {
+                e.stopPropagation();
+                onDelete === null || onDelete === void 0 || onDelete();
+              },
+              children: /*#__PURE__*/_jsx(DeleteOutlined, {})
+            })]
+          })
+        }
+      })
+    });
+  }), E_McUploadTriggerStatus.ERROR, function () {
+    return /*#__PURE__*/_jsxs("div", {
+      className: classNames('base', 'picture-container_error'),
+      children: [/*#__PURE__*/_jsx(Mask, {
+        onDelete: onDelete,
+        disabled: disabled
+      }), /*#__PURE__*/_jsx(PictureOutlined, {
+        style: {
+          color: '#FF4D4F',
+          fontSize: 16
+        }
+      }), /*#__PURE__*/_jsx("span", {
+        style: {
+          color: '#FF4D4F'
+        },
+        children: "\u4E0A\u4F20\u5931\u8D25"
+      })]
+    });
+  });
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
+    onClick: function onClick(e) {
+      var _rest$onClick;
+      if (disabled) {
+        e.stopPropagation();
+        return;
+      }
+      rest === null || rest === void 0 || (_rest$onClick = rest.onClick) === null || _rest$onClick === void 0 || _rest$onClick.call(rest, e);
+    },
+    className: classNames(classNameMap[type] || '', 'uploadTrigger', (rest === null || rest === void 0 ? void 0 : rest.className) || ''),
+    children: contentMap === null || contentMap === void 0 || (_contentMap$status = contentMap[status]) === null || _contentMap$status === void 0 ? void 0 : _contentMap$status.call(contentMap)
+  }));
+};
+
+// 拖拽触发器-----------------------------------------------------------------
+export var McUploadTriggerDrag = function McUploadTriggerDrag(_ref4) {
+  var children = _ref4.children,
+    active = _ref4.active,
+    onUploadClick = _ref4.onUploadClick,
+    rest = _objectWithoutProperties(_ref4, _excluded2);
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, rest), {}, {
+    className: classNames('uploadTriggerDrag', active ? 'active' : '', (rest === null || rest === void 0 ? void 0 : rest.className) || ''),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: 'uploadTriggerDrag-icon',
+      children: /*#__PURE__*/_jsx(UploadFilled, {
+        style: {
+          fontSize: 64,
+          color: '#8C8C8C'
+        }
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: 'uploadTriggerDrag-text',
+      children: ["\u5C06\u6587\u4EF6\u6216\u6587\u4EF6\u5939\u62D6\u5230\u6B64\u5904\uFF0C\u6216", /*#__PURE__*/_jsx("a", {
+        onClick: function onClick() {
+          onUploadClick === null || onUploadClick === void 0 || onUploadClick();
+        },
+        style: {
+          color: '#325CF7'
+        },
+        children: "\u70B9\u51FB\u4E0A\u4F20"
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: 'uploadTriggerDrag-desc',
+      children: children
+    })]
+  }));
+};

package/dist/McUpload/demo/base.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McUpload/demo/base.js

@@ -0,0 +1,26 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+/**
+ * title: 点击上传
+ * description: 经典款式，用户点击按钮弹出文件选择框。
+ */
+import { message } from 'antd';
+import { E_McUploadTriggerType, McUpload } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var props = {
+    name: 'file',
+    action: 'https://660d2bd96ddfa2943b33731c.mockapi.io/api/upload',
+    headers: {
+      authorization: 'authorization-text'
+    },
+    onChange: function onChange(info) {
+      if (info.file.status === 'done') {
+        message.success("".concat(info.file.name, " file uploaded successfully"));
+      } else if (info.file.status === 'error') {
+        message.error("".concat(info.file.name, " file upload failed."));
+      }
+    },
+    listType: E_McUploadTriggerType.BUTTON
+  };
+  return /*#__PURE__*/_jsx(McUpload, _objectSpread({}, props));
+});

package/dist/McUpload/demo/beforeUploadDemo.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 增强的beforeUpload
+ * description: beforeUpolad参数中增加文件MD5哈希方法、校验方法（需和verifierConfig属性搭配使用）、任务队列（也可通过配置组件的taskQueueRef属性获取）
+ */
+declare const BaforeUploadDemo: () => import("react/jsx-runtime").JSX.Element;
+export default BaforeUploadDemo;

package/dist/McUpload/demo/beforeUploadDemo.js

@@ -0,0 +1,147 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 增强的beforeUpload
+ * description: beforeUpolad参数中增加文件MD5哈希方法、校验方法（需和verifierConfig属性搭配使用）、任务队列（也可通过配置组件的taskQueueRef属性获取）
+ */
+
+import { message } from 'antd';
+import { E_McUploadTriggerType, McUpload } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var BaforeUploadDemo = function BaforeUploadDemo() {
+  var _useState = useState([{
+      uid: '-1',
+      name: 'xxx.png',
+      status: 'done',
+      url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'
+    }]),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  var _useState3 = useState({
+      name: '喝咖啡的小姐姐.jpg',
+      md5: '30415542c74c2cdeb157b40cbb62bd21'
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fileInfo = _useState4[0],
+    setFileInfo = _useState4[1];
+  var getBase64 = function getBase64(file) {
+    return new Promise(function (resolve, reject) {
+      var reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = function () {
+        return resolve(reader.result);
+      };
+      reader.onerror = function (error) {
+        return reject(error);
+      };
+    });
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(McUpload, {
+      accept: "image/*",
+      listType: E_McUploadTriggerType.SQUARE,
+      fileList: fileList,
+      verifierConfig: {
+        size: {
+          min: 0,
+          max: 1024 * 1024 * 1
+        }
+      },
+      beforeUpload: ( /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
+          var file, getMD5, taskQueue, basicVerifier, res, _res$errList, md5;
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                file = _ref.file, getMD5 = _ref.getMD5, taskQueue = _ref.taskQueue, basicVerifier = _ref.basicVerifier;
+                _context2.next = 3;
+                return basicVerifier(file);
+              case 3:
+                res = _context2.sent;
+                if (res.isPassed) {
+                  _context2.next = 7;
+                  break;
+                }
+                message.error(res === null || res === void 0 || (_res$errList = res.errList) === null || _res$errList === void 0 || (_res$errList = _res$errList[0]) === null || _res$errList === void 0 || (_res$errList = _res$errList.messages) === null || _res$errList === void 0 ? void 0 : _res$errList[0]);
+                return _context2.abrupt("return", false);
+              case 7:
+                _context2.next = 9;
+                return getMD5(file);
+              case 9:
+                md5 = _context2.sent;
+                taskQueue.addTask({
+                  id: md5,
+                  task: function () {
+                    var _task = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                      var base64;
+                      return _regeneratorRuntime().wrap(function _callee$(_context) {
+                        while (1) switch (_context.prev = _context.next) {
+                          case 0:
+                            _context.next = 2;
+                            return getBase64(file);
+                          case 2:
+                            base64 = _context.sent;
+                            setFileInfo({
+                              md5: md5,
+                              name: file.name
+                            });
+                            setFileList(function (prev) {
+                              return [].concat(_toConsumableArray(prev), [{
+                                uid: file.uid,
+                                name: file.name,
+                                status: 'done',
+                                url: base64
+                              }]);
+                            });
+                          case 5:
+                          case "end":
+                            return _context.stop();
+                        }
+                      }, _callee);
+                    }));
+                    function task() {
+                      return _task.apply(this, arguments);
+                    }
+                    return task;
+                  }()
+                });
+              case 11:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        return function (_x) {
+          return _ref2.apply(this, arguments);
+        };
+      }()),
+      onChange: function onChange(info) {
+        var file = info.file;
+        if (file.status === 'removed') {
+          setFileList(function (prev) {
+            return prev.filter(function (item) {
+              return item.uid !== file.uid;
+            });
+          });
+        }
+      }
+    }), /*#__PURE__*/_jsxs("div", {
+      style: {
+        marginTop: 20,
+        fontSize: 12,
+        color: '#8c8c8c'
+      },
+      children: [/*#__PURE__*/_jsxs("div", {
+        children: ["\u6587\u4EF6\u540D\uFF1A", fileInfo.name || '']
+      }), /*#__PURE__*/_jsxs("div", {
+        children: ["md5\uFF1A", fileInfo.md5 || '']
+      })]
+    })]
+  });
+};
+export default BaforeUploadDemo;

package/dist/McUpload/demo/complexVerification.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 复杂校验
+ * description: 如一个视频文件大小不得超过15MB，时长不能错过10秒，宽度最大为160px,高度最大为90px,显示宽高比为16:9，这些可配置在verifierConfig属性中，beforeUpload的basicVerifier方法会校验这些配置，并返回校验结果（当第一个属性校验不通过时停止校验剩余属性）
+ *
+ */
+declare const ComplexVerification: () => import("react/jsx-runtime").JSX.Element;
+export default ComplexVerification;

package/dist/McUpload/demo/complexVerification.js

@@ -0,0 +1,139 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 复杂校验
+ * description: 如一个视频文件大小不得超过15MB，时长不能错过10秒，宽度最大为160px,高度最大为90px,显示宽高比为16:9，这些可配置在verifierConfig属性中，beforeUpload的basicVerifier方法会校验这些配置，并返回校验结果（当第一个属性校验不通过时停止校验剩余属性）
+ *
+ */
+
+import { message } from 'antd';
+import { E_McUploadTriggerType, McUpload } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ComplexVerification = function ComplexVerification() {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fileInfo = _useState4[0],
+    setFileInfo = _useState4[1];
+  var getBase64 = function getBase64(file) {
+    return new Promise(function (resolve, reject) {
+      var reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = function () {
+        return resolve(reader.result);
+      };
+      reader.onerror = function (error) {
+        return reject(error);
+      };
+    });
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(McUpload, {
+      accept: "video/*",
+      listType: E_McUploadTriggerType.SQUARE,
+      fileList: fileList,
+      verifierConfig: {
+        size: {
+          min: 0,
+          max: 1024 * 1024 * 15
+        }
+      },
+      beforeUpload: ( /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
+          var file, getMD5, taskQueue, basicVerifier, res, _res$errList, md5;
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                file = _ref.file, getMD5 = _ref.getMD5, taskQueue = _ref.taskQueue, basicVerifier = _ref.basicVerifier;
+                _context2.next = 3;
+                return basicVerifier(file);
+              case 3:
+                res = _context2.sent;
+                setFileInfo(res);
+                if (res.isPassed) {
+                  _context2.next = 8;
+                  break;
+                }
+                message.error(res === null || res === void 0 || (_res$errList = res.errList) === null || _res$errList === void 0 || (_res$errList = _res$errList[0]) === null || _res$errList === void 0 || (_res$errList = _res$errList.messages) === null || _res$errList === void 0 ? void 0 : _res$errList[0]);
+                return _context2.abrupt("return", false);
+              case 8:
+                _context2.next = 10;
+                return getMD5(file);
+              case 10:
+                md5 = _context2.sent;
+                taskQueue.addTask({
+                  id: md5,
+                  task: function () {
+                    var _task = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                      var base64;
+                      return _regeneratorRuntime().wrap(function _callee$(_context) {
+                        while (1) switch (_context.prev = _context.next) {
+                          case 0:
+                            _context.next = 2;
+                            return getBase64(file);
+                          case 2:
+                            base64 = _context.sent;
+                            setFileInfo({
+                              md5: md5,
+                              name: file.name
+                            });
+                            setFileList(function (prev) {
+                              return [].concat(_toConsumableArray(prev), [{
+                                uid: file.uid,
+                                name: file.name,
+                                status: 'done',
+                                url: base64
+                              }]);
+                            });
+                          case 5:
+                          case "end":
+                            return _context.stop();
+                        }
+                      }, _callee);
+                    }));
+                    function task() {
+                      return _task.apply(this, arguments);
+                    }
+                    return task;
+                  }()
+                });
+              case 12:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        return function (_x) {
+          return _ref2.apply(this, arguments);
+        };
+      }()),
+      onChange: function onChange(info) {
+        var file = info.file;
+        if (file.status === 'removed') {
+          setFileList(function (prev) {
+            return prev.filter(function (item) {
+              return item.uid !== file.uid;
+            });
+          });
+        }
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        marginTop: 20,
+        fontSize: 12,
+        color: '#8c8c8c'
+      },
+      children: /*#__PURE__*/_jsxs("div", {
+        children: ["\u68C0\u9A8C\u7ED3\u679C\uFF1A", JSON.stringify(fileInfo || {}, null, 2)]
+      })
+    })]
+  });
+};
+export default ComplexVerification;

package/dist/McUpload/demo/drager.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Dragger: React.FC;
+export default Dragger;

package/dist/McUpload/demo/drager.js

@@ -0,0 +1,25 @@
+/**
+ * title: 拖拽上传
+ * description: 支持点击、拖拽上传，会返回文件相对于拖拽的文件夹的路径,适用于需要继承文件夹路径的场景。
+ */
+import { McUpload } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Dragger = function Dragger() {
+  return /*#__PURE__*/_jsx(McUpload.Dragger, {
+    uploadFile: function uploadFile(info) {
+      console.log(info);
+    },
+    children: function children() {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          children: "1. \u4EC5\u652F\u6301\u4E0A\u4F20\u89C6\u9891\u6587\u4EF6"
+        }), /*#__PURE__*/_jsx("div", {
+          children: "2. \u786E\u4FDD\u4E0A\u4F20\u5267\u96C6\u7684\u5185\u5BB9\u8FDE\u8D2F\u3001\u4E0D\u5305\u542B\u654F\u611F\u5185\u5BB9"
+        })]
+      });
+    }
+  });
+};
+export default Dragger;