xmirror-components 1.0.2 → 1.0.3

package/build/es/ChunkUploader/FileItem.js

@@ -0,0 +1,472 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatFileSize = void 0;
+var react_1 = __importStar(require("react"));
+var antd_1 = require("antd");
+var axios_1 = __importDefault(require("axios"));
+var ahooks_1 = require("ahooks");
+var icons_1 = require("@ant-design/icons");
+var AntdApp_1 = require("@/components/public/AntdApp");
+var IconFont_1 = __importDefault(require("@/components/public/IconFont"));
+var generateFileUniqueID_1 = require("./generateFileUniqueID");
+var hook_1 = require("@/store/hook");
+var home_1 = require("@/api/home");
+require("./index.less");
+var formatFileSize = function (size) {
+    if (size === void 0) { size = 0; }
+    var format = size + ' bytes';
+    if (size < 0) {
+        return '0';
+    }
+    else if (size < 1024) {
+        format = size.toFixed(0) + ' B';
+    }
+    else if (size < 1048576) {
+        format = (size / 1024).toFixed(0) + ' KB';
+    }
+    else if (size < 1073741824) {
+        format = (size / 1024 / 1024).toFixed(1) + ' MB';
+    }
+    else {
+        format = (size / 1024 / 1024 / 1024).toFixed(1) + ' GB';
+    }
+    return format;
+};
+exports.formatFileSize = formatFileSize;
+function FileItem(_a, ref) {
+    var _this = this;
+    var file = _a.file, _b = _a.params, params = _b === void 0 ? {} : _b, _c = _a.uploadSource, uploadSource = _c === void 0 ? '' : _c, callback = _a.callback, retry = _a.retry, remove = _a.remove, onChangeStatus = _a.onChangeStatus;
+    var colorPrimary = (0, hook_1.useAppSelector)(function (state) { var _a, _b; return (_b = (_a = state.site.themeConfig) === null || _a === void 0 ? void 0 : _a.token) === null || _b === void 0 ? void 0 : _b.colorPrimary; });
+    var fileStatusText = {
+        uploading: '上传中',
+        paused: '暂停',
+        md5: 'MD5校验中',
+        waiting: '等待中',
+        success: '上传成功',
+        error: '上传失败'
+    };
+    var axiosCancelTokenRef = (0, react_1.useRef)(null);
+    var uploadedChunksRef = (0, react_1.useRef)([]);
+    var prevUploadedSizeRef = (0, react_1.useRef)(0);
+    var uploadedRef = (0, react_1.useRef)(null);
+    var fileIdRef = (0, react_1.useRef)(null);
+    var chunkSize = 1024 * 1024 * 20;
+    var errorMessage = '';
+    var fileInfo = (0, react_1.useMemo)(function () {
+        return {
+            name: file.name,
+            size: file.size,
+            type: file.type,
+            file: file,
+            chunkSum: Math.ceil(file.size / chunkSize)
+        };
+    }, [file, params]);
+    var _d = (0, react_1.useState)(0), uploadedSize = _d[0], setUploadedSize = _d[1];
+    var _e = (0, react_1.useState)('waiting'), status = _e[0], setStatus = _e[1];
+    var statusRef = (0, ahooks_1.useLatest)(status);
+    var progress = (0, react_1.useMemo)(function () {
+        if (file.size) {
+            var progress_1 = (uploadedSize / file.size) * 100;
+            return progress_1 > 100 ? 100 : progress_1;
+        }
+        return 0;
+    }, [uploadedSize, file]);
+    var _f = (0, react_1.useState)('0B'), speed = _f[0], setSpeed = _f[1];
+    var uploadedSizeRef = (0, ahooks_1.useLatest)(uploadedSize);
+    var getSpeedTimerRef = (0, react_1.useRef)(null);
+    var formatStatus = (0, react_1.useMemo)(function () {
+        return fileStatusText[status];
+    }, [status]);
+    var currentChunkIndexRef = (0, react_1.useRef)(null);
+    /**
+     * 创建每一片的数据 chunkItem
+     * @param index 片的下标
+     * @param md5 片的唯一md5
+     * @param chunkBlob 片的文件，上传的时候直接取即可不用重新切了
+     * @returns {Promise<{chunkBlob, index, md5}>}
+     */
+    var createChunkItem = function (index, md5, chunkBlob) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, {
+                    index: index,
+                    md5: md5,
+                    chunkBlob: chunkBlob
+                }];
+        });
+    }); };
+    /**
+     * 递归上传片
+     * @param currentChunkIndex 正在上传的片的下标
+     * @returns {Promise<void>}
+     */
+    var loadNext = function (currentChunkIndex) { return __awaiter(_this, void 0, void 0, function () {
+        var file, chunkSum, uploaded, start_1, end, chunkBlob, chunkItem;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    file = fileInfo.file, chunkSum = fileInfo.chunkSum;
+                    currentChunkIndexRef.current = currentChunkIndex;
+                    uploaded = uploadedChunksRef.current.includes(currentChunkIndex);
+                    if (!!uploaded) return [3 /*break*/, 3];
+                    start_1 = currentChunkIndex * chunkSize;
+                    end = start_1 + chunkSize;
+                    end > file.size && (end = file.size);
+                    chunkBlob = File.prototype.slice.call(file, start_1, end);
+                    return [4 /*yield*/, createChunkItem(currentChunkIndex, null, chunkBlob)];
+                case 1:
+                    chunkItem = _a.sent();
+                    return [4 /*yield*/, upload(chunkItem)];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    setUploadedSize(function (value) {
+                        return value + chunkSize;
+                    });
+                    _a.label = 4;
+                case 4:
+                    if (!(currentChunkIndex + 1 >= chunkSum)) return [3 /*break*/, 5];
+                    // 上传完成执行
+                    uploadedEnd();
+                    return [3 /*break*/, 7];
+                case 5: return [4 /*yield*/, loadNextRef.current(currentChunkIndex + 1)];
+                case 6:
+                    _a.sent();
+                    _a.label = 7;
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); };
+    /**
+     * 用来解决闭包问题
+     * @type {import("react").MutableRefObject<(function(*): Promise<void>)|*>}
+     */
+    var loadNextRef = (0, ahooks_1.useLatest)(loadNext);
+    // 看看已经接收的分片，是否是秒传。
+    var initUploadedChunk = function (id) { return __awaiter(_this, void 0, void 0, function () {
+        var data;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, (0, home_1.getUploadedChunk)({
+                        extraMd5hex: id,
+                        partCutSize: chunkSize
+                    })];
+                case 1:
+                    data = (_c.sent()).data;
+                    uploadedChunksRef.current = data.partIndexes || [];
+                    if (!(data === null || data === void 0 ? void 0 : data.toUpload) && ((_a = data === null || data === void 0 ? void 0 : data.uploadInfo) === null || _a === void 0 ? void 0 : _a.objectKey)) {
+                        uploadedRef.current = (_b = data === null || data === void 0 ? void 0 : data.uploadInfo) === null || _b === void 0 ? void 0 : _b.objectKey;
+                        uploadedEnd();
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    /**
+     * 上传分片
+     * @type {(function(*): Promise<boolean|undefined>)|*}
+     */
+    var upload = (0, react_1.useCallback)(function (chunkItem) { return __awaiter(_this, void 0, void 0, function () {
+        var requestData, previousUploadedSize, data;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    requestData = createRequestData(chunkItem);
+                    previousUploadedSize = uploadedSize;
+                    axiosCancelTokenRef.current = axios_1.default.CancelToken.source();
+                    return [4 /*yield*/, (0, home_1.uploadFileChunk)(__assign(__assign({}, requestData), { cancelToken: (_a = axiosCancelTokenRef.current) === null || _a === void 0 ? void 0 : _a.token, onUploadProgress: function (event) {
+                                // 进度
+                                if (event === null || event === void 0 ? void 0 : event.lengthComputable) {
+                                    setUploadedSize(event.loaded + previousUploadedSize);
+                                }
+                            } }))];
+                case 1:
+                    data = (_d.sent()).data;
+                    uploadedChunksRef.current = (data === null || data === void 0 ? void 0 : data.partIndexes) || [];
+                    if ((_b = data === null || data === void 0 ? void 0 : data.uploadInfo) === null || _b === void 0 ? void 0 : _b.objectKey) {
+                        uploadedRef.current = (_c = data === null || data === void 0 ? void 0 : data.uploadInfo) === null || _c === void 0 ? void 0 : _c.objectKey;
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [uploadedSize]);
+    /**
+     * 创建上传分片要带的数据
+     * @param chunkItem
+     * @returns {{ params: {}, data: {} }}
+     */
+    var createRequestData = function (chunkItem) {
+        var _a;
+        var data = {
+            data: undefined,
+            params: undefined
+        };
+        var formData = new FormData();
+        formData.append('filename', fileInfo.name);
+        formData.append('filesize', fileInfo.size);
+        formData.append('partTotal', String(fileInfo.chunkSum));
+        formData.append('partSize', String((_a = chunkItem === null || chunkItem === void 0 ? void 0 : chunkItem.chunkBlob) === null || _a === void 0 ? void 0 : _a.size));
+        formData.append('partCutSize', String(chunkSize));
+        formData.append('partIndex', chunkItem.index);
+        formData.append('extraMd5hex', fileIdRef.current);
+        formData.append('part', chunkItem.chunkBlob);
+        data.data = formData;
+        return data;
+    };
+    // 上传完成
+    var uploadedEnd = function () {
+        var _a;
+        (_a = axiosCancelTokenRef.current) === null || _a === void 0 ? void 0 : _a.cancel('cancel');
+        if (getSpeedTimerRef.current) {
+            clearInterval(getSpeedTimerRef.current);
+            getSpeedTimerRef.current = null;
+        }
+        setStatus('success');
+        if (typeof callback === 'function' && uploadedRef.current) {
+            callback(uploadedRef.current);
+        }
+    };
+    // 开始
+    var start = function () { return __awaiter(_this, void 0, void 0, function () {
+        var _a, error_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 4, , 5]);
+                    setStatus('uploading');
+                    _a = fileIdRef;
+                    return [4 /*yield*/, (0, generateFileUniqueID_1.generateFileUniqueID)(file)];
+                case 1:
+                    _a.current = _b.sent();
+                    return [4 /*yield*/, initUploadedChunk(fileIdRef.current)];
+                case 2:
+                    _b.sent();
+                    if (uploadedRef.current) {
+                        // 有上传的key 说明已经上传过，直接跳出
+                        return [2 /*return*/];
+                    }
+                    if (statusRef.current === 'paused') {
+                        return [2 /*return*/];
+                    }
+                    getSpeed();
+                    return [4 /*yield*/, loadNext(0)];
+                case 3:
+                    _b.sent();
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_1 = _b.sent();
+                    if (error_1.message !== 'cancel') {
+                        AntdApp_1.message.error(error_1.message);
+                        setStatus('error');
+                    }
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    // 暂停
+    var pause = function () {
+        var _a;
+        (_a = axiosCancelTokenRef.current) === null || _a === void 0 ? void 0 : _a.cancel('cancel');
+        if (getSpeedTimerRef.current) {
+            clearInterval(getSpeedTimerRef.current);
+            getSpeedTimerRef.current = null;
+        }
+        setStatus('paused');
+    };
+    // 继续
+    var resume = function () { return __awaiter(_this, void 0, void 0, function () {
+        var error_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 5, , 6]);
+                    setStatus('uploading');
+                    if (!(currentChunkIndexRef.current !== null)) return [3 /*break*/, 2];
+                    getSpeed();
+                    return [4 /*yield*/, loadNext(currentChunkIndexRef.current)];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 2: return [4 /*yield*/, start()];
+                case 3:
+                    _a.sent();
+                    _a.label = 4;
+                case 4: return [3 /*break*/, 6];
+                case 5:
+                    error_2 = _a.sent();
+                    if (error_2.message !== 'cancel') {
+                        setStatus('error');
+                    }
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    // 停止
+    var stop = function () {
+        var _a;
+        (_a = axiosCancelTokenRef.current) === null || _a === void 0 ? void 0 : _a.cancel('cancel');
+        if (getSpeedTimerRef.current) {
+            clearInterval(getSpeedTimerRef.current);
+            getSpeedTimerRef.current = null;
+        }
+        setStatus('stop');
+    };
+    var reupload = function () {
+        stop();
+        retry(file, params, callback);
+        remove();
+    };
+    var close = function () {
+        if (status !== 'waiting') {
+            stop();
+        }
+        requestIdleCallback(remove);
+    };
+    // 获取上传秒流量
+    var getSpeed = function () {
+        if (getSpeedTimerRef.current)
+            return;
+        getSpeedTimerRef.current = setInterval(function () {
+            var _speed = (0, exports.formatFileSize)(uploadedSizeRef.current - prevUploadedSizeRef.current || 0);
+            setSpeed(_speed);
+            prevUploadedSizeRef.current = uploadedSizeRef.current;
+        }, 1000);
+    };
+    // 根据状态判断icon
+    var StatusIcon = function () {
+        switch (status) {
+            case 'waiting':
+                return (react_1.default.createElement(IconFont_1.default, { type: "icon-time", className: "icon-btn", style: { fontSize: '26px' } }));
+            case 'error':
+                return (react_1.default.createElement(IconFont_1.default, { type: "icon-chongshi", className: "icon-btn refresh", style: { fontSize: '26px' }, title: "\u91CD\u8BD5", onClick: reupload }));
+            case 'success':
+                return react_1.default.createElement(IconFont_1.default, { className: "icon-btn", type: "icon-duigou" });
+            case 'uploading':
+                return (react_1.default.createElement("div", { className: "progress-wrapper" },
+                    react_1.default.createElement(IconFont_1.default, { className: "icon", type: "icon-zanting", title: "\u6682\u505C", onClick: function () { return pause(); } }),
+                    react_1.default.createElement(antd_1.Progress, { type: "circle", percent: progress, size: 26, strokeWidth: 10, strokeColor: colorPrimary, trailColor: '#dcdee0', showInfo: false })));
+            case 'paused':
+                return (react_1.default.createElement("div", { className: "progress-wrapper" },
+                    react_1.default.createElement(IconFont_1.default, { className: "icon", type: "icon-xiangshang", title: "\u7EE7\u7EED", onClick: function () { return resume(); } }),
+                    react_1.default.createElement(antd_1.Progress, { type: "circle", percent: progress, size: 26, strokeWidth: 10, strokeColor: colorPrimary, trailColor: '#dcdee0', showInfo: false })));
+            default:
+                return '';
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        onChangeStatus();
+    }, [status]);
+    (0, react_1.useImperativeHandle)(ref, function () {
+        return {
+            start: start,
+            close: close,
+            status: status,
+            fileId: fileIdRef.current
+        };
+    }, [status]);
+    return (react_1.default.createElement("li", { className: "uploader-file-item", onClick: function (e) { return e.stopPropagation(); } },
+        react_1.default.createElement("div", { className: "file-name", style: {
+                width: uploadSource ? '30%' : '60%'
+            } },
+            react_1.default.createElement("span", null, fileInfo.name)),
+        uploadSource && (react_1.default.createElement("div", { className: "file-name" },
+            react_1.default.createElement("span", null, uploadSource || '-'))),
+        react_1.default.createElement("div", { className: "file-size" }, (0, exports.formatFileSize)(fileInfo.size || 0)),
+        react_1.default.createElement("div", { className: "file-handle" },
+            status === 'uploading'
+                ? (react_1.default.createElement("span", { className: "file-upload-speed" },
+                    speed,
+                    "/s"))
+                : (react_1.default.createElement("span", { className: "file-upload-status" }, status === 'error' ? errorMessage || formatStatus : formatStatus)),
+            StatusIcon()),
+        react_1.default.createElement(antd_1.Button, { size: "small", className: "remove-btn", type: "text", title: "\u5173\u95ED", onClick: close },
+            react_1.default.createElement(icons_1.CloseOutlined, null))));
+}
+exports.default = react_1.default.forwardRef(FileItem);

package/build/es/ChunkUploader/UploaderContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const UploaderContext: React.Context<any>;
+export declare function UploaderProvider({ children }: {
+    children: any;
+}): React.JSX.Element;
+export declare const useUploader: () => {
+    upload: any;
+};

package/build/es/ChunkUploader/UploaderContext.js

@@ -0,0 +1,65 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUploader = exports.UploaderContext = void 0;
+exports.UploaderProvider = UploaderProvider;
+var react_1 = __importStar(require("react"));
+var index_1 = __importDefault(require("./index"));
+exports.UploaderContext = (0, react_1.createContext)(null);
+function UploaderProvider(_a) {
+    var children = _a.children;
+    var ref = (0, react_1.useRef)(null);
+    // 上传文件
+    var upload = function (file, options, callback) {
+        var _a;
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.add(file, options, callback);
+    };
+    var value = {
+        upload: upload
+    };
+    return (react_1.default.createElement(exports.UploaderContext.Provider, { value: value },
+        children,
+        react_1.default.createElement(index_1.default, { ref: ref })));
+}
+var useUploader = function () {
+    var upload = (0, react_1.useContext)(exports.UploaderContext).upload;
+    return {
+        upload: upload
+    };
+};
+exports.useUploader = useUploader;

package/build/es/ChunkUploader/generateFileUniqueID.d.ts

@@ -0,0 +1,2 @@
+export declare function getFileMD5(file: any): Promise<unknown>;
+export declare const generateFileUniqueID: (file: any) => Promise<unknown>;