xmirror-components 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/build/dist/xmirror-components.js +1347 -523
  2. package/build/dist/xmirror-components.umd.cjs +12 -12
  3. package/build/es/hooks/index.d.ts +1 -0
  4. package/build/es/hooks/index.js +1 -0
  5. package/build/es/hooks/useRequest/index.d.ts +19 -0
  6. package/build/es/hooks/useRequest/index.js +28 -0
  7. package/build/{es/Button → lib/hooks}/index.js +3 -2
  8. package/build/lib/hooks/useRequest/index.js +30 -0
  9. package/build/package.json +1 -1
  10. package/package.json +1 -1
  11. package/build/es/Button/button.d.ts +0 -6
  12. package/build/es/Button/button.js +0 -22
  13. package/build/es/Button/index.d.ts +0 -3
  14. package/build/es/ChunkUploader/FileItem.d.ts +0 -13
  15. package/build/es/ChunkUploader/FileItem.js +0 -472
  16. package/build/es/ChunkUploader/UploaderContext.d.ts +0 -8
  17. package/build/es/ChunkUploader/UploaderContext.js +0 -65
  18. package/build/es/ChunkUploader/generateFileUniqueID.d.ts +0 -2
  19. package/build/es/ChunkUploader/generateFileUniqueID.js +0 -140
  20. package/build/es/ChunkUploader/index.d.ts +0 -4
  21. package/build/es/ChunkUploader/index.js +0 -259
  22. package/build/es/GlobalLoading/index.d.ts +0 -11
  23. package/build/es/GlobalLoading/index.js +0 -32
  24. package/build/es/LevelGroup/index.d.ts +0 -10
  25. package/build/es/LevelGroup/index.js +0 -33
  26. package/build/es/LevelTag/index.d.ts +0 -21
  27. package/build/es/LevelTag/index.js +0 -84
  28. package/build/es/SearchArea/Item/index.d.ts +0 -13
  29. package/build/es/SearchArea/Item/index.js +0 -38
  30. package/build/es/SearchArea/ToggleButton/index.d.ts +0 -9
  31. package/build/es/SearchArea/ToggleButton/index.js +0 -24
  32. package/build/es/SearchArea/index.d.ts +0 -13
  33. package/build/es/SearchArea/index.js +0 -153
  34. package/build/es/Table/Footer/index.d.ts +0 -3
  35. package/build/es/Table/Footer/index.js +0 -82
  36. package/build/es/Table/PopoverSetColumns/index.d.ts +0 -11
  37. package/build/es/Table/PopoverSetColumns/index.js +0 -164
  38. package/build/es/Table/index.d.ts +0 -4
  39. package/build/es/Table/index.js +0 -230
  40. package/build/es/Uploader/index.d.ts +0 -10
  41. package/build/es/Uploader/index.js +0 -175
  42. package/build/lib/Button/button.js +0 -22
  43. package/build/lib/Button/index.js +0 -7
  44. /package/build/es/{AntdApp → components/AntdApp}/index.d.ts +0 -0
  45. /package/build/es/{AntdApp → components/AntdApp}/index.js +0 -0
  46. /package/build/es/{CheckboxValue → components/CheckboxValue}/index.d.ts +0 -0
  47. /package/build/es/{CheckboxValue → components/CheckboxValue}/index.js +0 -0
  48. /package/build/es/{IconButton → components/IconButton}/index.d.ts +0 -0
  49. /package/build/es/{IconButton → components/IconButton}/index.js +0 -0
  50. /package/build/es/{IconFont → components/IconFont}/index.d.ts +0 -0
  51. /package/build/es/{IconFont → components/IconFont}/index.js +0 -0
  52. /package/build/es/{SwitchValue → components/SwitchValue}/index.d.ts +0 -0
  53. /package/build/es/{SwitchValue → components/SwitchValue}/index.js +0 -0
  54. /package/build/es/{index.d.ts → components/index.d.ts} +0 -0
  55. /package/build/es/{index.js → components/index.js} +0 -0
  56. /package/build/lib/{AntdApp → components/AntdApp}/index.js +0 -0
  57. /package/build/lib/{CheckboxValue → components/CheckboxValue}/index.js +0 -0
  58. /package/build/lib/{IconButton → components/IconButton}/index.js +0 -0
  59. /package/build/lib/{IconFont → components/IconFont}/index.js +0 -0
  60. /package/build/lib/{SwitchValue → components/SwitchValue}/index.js +0 -0
  61. /package/build/lib/{index.js → components/index.js} +0 -0
