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

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

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

package/dist/McUpload/demo/formUpload.js

@@ -0,0 +1,105 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+/**
+ * title: 在表单中使用
+ * description: 对于在表单中使用的场景，提供了子组件McFormUpload,其上传API由beforeUpload和custonRequest收窄到uploadFile，其使用方式同McUpload的beforeUpload，只是返回类型不再是boolean值，而是UploadFile[]类型。
+ */
+import { Form, message } from 'antd';
+import { E_McUploadTriggerType, McUpload } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+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);
+    };
+  });
+};
+var FormUpload = function FormUpload() {
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx(Form, {
+      children: /*#__PURE__*/_jsx(McUpload.McFormUpload, {
+        label: "\u6700\u591A\u4E24\u5F20\u56FE\u7247",
+        name: "images",
+        fieldProps: {
+          accept: 'image/*',
+          listType: E_McUploadTriggerType.SQUARE,
+          maxCount: 2,
+          multiple: true,
+          uploadFile: function () {
+            var _uploadFile = _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", []);
+                  case 7:
+                    _context2.next = 9;
+                    return getMD5(file);
+                  case 9:
+                    md5 = _context2.sent;
+                    _context2.next = 12;
+                    return new Promise(function (resolve) {
+                      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;
+                                  resolve([{
+                                    uid: file.uid,
+                                    name: file.name,
+                                    url: base64
+                                  }]);
+                                case 4:
+                                case "end":
+                                  return _context.stop();
+                              }
+                            }, _callee);
+                          }));
+                          function task() {
+                            return _task.apply(this, arguments);
+                          }
+                          return task;
+                        }()
+                      });
+                    });
+                  case 12:
+                    return _context2.abrupt("return", _context2.sent);
+                  case 13:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            function uploadFile(_x) {
+              return _uploadFile.apply(this, arguments);
+            }
+            return uploadFile;
+          }()
+        }
+      })
+    })
+  });
+};
+export default FormUpload;

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

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

package/dist/McUpload/demo/picture.js

@@ -0,0 +1,145 @@
+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: 内置了常见的图片上传触发器、回显，通过listType属性进行控制
+ */
+import { Flex } 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";
+export default (function () {
+  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);
+      };
+    });
+  };
+  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];
+  return /*#__PURE__*/_jsxs(Flex, {
+    style: {
+      flexFlow: 'column',
+      gap: 16
+    },
+    children: [/*#__PURE__*/_jsx(McUpload, {
+      listType: E_McUploadTriggerType.CIRCLE,
+      fileList: fileList,
+      beforeUpload: ( /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+          var file, url;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                file = _ref.file;
+                _context.next = 3;
+                return getBase64(file);
+              case 3:
+                url = _context.sent;
+                setFileList(function (pre) {
+                  return [].concat(_toConsumableArray(pre), [{
+                    url: url,
+                    name: file.name,
+                    uid: file.uid
+                  }]);
+                });
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref2.apply(this, arguments);
+        };
+      }()),
+      onChange: function onChange(info) {
+        setFileList(info.fileList);
+      }
+    }), /*#__PURE__*/_jsx(McUpload, {
+      listType: E_McUploadTriggerType.SQUARE,
+      fileList: fileList,
+      beforeUpload: ( /*#__PURE__*/function () {
+        var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref3) {
+          var file, url;
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                file = _ref3.file;
+                _context2.next = 3;
+                return getBase64(file);
+              case 3:
+                url = _context2.sent;
+                setFileList(function (pre) {
+                  return [].concat(_toConsumableArray(pre), [{
+                    url: url,
+                    name: file.name,
+                    uid: file.uid
+                  }]);
+                });
+              case 5:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        return function (_x2) {
+          return _ref4.apply(this, arguments);
+        };
+      }()),
+      onChange: function onChange(info) {
+        setFileList(info.fileList);
+      }
+    }), /*#__PURE__*/_jsx(McUpload, {
+      listType: E_McUploadTriggerType.RECTANGLE,
+      fileList: fileList,
+      beforeUpload: ( /*#__PURE__*/function () {
+        var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref5) {
+          var file, url;
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                file = _ref5.file;
+                _context3.next = 3;
+                return getBase64(file);
+              case 3:
+                url = _context3.sent;
+                setFileList(function (pre) {
+                  return [].concat(_toConsumableArray(pre), [{
+                    url: url,
+                    name: file.name,
+                    uid: file.uid
+                  }]);
+                });
+              case 5:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+        return function (_x3) {
+          return _ref6.apply(this, arguments);
+        };
+      }()),
+      onChange: function onChange(info) {
+        setFileList(info.fileList);
+      }
+    })]
+  });
+});

