@zykj2024/much-library 1.1.7-beta.2 → 1.1.7-beta.4

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

@@ -0,0 +1,396 @@
+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 = ["itemRender", "listType"];
+import { useLazyRef } from '@zykj2024/much-hooks';
+import { message, Upload } from 'antd';
+import { useEffect, useRef } from 'react';
+import { calculateMD5, getIdleCPUCores } from "../../tools/calculateMD5";
+import { checkFile } from "../../tools/materialVerification";
+import classNames from 'classnames';
+import { TaskQueue } from "../../../Utils";
+import { E_McUploadTriggerStatus, E_McUploadTriggerType, McUploadTriggerButton, McUploadTriggerPicture } from "../McUploadTrigger";
+import "./index.less";
+
+// 非必传函数返回值类型提取
+
+// 非批处理的beforeUpload参数类型
+
+// 非批处理的beforeUpload
+
+// 批处理的beforeUpload的参数类型
+
+// 批处理的beforeUpload类型
+
+// beforeUpload的参数类型运算
+
+// 提取参数类型的辅助类型
+
+// customRequest的参数类型
+
+// 组合组件类型定义
+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 McUploadCmp = function McUploadCmp(_ref) {
+  var _rest$fileList;
+  var itemRender = _ref.itemRender,
+    listType = _ref.listType,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var isRectangle = listType === E_McUploadTriggerType.RECTANGLE;
+  var isMax = (rest === null || rest === void 0 ? void 0 : rest.maxCount) && !!(rest !== null && rest !== void 0 && rest.fileList) && (rest === null || rest === void 0 || (_rest$fileList = rest.fileList) === null || _rest$fileList === void 0 ? void 0 : _rest$fileList.length) >= (rest === null || rest === void 0 ? void 0 : rest.maxCount);
+  // IO/CPU密集型任务，控制数量，为非批量处理提供MD5线程控制||批量处理的辅助函数
+  var CHECK_QUEUE = useLazyRef(function () {
+    return new TaskQueue(getIdleCPUCores());
+  });
+  // 批处理MD5线程控制
+  var BATCH_CHECK_QUEUE = useLazyRef(function () {
+    return new TaskQueue(getIdleCPUCores());
+  });
+  //upload组件的ref
+  var uploadRef = useRef(null);
+  // 批量计算文件md5工具方法
+  var batchGetMD5 = function batchGetMD5(file) {
+    return new Promise(function (resolve, reject) {
+      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() {
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  calculateMD5(file).then(function (md5) {
+                    return resolve(md5);
+                  }).catch(function (err) {
+                    return reject(err);
+                  });
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function task() {
+            return _task.apply(this, arguments);
+          }
+          return task;
+        }()
+      });
+    });
+  };
+  var TASK_QUEUE = useLazyRef(function () {
+    return new TaskQueue((rest === null || rest === void 0 ? void 0 : rest.maxTaskCounts) || 5);
+  });
+  var isBatchProcess = rest === null || rest === void 0 ? void 0 : rest.batchProcess;
+  var countNum = useRef(0);
+  var isPicture = [E_McUploadTriggerType.CIRCLE, E_McUploadTriggerType.SQUARE, E_McUploadTriggerType.RECTANGLE].includes(listType);
+
+  // 校验错误消息
+  var handleVerifyErrorMessage = function handleVerifyErrorMessage(file, errRes) {
+    if (rest !== null && rest !== void 0 && rest.verifyErrorMessage && typeof (rest === null || rest === void 0 ? void 0 : rest.verifyErrorMessage) === 'string') {
+      message.error(rest === null || rest === void 0 ? void 0 : rest.verifyErrorMessage);
+    } else if (rest !== null && rest !== void 0 && rest.verifyErrorMessage && typeof (rest === null || rest === void 0 ? void 0 : rest.verifyErrorMessage) === 'boolean') {
+      var _errRes$errList;
+      message.error((errRes === null || errRes === void 0 || (_errRes$errList = errRes.errList) === null || _errRes$errList === void 0 || (_errRes$errList = _errRes$errList[0]) === null || _errRes$errList === void 0 || (_errRes$errList = _errRes$errList.messages) === null || _errRes$errList === void 0 ? void 0 : _errRes$errList[0]) || "".concat(file.name, "\u6821\u9A8C\u4E0D\u901A\u8FC7"));
+    } else if (rest !== null && rest !== void 0 && rest.verifyErrorMessage && typeof (rest === null || rest === void 0 ? void 0 : rest.verifyErrorMessage) === 'function') {
+      message.error(rest === null || rest === void 0 ? void 0 : rest.verifyErrorMessage(errRes));
+    }
+  };
+  var handleVerfity = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file) {
+      var res;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return checkFile(file, (rest === null || rest === void 0 ? void 0 : rest.verifierConfig) || {});
+          case 2:
+            res = _context2.sent;
+            if (!res.isPassed) {
+              handleVerifyErrorMessage(file, res);
+            }
+            return _context2.abrupt("return", !!(res !== null && res !== void 0 && res.isPassed));
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function handleVerfity(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  // 上传前处理
+  var beforeUpload = function beforeUpload(file, fileList) {
+    try {
+      var _rest$fileList2;
+      // 超出范围直接返回false
+      if (rest !== null && rest !== void 0 && rest.maxCount && ((rest === null || rest === void 0 || (_rest$fileList2 = rest.fileList) === null || _rest$fileList2 === void 0 ? void 0 : _rest$fileList2.length) || 0) >= (rest === null || rest === void 0 ? void 0 : rest.maxCount)) {
+        message.error("\u6700\u591A\u4E0A\u4F20".concat(rest === null || rest === void 0 ? void 0 : rest.maxCount, "\u4E2A\u6587\u4EF6"));
+        return false;
+      }
+      var count = fileList.length;
+      countNum.current = countNum.current + 1;
+      if (countNum.current >= count) {
+        countNum.current = 0; // 重置计数
+        // 批量处理的话，需要等待所有文件ID生成完成
+        if (isBatchProcess) {
+          return new Promise(function (resolve) {
+            var _CHECK_QUEUE$current;
+            (_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 _callee5() {
+                  var _rest$beforeUpload, res;
+                  return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+                    while (1) switch (_context5.prev = _context5.next) {
+                      case 0:
+                        if (!(rest !== null && rest !== void 0 && rest.beforeUpload)) {
+                          _context5.next = 7;
+                          break;
+                        }
+                        _context5.next = 3;
+                        return rest === null || rest === void 0 || (_rest$beforeUpload = rest.beforeUpload) === null || _rest$beforeUpload === void 0 ? void 0 : _rest$beforeUpload.call(rest, {
+                          fileList: fileList,
+                          basicVerifier: function () {
+                            var _basicVerifier = _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 checkFile(file, (rest === null || rest === void 0 ? void 0 : rest.verifierConfig) || {});
+                                  case 2:
+                                    return _context3.abrupt("return", _context3.sent);
+                                  case 3:
+                                  case "end":
+                                    return _context3.stop();
+                                }
+                              }, _callee3);
+                            }));
+                            function basicVerifier(_x2) {
+                              return _basicVerifier.apply(this, arguments);
+                            }
+                            return basicVerifier;
+                          }(),
+                          getMD5: function () {
+                            var _getMD = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(file) {
+                              return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+                                while (1) switch (_context4.prev = _context4.next) {
+                                  case 0:
+                                    _context4.next = 2;
+                                    return batchGetMD5(file);
+                                  case 2:
+                                    return _context4.abrupt("return", _context4.sent);
+                                  case 3:
+                                  case "end":
+                                    return _context4.stop();
+                                }
+                              }, _callee4);
+                            }));
+                            function getMD5(_x3) {
+                              return _getMD.apply(this, arguments);
+                            }
+                            return getMD5;
+                          }(),
+                          taskQueue: TASK_QUEUE.current
+                        });
+                      case 3:
+                        res = _context5.sent;
+                        resolve(res);
+                        //批处理模式不自动调用用户自定义校验
+                        _context5.next = 8;
+                        break;
+                      case 7:
+                        // 无校验
+                        resolve(true);
+                      case 8:
+                      case "end":
+                        return _context5.stop();
+                    }
+                  }, _callee5);
+                }));
+                function task() {
+                  return _task2.apply(this, arguments);
+                }
+                return task;
+              }()
+            });
+          });
+        }
+      }
+      // 非批量走antd原始逻辑
+      if (!isBatchProcess) {
+        return new Promise(function (resolve) {
+          var _CHECK_QUEUE$current2;
+          (_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 _callee8() {
+                var _rest$beforeUpload2, res, _res;
+                return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+                  while (1) switch (_context8.prev = _context8.next) {
+                    case 0:
+                      if (!(rest !== null && rest !== void 0 && rest.beforeUpload)) {
+                        _context8.next = 7;
+                        break;
+                      }
+                      _context8.next = 3;
+                      return rest === null || rest === void 0 || (_rest$beforeUpload2 = rest.beforeUpload) === null || _rest$beforeUpload2 === void 0 ? void 0 : _rest$beforeUpload2.call(rest, {
+                        file: file,
+                        fileList: fileList,
+                        basicVerifier: function () {
+                          var _basicVerifier2 = _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 checkFile(file, (rest === null || rest === void 0 ? void 0 : rest.verifierConfig) || {});
+                                case 2:
+                                  return _context6.abrupt("return", _context6.sent);
+                                case 3:
+                                case "end":
+                                  return _context6.stop();
+                              }
+                            }, _callee6);
+                          }));
+                          function basicVerifier(_x4) {
+                            return _basicVerifier2.apply(this, arguments);
+                          }
+                          return basicVerifier;
+                        }(),
+                        getMD5: function () {
+                          var _getMD2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(file) {
+                            return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+                              while (1) switch (_context7.prev = _context7.next) {
+                                case 0:
+                                  _context7.next = 2;
+                                  return calculateMD5(file);
+                                case 2:
+                                  return _context7.abrupt("return", _context7.sent);
+                                case 3:
+                                case "end":
+                                  return _context7.stop();
+                              }
+                            }, _callee7);
+                          }));
+                          function getMD5(_x5) {
+                            return _getMD2.apply(this, arguments);
+                          }
+                          return getMD5;
+                        }(),
+                        taskQueue: TASK_QUEUE.current
+                      });
+                    case 3:
+                      res = _context8.sent;
+                      resolve(res);
+                      //用户自定义校验
+                      _context8.next = 15;
+                      break;
+                    case 7:
+                      if (!(!!(rest !== null && rest !== void 0 && rest.verifierConfig) && !(rest !== null && rest !== void 0 && rest.beforeUpload))) {
+                        _context8.next = 14;
+                        break;
+                      }
+                      _context8.next = 10;
+                      return handleVerfity(file);
+                    case 10:
+                      _res = _context8.sent;
+                      resolve(_res);
+                      _context8.next = 15;
+                      break;
+                    case 14:
+                      // 无校验
+                      resolve(true);
+                    case 15:
+                    case "end":
+                      return _context8.stop();
+                  }
+                }, _callee8);
+              }));
+              function task() {
+                return _task3.apply(this, arguments);
+              }
+              return task;
+            }()
+          });
+        });
+      }
+    } catch (error) {
+      countNum.current = 0; // 重置计数
+      return false;
+    }
+  };
+
+  // 自定义上传
+  var customRequest = function customRequest(options) {
+    var _rest$customRequest;
+    rest === null || rest === void 0 || (_rest$customRequest = rest.customRequest) === null || _rest$customRequest === void 0 || _rest$customRequest.call(rest, options, TASK_QUEUE.current);
+  };
+
+  // 自定义渲染项
+  var customItemRender = function customItemRender(originNode, file, fileList, actions) {
+    var _file$status = file.status,
+      status = _file$status === void 0 ? 'done' : _file$status,
+      name = file.name,
+      percent = file.percent,
+      url = file.url,
+      thumbUrl = file.thumbUrl;
+    var tempTrigger = isPicture ? /*#__PURE__*/_jsx(McUploadTriggerPicture, {
+      status: status,
+      percent: percent,
+      type: listType,
+      url: thumbUrl || url,
+      onDelete: actions.remove
+    }) : /*#__PURE__*/_jsx(McUploadTriggerButton, {
+      status: status,
+      fileName: name,
+      percent: percent,
+      onDelete: actions.remove
+    });
+    if (itemRender) {
+      return itemRender === null || itemRender === void 0 ? void 0 : itemRender(tempTrigger, file, fileList, actions);
+    } else {
+      return tempTrigger;
+    }
+  };
+  useEffect(function () {
+    if (rest !== null && rest !== void 0 && rest.taskQueueRef) {
+      rest.taskQueueRef.current = TASK_QUEUE.current;
+    }
+    if (rest !== null && rest !== void 0 && rest.uploadRef) {
+      rest.uploadRef.current = _objectSpread(_objectSpread({}, uploadRef.current || {}), {}, {
+        open: function open() {
+          var _uploadRef$current, _uploadRef$current$cl;
+          (_uploadRef$current = uploadRef.current) === null || _uploadRef$current === void 0 || (_uploadRef$current = _uploadRef$current.nativeElement) === null || _uploadRef$current === void 0 || (_uploadRef$current = _uploadRef$current.querySelector('input[type="file"]')) === null || _uploadRef$current === void 0 || (_uploadRef$current$cl = _uploadRef$current.click) === null || _uploadRef$current$cl === void 0 || _uploadRef$current$cl.call(_uploadRef$current);
+        }
+      });
+    }
+  }, []);
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({}, rest), {}, {
+      listType: isPicture ? 'picture-card' : 'text',
+      beforeUpload: beforeUpload,
+      customRequest: !(rest !== null && rest !== void 0 && rest.customRequest) ? undefined : customRequest,
+      ref: uploadRef,
+      itemRender: customItemRender,
+      rootClassName: classNames('mc-upload-cmp', isRectangle ? 'mc-upload-cmp__rectangle' : '', (rest === null || rest === void 0 ? void 0 : rest.rootClassName) || '', isMax ? 'mc-upload-cmp__max' : ''),
+      children: isMax ? /*#__PURE__*/_jsx(_Fragment, {}) : !listType ? rest === null || rest === void 0 ? void 0 : rest.children : isPicture ? /*#__PURE__*/_jsx(McUploadTriggerPicture, {
+        disabled: rest === null || rest === void 0 ? void 0 : rest.disabled,
+        type: listType,
+        status: E_McUploadTriggerStatus.DEFAULT
+      }) : /*#__PURE__*/_jsx(McUploadTriggerButton, {
+        disabled: rest === null || rest === void 0 ? void 0 : rest.disabled,
+        status: E_McUploadTriggerStatus.DEFAULT
+      })
+    })), !!(rest !== null && rest !== void 0 && rest.placeholder) && /*#__PURE__*/_jsx("div", {
+      className: 'mc-upload-cmp__placeholder',
+      children: rest === null || rest === void 0 ? void 0 : rest.placeholder
+    })]
+  });
+};
+export default McUploadCmp;

