@zykj2024/much-library 1.1.6 → 1.1.7-beta.10

package/dist/esm/McUpload/comps/McUploadDragger/index.js

@@ -0,0 +1,264 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["maxTaskCounts", "batchProcess", "verifierConfig"];
+import { useLazyRef } from '@zykj2024/much-hooks';
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import { useDropzone } from 'react-dropzone';
+import { TaskQueue } from "../../../Utils";
+import { calculateMD5, getIdleCPUCores } from "../../tools/calculateMD5";
+import getUid from "../../tools/getUid";
+import { checkFile } from "../../tools/materialVerification";
+import { McUploadTriggerDrag } from "../McUploadTrigger";
+// 删除对象属性类型
+
+// 非必传函数返回值类型提取
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var McUploadDragger = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$children;
+  // IO/CPU密集型任务，控制数量，为非批量处理提供MD5线程控制
+  var maxTaskCounts = props.maxTaskCounts,
+    batchProcess = props.batchProcess,
+    verifierConfig = props.verifierConfig,
+    rest = _objectWithoutProperties(props, _excluded);
+  var hasUploadFile = !!props.uploadFile;
+  // 自动任务队列管理
+  var CHECK_QUEUE = useLazyRef(function () {
+    return new TaskQueue(getIdleCPUCores());
+  });
+  // 批处理MD5线程控制
+  var BATCH_CHECK_QUEUE = useLazyRef(function () {
+    return new TaskQueue(getIdleCPUCores());
+  });
+  var batchGetMD5 = function batchGetMD5(file) {
+    return new Promise(function (resolve) {
+      var _BATCH_CHECK_QUEUE$cu;
+      (_BATCH_CHECK_QUEUE$cu = BATCH_CHECK_QUEUE.current) === null || _BATCH_CHECK_QUEUE$cu === void 0 || _BATCH_CHECK_QUEUE$cu.addTask({
+        id: file.uid,
+        task: function () {
+          var _task = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+            var md5;
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return calculateMD5(file);
+                case 2:
+                  md5 = _context.sent;
+                  resolve(md5);
+                case 4:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function task() {
+            return _task.apply(this, arguments);
+          }
+          return task;
+        }()
+      });
+    });
+  };
+  var TASK_QUEUE = useLazyRef(function () {
+    return new TaskQueue(maxTaskCounts || 5);
+  });
+  var isBatchProcess = batchProcess;
+  var countNum = useRef(0);
+
+  // 上传
+  var beforeUpload = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(file, fileList) {
+      var count, _CHECK_QUEUE$current, _CHECK_QUEUE$current2;
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            count = fileList.length;
+            countNum.current = countNum.current + 1;
+            if (countNum.current >= count) {
+              if (isBatchProcess && hasUploadFile) {
+                (_CHECK_QUEUE$current = CHECK_QUEUE.current) === null || _CHECK_QUEUE$current === void 0 || _CHECK_QUEUE$current.addTask({
+                  id: file.uid,
+                  task: function () {
+                    var _task2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+                      var _props$uploadFile;
+                      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+                        while (1) switch (_context4.prev = _context4.next) {
+                          case 0:
+                            props === null || props === void 0 || (_props$uploadFile = props.uploadFile) === null || _props$uploadFile === void 0 || _props$uploadFile.call(props, {
+                              fileList: fileList,
+                              basicVerifier: function () {
+                                var _basicVerifier = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file) {
+                                  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                                    while (1) switch (_context2.prev = _context2.next) {
+                                      case 0:
+                                        _context2.next = 2;
+                                        return checkFile(file, verifierConfig || {});
+                                      case 2:
+                                        return _context2.abrupt("return", _context2.sent);
+                                      case 3:
+                                      case "end":
+                                        return _context2.stop();
+                                    }
+                                  }, _callee2);
+                                }));
+                                function basicVerifier(_x3) {
+                                  return _basicVerifier.apply(this, arguments);
+                                }
+                                return basicVerifier;
+                              }(),
+                              getMD5: function () {
+                                var _getMD = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(file) {
+                                  return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                                    while (1) switch (_context3.prev = _context3.next) {
+                                      case 0:
+                                        _context3.next = 2;
+                                        return batchGetMD5(file);
+                                      case 2:
+                                        return _context3.abrupt("return", _context3.sent);
+                                      case 3:
+                                      case "end":
+                                        return _context3.stop();
+                                    }
+                                  }, _callee3);
+                                }));
+                                function getMD5(_x4) {
+                                  return _getMD.apply(this, arguments);
+                                }
+                                return getMD5;
+                              }(),
+                              taskQueue: TASK_QUEUE.current
+                            });
+                          case 1:
+                          case "end":
+                            return _context4.stop();
+                        }
+                      }, _callee4);
+                    }));
+                    function task() {
+                      return _task2.apply(this, arguments);
+                    }
+                    return task;
+                  }()
+                });
+              }
+              countNum.current = 0; // 重置计数
+            }
+            if (!isBatchProcess && hasUploadFile) {
+              (_CHECK_QUEUE$current2 = CHECK_QUEUE.current) === null || _CHECK_QUEUE$current2 === void 0 || _CHECK_QUEUE$current2.addTask({
+                id: file.uid,
+                task: function () {
+                  var _task3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+                    var _props$uploadFile2;
+                    return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+                      while (1) switch (_context7.prev = _context7.next) {
+                        case 0:
+                          props === null || props === void 0 || (_props$uploadFile2 = props.uploadFile) === null || _props$uploadFile2 === void 0 || _props$uploadFile2.call(props, {
+                            file: file,
+                            fileList: fileList,
+                            basicVerifier: function () {
+                              var _basicVerifier2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(file) {
+                                return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+                                  while (1) switch (_context5.prev = _context5.next) {
+                                    case 0:
+                                      _context5.next = 2;
+                                      return checkFile(file, (props === null || props === void 0 ? void 0 : props.verifierConfig) || {});
+                                    case 2:
+                                      return _context5.abrupt("return", _context5.sent);
+                                    case 3:
+                                    case "end":
+                                      return _context5.stop();
+                                  }
+                                }, _callee5);
+                              }));
+                              function basicVerifier(_x5) {
+                                return _basicVerifier2.apply(this, arguments);
+                              }
+                              return basicVerifier;
+                            }(),
+                            getMD5: function () {
+                              var _getMD2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(file) {
+                                return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+                                  while (1) switch (_context6.prev = _context6.next) {
+                                    case 0:
+                                      _context6.next = 2;
+                                      return calculateMD5(file);
+                                    case 2:
+                                      return _context6.abrupt("return", _context6.sent);
+                                    case 3:
+                                    case "end":
+                                      return _context6.stop();
+                                  }
+                                }, _callee6);
+                              }));
+                              function getMD5(_x6) {
+                                return _getMD2.apply(this, arguments);
+                              }
+                              return getMD5;
+                            }(),
+                            taskQueue: TASK_QUEUE.current
+                          });
+                        case 1:
+                        case "end":
+                          return _context7.stop();
+                      }
+                    }, _callee7);
+                  }));
+                  function task() {
+                    return _task3.apply(this, arguments);
+                  }
+                  return task;
+                }()
+              });
+            }
+          case 4:
+          case "end":
+            return _context8.stop();
+        }
+      }, _callee8);
+    }));
+    return function beforeUpload(_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var onDrop = function onDrop(acceptedFiles, rejectedFiles, e) {
+    var _props$onDrop;
+    acceptedFiles.forEach(function (file) {
+      file.uid = getUid();
+    });
+    acceptedFiles === null || acceptedFiles === void 0 || acceptedFiles.forEach(function (item) {
+      beforeUpload(item, acceptedFiles);
+    });
+    props === null || props === void 0 || (_props$onDrop = props.onDrop) === null || _props$onDrop === void 0 || _props$onDrop.call(props, acceptedFiles, rejectedFiles, e);
+  };
+  var drMcUpload = useDropzone(_objectSpread(_objectSpread({}, rest || {}), {}, {
+    onDrop: onDrop
+  }));
+  var getRootProps = drMcUpload.getRootProps,
+    getInputProps = drMcUpload.getInputProps,
+    isDragActive = drMcUpload.isDragActive;
+  useEffect(function () {
+    if (props !== null && props !== void 0 && props.taskQueueRef) {
+      props.taskQueueRef.current = TASK_QUEUE.current;
+    }
+  }, []);
+  useImperativeHandle(ref, function () {
+    return {
+      open: function open() {
+        drMcUpload === null || drMcUpload === void 0 || drMcUpload.open();
+      },
+      control: drMcUpload
+    };
+  });
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {
+      children: [/*#__PURE__*/_jsx("input", _objectSpread({}, getInputProps())), /*#__PURE__*/_jsx(McUploadTriggerDrag, {
+        active: isDragActive,
+        children: (props === null || props === void 0 ? void 0 : props.children) && (props === null || props === void 0 || (_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.call(props, drMcUpload))
+      })]
+    }))
+  });
+});
+export default McUploadDragger;