package/dist/McUpload/index.d.ts

@@ -0,0 +1,14 @@
+import { GetProps } from 'antd';
+import { ForwardRefExoticComponent } from 'react';
+import McFormUpload from './comps/McFormUpload';
+import McUploadCmp from './comps/McUploadCmp';
+import McUploadDragger from './comps/McUploadDragger';
+export type { McUploadProps } from './comps/McUploadCmp';
+export * from './comps/McUploadDragger';
+export * from './comps/McUploadTrigger';
+type CompoundedComponent = ForwardRefExoticComponent<GetProps<typeof McUploadCmp>> & {
+    McFormUpload: typeof McFormUpload;
+    Dragger: typeof McUploadDragger;
+};
+declare const McUpload: CompoundedComponent;
+export default McUpload;

package/dist/McUpload/index.js

@@ -0,0 +1,9 @@
+import McFormUpload from "./comps/McFormUpload";
+import McUploadCmp from "./comps/McUploadCmp";
+import McUploadDragger from "./comps/McUploadDragger";
+export * from "./comps/McUploadDragger";
+export * from "./comps/McUploadTrigger";
+var McUpload = McUploadCmp;
+McUploadCmp.McFormUpload = McFormUpload;
+McUploadCmp.Dragger = McUploadDragger;
+export default McUpload;

package/dist/McUpload/tools/calculateMD5/index.d.ts

@@ -0,0 +1,3 @@
+export declare const getIdleCPUCores: () => number;
+export declare const calculateByNormal: (file: File, chunkSize: number) => Promise<string | ProgressEvent<FileReader>>;
+export declare const calculateMD5: (file: File, chunkSize?: number) => Promise<string | MessageEvent['data']['error'] | ProgressEvent<FileReader>>;

package/dist/McUpload/tools/calculateMD5/index.js