package/dist/esm/McUpload/comps/McUploadCmp/index.less

@@ -0,0 +1,68 @@
+.mc-upload-cmp {
+  width: 100%;
+
+  :global {
+    .ant-upload-select {
+      border: none !important;
+
+      > .ant-upload {
+        align-items: flex-start !important;
+      }
+    }
+  }
+
+  .ant-upload-select {
+    border: none !important;
+
+    > .ant-upload {
+      align-items: flex-start !important;
+    }
+  }
+}
+
+.mc-upload-cmp__rectangle {
+  :global {
+    .ant-upload-select,
+    .ant-upload-list-item-container {
+      width: 90px !important;
+      height: 120px !important;
+    }
+
+    .ant-upload-select {
+      > .ant-upload {
+        width: 90px !important;
+        height: 120px !important;
+      }
+    }
+  }
+
+  .ant-upload-select,
+  .ant-upload-list-item-container {
+    width: 90px !important;
+    height: 120px !important;
+  }
+
+  .ant-upload-select {
+    > .ant-upload {
+      width: 90px !important;
+      height: 120px !important;
+    }
+  }
+}
+
+.mc-upload-cmp__max {
+  :global {
+    .ant-upload.ant-upload-select {
+      display: none !important;
+    }
+  }
+
+  .ant-upload.ant-upload-select {
+    display: none !important;
+  }
+}
+
+.mc-upload-cmp__placeholder {
+  margin-top: 5px;
+  color: #ccc;
+}

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