package/dist/esm/McUpload/comps/McUploadTrigger/index.d.ts

@@ -0,0 +1,39 @@
+import { Button, GetProps } from 'antd';
+import { FC, HTMLAttributes, ReactNode } from 'react';
+import './index.less';
+export declare enum E_McUploadTriggerType {
+    BUTTON = "button",
+    SQUARE = "square",
+    RECTANGLE = "rectangle",
+    CIRCLE = "circle",
+    DRAGGER = "dragger"
+}
+export declare enum E_McUploadTriggerStatus {
+    DEFAULT = "default",
+    UPLOADING = "uploading",
+    DONE = "done",
+    ERROR = "error"
+}
+export declare const McUploadTriggerButton: React.FC<{
+    status: E_McUploadTriggerStatus;
+    fileName?: ReactNode;
+    percent?: number;
+    onDelete?: () => void;
+    disabled?: boolean;
+    buttonProps?: GetProps<typeof Button>;
+    rootDivProps?: HTMLAttributes<HTMLDivElement>;
+}>;
+export type McUploadTriggerPictureProps = {
+    type?: E_McUploadTriggerType.SQUARE | E_McUploadTriggerType.RECTANGLE | E_McUploadTriggerType.CIRCLE;
+    status?: E_McUploadTriggerStatus;
+    url?: string;
+    percent?: number;
+    onDelete?: () => void;
+    disabled?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const McUploadTriggerPicture: React.FC<McUploadTriggerPictureProps>;
+export declare const McUploadTriggerDrag: FC<{
+    children?: ReactNode;
+    active?: boolean;
+    onUploadClick?: () => void;
+} & HTMLAttributes<HTMLDivElement>>;

package/dist/esm/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.less";
+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
+    })]
+  }));
+};