@@ -1,472 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || (function () {
30
- var ownKeys = function(o) {
31
- ownKeys = Object.getOwnPropertyNames || function (o) {
32
- var ar = [];
33
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
34
- return ar;
35
- };
36
- return ownKeys(o);
37
- };
38
- return function (mod) {
39
- if (mod && mod.__esModule) return mod;
40
- var result = {};
41
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
42
- __setModuleDefault(result, mod);
43
- return result;
44
- };
45
- })();
46
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
47
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
48
- return new (P || (P = Promise))(function (resolve, reject) {
49
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
50
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
51
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
52
- step((generator = generator.apply(thisArg, _arguments || [])).next());
53
- });
54
- };
55
- var __generator = (this && this.__generator) || function (thisArg, body) {
56
- 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);
57
- return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
58
- function verb(n) { return function (v) { return step([n, v]); }; }
59
- function step(op) {
60
- if (f) throw new TypeError("Generator is already executing.");
61
- while (g && (g = 0, op[0] && (_ = 0)), _) try {
62
- 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;
63
- if (y = 0, t) op = [op[0] & 2, t.value];
64
- switch (op[0]) {
65
- case 0: case 1: t = op; break;
66
- case 4: _.label++; return { value: op[1], done: false };
67
- case 5: _.label++; y = op[1]; op = [0]; continue;
68
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
69
- default:
70
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
71
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
72
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
73
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
74
- if (t[2]) _.ops.pop();
75
- _.trys.pop(); continue;
76
- }
77
- op = body.call(thisArg, _);
78
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
79
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
80
- }
81
- };
82
- var __importDefault = (this && this.__importDefault) || function (mod) {
83
- return (mod && mod.__esModule) ? mod : { "default": mod };
84
- };
85
- Object.defineProperty(exports, "__esModule", { value: true });
86
- exports.formatFileSize = void 0;
87
- var react_1 = __importStar(require("react"));
88
- var antd_1 = require("antd");
89
- var axios_1 = __importDefault(require("axios"));
90
- var ahooks_1 = require("ahooks");
91
- var icons_1 = require("@ant-design/icons");
92
- var AntdApp_1 = require("@/components/public/AntdApp");
93
- var IconFont_1 = __importDefault(require("@/components/public/IconFont"));
94
- var generateFileUniqueID_1 = require("./generateFileUniqueID");
95
- var hook_1 = require("@/store/hook");
96
- var home_1 = require("@/api/home");
97
- require("./index.less");
98
- var formatFileSize = function (size) {
99
- if (size === void 0) { size = 0; }
100
- var format = size + ' bytes';
101
- if (size < 0) {
102
- return '0';
103
- }
104
- else if (size < 1024) {
105
- format = size.toFixed(0) + ' B';
106
- }
107
- else if (size < 1048576) {
108
- format = (size / 1024).toFixed(0) + ' KB';
109
- }
110
- else if (size < 1073741824) {
111
- format = (size / 1024 / 1024).toFixed(1) + ' MB';
112
- }
113
- else {
114
- format = (size / 1024 / 1024 / 1024).toFixed(1) + ' GB';
115
- }
116
- return format;
117
- };
118
- exports.formatFileSize = formatFileSize;
119
- function FileItem(_a, ref) {
120
- var _this = this;
121
- 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;
122
- 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; });
123
- var fileStatusText = {
124
- uploading: '上传中',
125
- paused: '暂停',
126
- md5: 'MD5校验中',
127
- waiting: '等待中',
128
- success: '上传成功',
129
- error: '上传失败'
130
- };
131
- var axiosCancelTokenRef = (0, react_1.useRef)(null);
132
- var uploadedChunksRef = (0, react_1.useRef)([]);
133
- var prevUploadedSizeRef = (0, react_1.useRef)(0);
134
- var uploadedRef = (0, react_1.useRef)(null);
135
- var fileIdRef = (0, react_1.useRef)(null);
136
- var chunkSize = 1024 * 1024 * 20;
137
- var errorMessage = '';
138
- var fileInfo = (0, react_1.useMemo)(function () {
139
- return {
140
- name: file.name,
141
- size: file.size,
142
- type: file.type,
143
- file: file,
144
- chunkSum: Math.ceil(file.size / chunkSize)
145
- };
146
- }, [file, params]);
147
- var _d = (0, react_1.useState)(0), uploadedSize = _d[0], setUploadedSize = _d[1];
148
- var _e = (0, react_1.useState)('waiting'), status = _e[0], setStatus = _e[1];
149
- var statusRef = (0, ahooks_1.useLatest)(status);
150
- var progress = (0, react_1.useMemo)(function () {
151
- if (file.size) {
152
- var progress_1 = (uploadedSize / file.size) * 100;
153
- return progress_1 > 100 ? 100 : progress_1;
154
- }
155
- return 0;
156
- }, [uploadedSize, file]);
157
- var _f = (0, react_1.useState)('0B'), speed = _f[0], setSpeed = _f[1];
158
- var uploadedSizeRef = (0, ahooks_1.useLatest)(uploadedSize);
159
- var getSpeedTimerRef = (0, react_1.useRef)(null);
160
- var formatStatus = (0, react_1.useMemo)(function () {
161
- return fileStatusText[status];
162
- }, [status]);
163
- var currentChunkIndexRef = (0, react_1.useRef)(null);
164
- /**
165
- * 创建每一片的数据 chunkItem
166
- * @param index 片的下标
167
- * @param md5 片的唯一md5
168
- * @param chunkBlob 片的文件,上传的时候直接取即可不用重新切了
169
- * @returns {Promise<{chunkBlob, index, md5}>}
170
- */
171
- var createChunkItem = function (index, md5, chunkBlob) { return __awaiter(_this, void 0, void 0, function () {
172
- return __generator(this, function (_a) {
173
- return [2 /*return*/, {
174
- index: index,
175
- md5: md5,
176
- chunkBlob: chunkBlob
177
- }];
178
- });
179
- }); };
180
- /**
181
- * 递归上传片
182
- * @param currentChunkIndex 正在上传的片的下标
183
- * @returns {Promise<void>}
184
- */
185
- var loadNext = function (currentChunkIndex) { return __awaiter(_this, void 0, void 0, function () {
186
- var file, chunkSum, uploaded, start_1, end, chunkBlob, chunkItem;
187
- return __generator(this, function (_a) {
188
- switch (_a.label) {
189
- case 0:
190
- file = fileInfo.file, chunkSum = fileInfo.chunkSum;
191
- currentChunkIndexRef.current = currentChunkIndex;
192
- uploaded = uploadedChunksRef.current.includes(currentChunkIndex);
193
- if (!!uploaded) return [3 /*break*/, 3];
194
- start_1 = currentChunkIndex * chunkSize;
195
- end = start_1 + chunkSize;
196
- end > file.size && (end = file.size);
197
- chunkBlob = File.prototype.slice.call(file, start_1, end);
198
- return [4 /*yield*/, createChunkItem(currentChunkIndex, null, chunkBlob)];
199
- case 1:
200
- chunkItem = _a.sent();
201
- return [4 /*yield*/, upload(chunkItem)];
202
- case 2:
203
- _a.sent();
204
- return [3 /*break*/, 4];
205
- case 3:
206
- setUploadedSize(function (value) {
207
- return value + chunkSize;
208
- });
209
- _a.label = 4;
210
- case 4:
211
- if (!(currentChunkIndex + 1 >= chunkSum)) return [3 /*break*/, 5];
212
- // 上传完成执行
213
- uploadedEnd();
214
- return [3 /*break*/, 7];
215
- case 5: return [4 /*yield*/, loadNextRef.current(currentChunkIndex + 1)];
216
- case 6:
217
- _a.sent();
218
- _a.label = 7;
219
- case 7: return [2 /*return*/];
220
- }
221
- });
222
- }); };
223
- /**
224
- * 用来解决闭包问题
225
- * @type {import("react").MutableRefObject<(function(*): Promise<void>)|*>}
226
- */
227
- var loadNextRef = (0, ahooks_1.useLatest)(loadNext);
228
- // 看看已经接收的分片,是否是秒传。
229
- var initUploadedChunk = function (id) { return __awaiter(_this, void 0, void 0, function () {
230
- var data;
231
- var _a, _b;
232
- return __generator(this, function (_c) {
233
- switch (_c.label) {
234
- case 0: return [4 /*yield*/, (0, home_1.getUploadedChunk)({
235
- extraMd5hex: id,
236
- partCutSize: chunkSize
237
- })];
238
- case 1:
239
- data = (_c.sent()).data;
240
- uploadedChunksRef.current = data.partIndexes || [];
241
- 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)) {
242
- uploadedRef.current = (_b = data === null || data === void 0 ? void 0 : data.uploadInfo) === null || _b === void 0 ? void 0 : _b.objectKey;
243
- uploadedEnd();
244
- }
245
- return [2 /*return*/];
246
- }
247
- });
248
- }); };
249
- /**
250
- * 上传分片
251
- * @type {(function(*): Promise<boolean|undefined>)|*}
252
- */
253
- var upload = (0, react_1.useCallback)(function (chunkItem) { return __awaiter(_this, void 0, void 0, function () {
254
- var requestData, previousUploadedSize, data;
255
- var _a, _b, _c;
256
- return __generator(this, function (_d) {
257
- switch (_d.label) {
258
- case 0:
259
- requestData = createRequestData(chunkItem);
260
- previousUploadedSize = uploadedSize;
261
- axiosCancelTokenRef.current = axios_1.default.CancelToken.source();
262
- 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) {
263
- // 进度
264
- if (event === null || event === void 0 ? void 0 : event.lengthComputable) {
265
- setUploadedSize(event.loaded + previousUploadedSize);
266
- }
267
- } }))];
268
- case 1:
269
- data = (_d.sent()).data;
270
- uploadedChunksRef.current = (data === null || data === void 0 ? void 0 : data.partIndexes) || [];
271
- if ((_b = data === null || data === void 0 ? void 0 : data.uploadInfo) === null || _b === void 0 ? void 0 : _b.objectKey) {
272
- uploadedRef.current = (_c = data === null || data === void 0 ? void 0 : data.uploadInfo) === null || _c === void 0 ? void 0 : _c.objectKey;
273
- }
274
- return [2 /*return*/];
275
- }
276
- });
277
- }); }, [uploadedSize]);
278
- /**
279
- * 创建上传分片要带的数据
280
- * @param chunkItem
281
- * @returns {{ params: {}, data: {} }}
282
- */
283
- var createRequestData = function (chunkItem) {
284
- var _a;
285
- var data = {
286
- data: undefined,
287
- params: undefined
288
- };
289
- var formData = new FormData();
290
- formData.append('filename', fileInfo.name);
291
- formData.append('filesize', fileInfo.size);
292
- formData.append('partTotal', String(fileInfo.chunkSum));
293
- formData.append('partSize', String((_a = chunkItem === null || chunkItem === void 0 ? void 0 : chunkItem.chunkBlob) === null || _a === void 0 ? void 0 : _a.size));
294
- formData.append('partCutSize', String(chunkSize));
295
- formData.append('partIndex', chunkItem.index);
296
- formData.append('extraMd5hex', fileIdRef.current);
297
- formData.append('part', chunkItem.chunkBlob);
298
- data.data = formData;
299
- return data;
300
- };
301
- // 上传完成
302
- var uploadedEnd = function () {
303
- var _a;
304
- (_a = axiosCancelTokenRef.current) === null || _a === void 0 ? void 0 : _a.cancel('cancel');
305
- if (getSpeedTimerRef.current) {
306
- clearInterval(getSpeedTimerRef.current);
307
- getSpeedTimerRef.current = null;
308
- }
309
- setStatus('success');
310
- if (typeof callback === 'function' && uploadedRef.current) {
311
- callback(uploadedRef.current);
312
- }
313
- };
314
- // 开始
315
- var start = function () { return __awaiter(_this, void 0, void 0, function () {
316
- var _a, error_1;
317
- return __generator(this, function (_b) {
318
- switch (_b.label) {
319
- case 0:
320
- _b.trys.push([0, 4, , 5]);
321
- setStatus('uploading');
322
- _a = fileIdRef;
323
- return [4 /*yield*/, (0, generateFileUniqueID_1.generateFileUniqueID)(file)];
324
- case 1:
325
- _a.current = _b.sent();
326
- return [4 /*yield*/, initUploadedChunk(fileIdRef.current)];
327
- case 2:
328
- _b.sent();
329
- if (uploadedRef.current) {
330
- // 有上传的key 说明已经上传过,直接跳出
331
- return [2 /*return*/];
332
- }
333
- if (statusRef.current === 'paused') {
334
- return [2 /*return*/];
335
- }
336
- getSpeed();
337
- return [4 /*yield*/, loadNext(0)];
338
- case 3:
339
- _b.sent();
340
- return [3 /*break*/, 5];
341
- case 4:
342
- error_1 = _b.sent();
343
- if (error_1.message !== 'cancel') {
344
- AntdApp_1.message.error(error_1.message);
345
- setStatus('error');
346
- }
347
- return [3 /*break*/, 5];
348
- case 5: return [2 /*return*/];
349
- }
350
- });
351
- }); };
352
- // 暂停
353
- var pause = function () {
354
- var _a;
355
- (_a = axiosCancelTokenRef.current) === null || _a === void 0 ? void 0 : _a.cancel('cancel');
356
- if (getSpeedTimerRef.current) {
357
- clearInterval(getSpeedTimerRef.current);
358
- getSpeedTimerRef.current = null;
359
- }
360
- setStatus('paused');
361
- };
362
- // 继续
363
- var resume = function () { return __awaiter(_this, void 0, void 0, function () {
364
- var error_2;
365
- return __generator(this, function (_a) {
366
- switch (_a.label) {
367
- case 0:
368
- _a.trys.push([0, 5, , 6]);
369
- setStatus('uploading');
370
- if (!(currentChunkIndexRef.current !== null)) return [3 /*break*/, 2];
371
- getSpeed();
372
- return [4 /*yield*/, loadNext(currentChunkIndexRef.current)];
373
- case 1:
374
- _a.sent();
375
- return [3 /*break*/, 4];
376
- case 2: return [4 /*yield*/, start()];
377
- case 3:
378
- _a.sent();
379
- _a.label = 4;
380
- case 4: return [3 /*break*/, 6];
381
- case 5:
382
- error_2 = _a.sent();
383
- if (error_2.message !== 'cancel') {
384
- setStatus('error');
385
- }
386
- return [3 /*break*/, 6];
387
- case 6: return [2 /*return*/];
388
- }
389
- });
390
- }); };
391
- // 停止
392
- var stop = function () {
393
- var _a;
394
- (_a = axiosCancelTokenRef.current) === null || _a === void 0 ? void 0 : _a.cancel('cancel');
395
- if (getSpeedTimerRef.current) {
396
- clearInterval(getSpeedTimerRef.current);
397
- getSpeedTimerRef.current = null;
398
- }
399
- setStatus('stop');
400
- };
401
- var reupload = function () {
402
- stop();
403
- retry(file, params, callback);
404
- remove();
405
- };
406
- var close = function () {
407
- if (status !== 'waiting') {
408
- stop();
409
- }
410
- requestIdleCallback(remove);
411
- };
412
- // 获取上传秒流量
413
- var getSpeed = function () {
414
- if (getSpeedTimerRef.current)
415
- return;
416
- getSpeedTimerRef.current = setInterval(function () {
417
- var _speed = (0, exports.formatFileSize)(uploadedSizeRef.current - prevUploadedSizeRef.current || 0);
418
- setSpeed(_speed);
419
- prevUploadedSizeRef.current = uploadedSizeRef.current;
420
- }, 1000);
421
- };
422
- // 根据状态判断icon
423
- var StatusIcon = function () {
424
- switch (status) {
425
- case 'waiting':
426
- return (react_1.default.createElement(IconFont_1.default, { type: "icon-time", className: "icon-btn", style: { fontSize: '26px' } }));
427
- case 'error':
428
- return (react_1.default.createElement(IconFont_1.default, { type: "icon-chongshi", className: "icon-btn refresh", style: { fontSize: '26px' }, title: "\u91CD\u8BD5", onClick: reupload }));
429
- case 'success':
430
- return react_1.default.createElement(IconFont_1.default, { className: "icon-btn", type: "icon-duigou" });
431
- case 'uploading':
432
- return (react_1.default.createElement("div", { className: "progress-wrapper" },
433
- react_1.default.createElement(IconFont_1.default, { className: "icon", type: "icon-zanting", title: "\u6682\u505C", onClick: function () { return pause(); } }),
434
- react_1.default.createElement(antd_1.Progress, { type: "circle", percent: progress, size: 26, strokeWidth: 10, strokeColor: colorPrimary, trailColor: '#dcdee0', showInfo: false })));
435
- case 'paused':
436
- return (react_1.default.createElement("div", { className: "progress-wrapper" },
437
- react_1.default.createElement(IconFont_1.default, { className: "icon", type: "icon-xiangshang", title: "\u7EE7\u7EED", onClick: function () { return resume(); } }),
438
- react_1.default.createElement(antd_1.Progress, { type: "circle", percent: progress, size: 26, strokeWidth: 10, strokeColor: colorPrimary, trailColor: '#dcdee0', showInfo: false })));
439
- default:
440
- return '';
441
- }
442
- };
443
- (0, react_1.useEffect)(function () {
444
- onChangeStatus();
445
- }, [status]);
446
- (0, react_1.useImperativeHandle)(ref, function () {
447
- return {
448
- start: start,
449
- close: close,
450
- status: status,
451
- fileId: fileIdRef.current
452
- };
453
- }, [status]);
454
- return (react_1.default.createElement("li", { className: "uploader-file-item", onClick: function (e) { return e.stopPropagation(); } },
455
- react_1.default.createElement("div", { className: "file-name", style: {
456
- width: uploadSource ? '30%' : '60%'
457
- } },
458
- react_1.default.createElement("span", null, fileInfo.name)),
459
- uploadSource && (react_1.default.createElement("div", { className: "file-name" },
460
- react_1.default.createElement("span", null, uploadSource || '-'))),
461
- react_1.default.createElement("div", { className: "file-size" }, (0, exports.formatFileSize)(fileInfo.size || 0)),
462
- react_1.default.createElement("div", { className: "file-handle" },
463
- status === 'uploading'
464
- ? (react_1.default.createElement("span", { className: "file-upload-speed" },
465
- speed,
466
- "/s"))
467
- : (react_1.default.createElement("span", { className: "file-upload-status" }, status === 'error' ? errorMessage || formatStatus : formatStatus)),
468
- StatusIcon()),
469
- react_1.default.createElement(antd_1.Button, { size: "small", className: "remove-btn", type: "text", title: "\u5173\u95ED", onClick: close },
470
- react_1.default.createElement(icons_1.CloseOutlined, null))));
471
- }
472
- exports.default = react_1.default.forwardRef(FileItem);
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export declare const UploaderContext: React.Context<any>;
3
- export declare function UploaderProvider({ children }: {
4
- children: any;
5
- }): React.JSX.Element;
6
- export declare const useUploader: () => {
7
- upload: any;
8
- };
@@ -1,65 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- var __importDefault = (this && this.__importDefault) || function (mod) {
36
- return (mod && mod.__esModule) ? mod : { "default": mod };
37
- };
38
- Object.defineProperty(exports, "__esModule", { value: true });
39
- exports.useUploader = exports.UploaderContext = void 0;
40
- exports.UploaderProvider = UploaderProvider;
41
- var react_1 = __importStar(require("react"));
42
- var index_1 = __importDefault(require("./index"));
43
- exports.UploaderContext = (0, react_1.createContext)(null);
44
- function UploaderProvider(_a) {
45
- var children = _a.children;
46
- var ref = (0, react_1.useRef)(null);
47
- // 上传文件
48
- var upload = function (file, options, callback) {
49
- var _a;
50
- (_a = ref.current) === null || _a === void 0 ? void 0 : _a.add(file, options, callback);
51
- };
52
- var value = {
53
- upload: upload
54
- };
55
- return (react_1.default.createElement(exports.UploaderContext.Provider, { value: value },
56
- children,
57
- react_1.default.createElement(index_1.default, { ref: ref })));
58
- }
59
- var useUploader = function () {
60
- var upload = (0, react_1.useContext)(exports.UploaderContext).upload;
61
- return {
62
- upload: upload
63
- };
64
- };
65
- exports.useUploader = useUploader;
@@ -1,2 +0,0 @@
1
- export declare function getFileMD5(file: any): Promise<unknown>;
2
- export declare const generateFileUniqueID: (file: any) => Promise<unknown>;