@@ -0,0 +1,94 @@
+import SparkMD5 from 'spark-md5';
+import { transformNumber } from "../uploadTools";
+// 创建一个纯js计算线程
+var createWebWorker = function createWebWorker() {
+  return new Worker(new URL('./md5Worker.js', import.meta.url));
+};
+
+// 获取用户cpu核心数用于控制并发线程数量
+export var getIdleCPUCores = function getIdleCPUCores() {
+  var _navigator;
+  var BROWSER_CPU_COUNT = transformNumber((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.hardwareConcurrency);
+  // Safari总是返回1
+  return BROWSER_CPU_COUNT < 5 ? 2 : Math.min(BROWSER_CPU_COUNT - 2, 8); // 默认4核,留两核防止浏览器崩溃
+};
+
+// webwork的纯js计算
+var calculateByWebWorker = function calculateByWebWorker(file, chunkSize) {
+  return new Promise(function (resolve, reject) {
+    var worker = createWebWorker();
+    var reader = new FileReader();
+    var currentChunk = 0;
+    var totalChunks = Math.ceil(file.size / chunkSize);
+    function loadNext() {
+      var start = currentChunk * chunkSize;
+      var end = Math.min(start + chunkSize, file.size);
+      reader.readAsArrayBuffer(file.slice(start, end));
+    }
+    reader.onload = function (e) {
+      var _e$target;
+      var buffer = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.result;
+      worker.postMessage({
+        buffer: buffer,
+        isEnd: currentChunk === totalChunks - 1
+      }, [buffer]);
+      currentChunk++;
+      if (currentChunk < totalChunks) {
+        loadNext();
+      }
+    };
+    reader.onerror = function (err) {
+      reject(err);
+    };
+    worker.onmessage = function (e) {
+      if (e.data.error) {
+        reject(e.data.error);
+      } else {
+        resolve(e.data);
+      }
+      worker.terminate(); // 关闭worker
+    };
+    loadNext();
+  });
+};
+
+// 纯js串行计算
+export var calculateByNormal = function calculateByNormal(file, chunkSize) {
+  return new Promise(function (resolve, reject) {
+    var reader = new FileReader();
+    var hashTool = new SparkMD5.ArrayBuffer();
+    var currentChunk = 0;
+    var totalChunks = Math.ceil(file.size / chunkSize);
+    function loadNext() {
+      var start = currentChunk * chunkSize;
+      var end = Math.min(start + chunkSize, file.size);
+      reader.readAsArrayBuffer(file.slice(start, end));
+    }
+    reader.onload = function (e) {
+      var _e$target2;
+      var buffer = (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.result;
+      hashTool.append(buffer);
+      currentChunk++;
+      if (currentChunk < totalChunks) {
+        loadNext();
+      } else {
+        resolve(hashTool.end());
+      }
+    };
+    reader.onerror = function (err) {
+      reject(err);
+    };
+    loadNext();
+  });
+};
+
+// TODO MD5是串行算法，所以采用每个线程算一个文件的方式，而不是多个线程计算同一个文件
+export var calculateMD5 = function calculateMD5(file) {
+  var chunkSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5 * 1024 * 1024;
+  // 判断当前浏览器环境支不支持webworker
+  if (window.Worker) {
+    return calculateByWebWorker(file, chunkSize);
+  } else {
+    return calculateByNormal(file, chunkSize);
+  }
+};

package/dist/McUpload/tools/calculateMD5/md5Worker.js

@@ -0,0 +1,44 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+var SparkMD5 = require('spark-md5');
+// 一期因为hash-wasm和spark-md5的兼容性问题，暂时使用spark-md5
+var hashTool = new SparkMD5.ArrayBuffer();
+self.onmessage = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
+    var _e$data, buffer, isEnd, timeoutId, md5;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _e$data = e.data, buffer = _e$data.buffer, isEnd = _e$data.isEnd; // 接收主线程传递过来的文件
+          timeoutId = setTimeout(function () {
+            self.postMessage({
+              error: 'Hash calculation timed out'
+            }); // 超时错误消息
+            self.close(); // 关闭 worker
+          }, 10000); // 设置超时时间为10秒
+          try {
+            hashTool.append(buffer); // 将文件内容添加到哈希计算中
+            if (isEnd) {
+              md5 = hashTool.end(); // 计算文件的 MD5 值
+              clearTimeout(timeoutId); // 清除超时计时器
+              self.postMessage(md5); // 将计算结果发送给主线程
+            }
+          } catch (err) {
+            clearTimeout(timeoutId); // 清除超时计时器
+            self.postMessage({
+              error: err.message
+            }); // 发送错误消息
+          }
+        case 3:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function (_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+self.onerror = function (e) {
+  self.postMessage(e);
+};

package/dist/McUpload/tools/getUid.d.ts

@@ -0,0 +1 @@
+export default function getUid(): string;

package/dist/McUpload/tools/getUid.js

@@ -0,0 +1,6 @@
+var now = +new Date();
+var index = 0;
+export default function getUid() {
+  // eslint-disable-next-line no-plusplus
+  return "mc-upload-".concat(now, "-").concat(++index);
+}

package/dist/McUpload/tools/materialVerification.d.ts

@@ -0,0 +1,50 @@
+import { RcFile } from 'antd/es/upload';
+export interface FileInfo {
+    type: string;
+    size: number;
+    width: number;
+    height: number;
+    name: string;
+    duration?: number;
+}
+export type FileError = {
+    name?: string;
+    message?: string;
+};
+export type FileRangeInfo = {
+    min?: number;
+    max?: number;
+};
+export type DAR = [number, number];
+export interface VerifyConfig {
+    size?: FileRangeInfo;
+    width?: FileRangeInfo;
+    height?: FileRangeInfo;
+    duration?: FileRangeInfo;
+    DAR?: DAR;
+}
+export type CheckResult = {
+    isPassed: boolean;
+    errList: ('min' | 'max')[];
+};
+type FileInfoResult = {
+    error: FileError;
+    data: null;
+} | {
+    error: null;
+    data: FileInfo;
+};
+export declare const getImgInfo: (imgFile: RcFile) => Promise<FileInfoResult>;
+export declare const getVideoInfo: (videoFile: RcFile) => Promise<FileInfoResult>;
+export declare const isNumber: (num?: number) => boolean;
+export declare const isNumberInRange: (reference: number, rangeInfo: FileRangeInfo) => CheckResult;
+export type FileCheckedResult = {
+    isPassed: boolean;
+    errList?: {
+        target: string;
+        messages: string[];
+    }[];
+    fileInfo?: Partial<FileInfo>;
+};
+export declare const checkFile: (file: RcFile, config: VerifyConfig) => Promise<FileCheckedResult>;
+export {};