@@ -0,0 +1,49 @@
+import { RcFile } from 'antd/es/upload';
+import { MutableRefObject } from 'react';
+import { DropzoneProps, DropzoneState } from 'react-dropzone';
+import { TaskQueue } from '../../../Utils';
+import { FileCheckedResult, VerifyConfig } from '../../tools/materialVerification';
+export type Omit<T, Keys extends keyof T> = {
+    [P in keyof T as Exclude<P, Keys>]: T[P];
+};
+export type ExtractReturnTypeIfFunction<T> = T extends (...args: any[]) => infer R ? R : never;
+export type UploadOptions = {
+    file: McUploadFile;
+    fileList: McUploadFile[];
+    basicVerifier: (file: RcFile) => Promise<FileCheckedResult>;
+    getMD5: (file: RcFile) => Promise<string>;
+    taskQueue: TaskQueue;
+};
+export type BeforeUpload = (params: UploadOptions) => void;
+type BatchProcessBeforeUploadParams = {
+    fileList: McUploadFile[];
+    basicVerifier: (file: RcFile) => Promise<FileCheckedResult>;
+    getMD5: (file: RcFile) => Promise<string>;
+    taskQueue: TaskQueue;
+};
+export type BatchProcessBeforeUpload = (params: BatchProcessBeforeUploadParams) => void;
+export type BeforeUploadProps = {
+    batchProcess: true;
+    uploadFile?: BatchProcessBeforeUpload;
+} | {
+    batchProcess?: false;
+    uploadFile?: BeforeUpload;
+};
+export type ExtractNonUndefined<T> = T extends undefined ? never : T;
+export type McUploadFile = RcFile & {
+    path: string;
+    relativePath: string;
+    uid: string;
+};
+type McUploadDraggerProps = DropzoneProps & {
+    maxTaskCounts?: number;
+    batchProcess?: boolean;
+    taskQueueRef?: MutableRefObject<TaskQueue | undefined>;
+    verifierConfig?: VerifyConfig;
+} & BeforeUploadProps;
+export type McUploadDraggerRef = {
+    open: () => void;
+    control: DropzoneState;
+};
+declare const McUploadDragger: import("react").ForwardRefExoticComponent<McUploadDraggerProps & import("react").RefAttributes<unknown>>;
+export default McUploadDragger;