@qn-pandora/pandora-component 4.0.10 → 4.0.12
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.
- package/CHANGELOG.json +40 -0
- package/CHANGELOG.md +17 -1
- package/es/components/FileResumable/index.js +70 -12
- package/es/index.css +6668 -6668
- package/es/index.less +17 -17
- package/es/style/theme.less +2 -0
- package/lib/components/FileResumable/index.js +69 -11
- package/lib/index.css +4622 -4622
- package/lib/index.less +14 -14
- package/lib/style/theme.less +2 -0
- package/package.json +10 -6
package/es/index.less
CHANGED
|
@@ -2,49 +2,49 @@
|
|
|
2
2
|
@import './style\theme.less';
|
|
3
3
|
@import './components\Breadcrumb\style.less';
|
|
4
4
|
@import './components\AutoComplete\style.less';
|
|
5
|
+
@import './components\Card\style.less';
|
|
5
6
|
@import './components\Button\style.less';
|
|
6
|
-
@import './components\Checkbox\style.less';
|
|
7
7
|
@import './components\CheckboxList\style.less';
|
|
8
|
-
@import './components\
|
|
9
|
-
@import './components\Card\style.less';
|
|
8
|
+
@import './components\Checkbox\style.less';
|
|
10
9
|
@import './components\Collapse\style.less';
|
|
10
|
+
@import './components\CheckTransformList\style.less';
|
|
11
11
|
@import './components\CollapsiblePanel\style.less';
|
|
12
12
|
@import './components\DateTimePicker\style.less';
|
|
13
13
|
@import './components\Drawer\style.less';
|
|
14
14
|
@import './components\FileResumable\style.less';
|
|
15
15
|
@import './components\Input\style.less';
|
|
16
16
|
@import './components\KeyValuePair\style.less';
|
|
17
|
-
@import './components\NameExplainTooltip\style.less';
|
|
18
|
-
@import './components\Modal\style.less';
|
|
19
17
|
@import './components\Menu\style.less';
|
|
18
|
+
@import './components\Modal\style.less';
|
|
19
|
+
@import './components\NameExplainTooltip\style.less';
|
|
20
20
|
@import './components\NameLimiter\style.less';
|
|
21
|
-
@import './components\RemarkName\style.less';
|
|
22
|
-
@import './components\Selector\style.less';
|
|
23
|
-
@import './components\OptionList\style.less';
|
|
24
21
|
@import './components\RadioGroup\style.less';
|
|
22
|
+
@import './components\OptionList\style.less';
|
|
25
23
|
@import './components\RangeInput\style.less';
|
|
24
|
+
@import './components\RemarkName\style.less';
|
|
25
|
+
@import './components\Selector\style.less';
|
|
26
26
|
@import './components\Spin\style.less';
|
|
27
27
|
@import './components\Steps\style.less';
|
|
28
|
-
@import './components\TagList\style.less';
|
|
29
28
|
@import './components\Tabs\style.less';
|
|
30
|
-
@import './components\Timeline\style.less';
|
|
31
29
|
@import './components\Table\style.less';
|
|
32
|
-
@import './components\
|
|
30
|
+
@import './components\TagList\style.less';
|
|
31
|
+
@import './components\Timeline\style.less';
|
|
33
32
|
@import './components\TreeSelector\style.less';
|
|
34
|
-
@import './components\
|
|
33
|
+
@import './components\Transfer\style.less';
|
|
35
34
|
@import './components\Card\SearchInput\style.less';
|
|
36
|
-
@import './components\
|
|
35
|
+
@import './components\Card\RowExtra\style.less';
|
|
37
36
|
@import './components\DateTimePicker\Base\style.less';
|
|
37
|
+
@import './components\DateTimePicker\BaseMobile\style.less';
|
|
38
38
|
@import './components\DateTimePicker\DisplayInput\style.less';
|
|
39
|
-
@import './components\OptionList\InlineOptionList\style.less';
|
|
40
39
|
@import './components\OptionList\OptionItem\style.less';
|
|
41
40
|
@import './components\OptionList\PopoverOptionList\style.less';
|
|
41
|
+
@import './components\OptionList\InlineOptionList\style.less';
|
|
42
42
|
@import './components\Steps\ControlButton\style.less';
|
|
43
|
+
@import './components\Table\ColumnTag\style.less';
|
|
43
44
|
@import './components\TagList\Tag\style.less';
|
|
44
45
|
@import './components\TagList\TagSwitch\style.less';
|
|
45
46
|
@import './components\Timeline\TimelineItem\style.less';
|
|
46
|
-
@import './components\Table\ColumnTag\style.less';
|
|
47
47
|
@import './components\Transfer\List\style.less';
|
|
48
48
|
@import './components\Transfer\ListBody\style.less';
|
|
49
|
-
@import './components\DateTimePicker\
|
|
50
|
-
@import './components\DateTimePicker\
|
|
49
|
+
@import './components\DateTimePicker\BaseMobile\Absolute\style.less';
|
|
50
|
+
@import './components\DateTimePicker\Collapse\Panel\style.less';
|
package/es/style/theme.less
CHANGED
|
@@ -86,6 +86,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
86
86
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
87
87
|
var react_1 = __importStar(require("react"));
|
|
88
88
|
var resumablejs_1 = __importDefault(require("resumablejs"));
|
|
89
|
+
var uuid_1 = __importDefault(require("uuid"));
|
|
90
|
+
var md5_1 = __importDefault(require("crypto-js/md5"));
|
|
89
91
|
var antd_1 = require("antd");
|
|
90
92
|
var config_provider_1 = require("antd/es/config-provider");
|
|
91
93
|
var classnames_1 = __importDefault(require("classnames"));
|
|
@@ -235,12 +237,6 @@ function FileResumable(props) {
|
|
|
235
237
|
mode,
|
|
236
238
|
handleReadeImageFile
|
|
237
239
|
]);
|
|
238
|
-
var handleStart = react_1.useCallback(function () {
|
|
239
|
-
var _a, _b;
|
|
240
|
-
(_a = resumable.current) === null || _a === void 0 ? void 0 : _a.updateQuery(query);
|
|
241
|
-
(_b = resumable.current) === null || _b === void 0 ? void 0 : _b.upload();
|
|
242
|
-
setShowTool(true);
|
|
243
|
-
}, [query, setShowTool]);
|
|
244
240
|
var handleFileSuccess = react_1.useCallback(function (message) {
|
|
245
241
|
var _a;
|
|
246
242
|
onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(message);
|
|
@@ -257,11 +253,6 @@ function FileResumable(props) {
|
|
|
257
253
|
setShowTool,
|
|
258
254
|
setPercent
|
|
259
255
|
]);
|
|
260
|
-
var handleUploadStart = react_1.useCallback(function () {
|
|
261
|
-
setIsPlayDisabled(true);
|
|
262
|
-
setIsPauseDisabled(false);
|
|
263
|
-
setIsStopDisabled(false);
|
|
264
|
-
}, [setIsPlayDisabled, setIsPauseDisabled, setIsStopDisabled]);
|
|
265
256
|
var handleError = react_1.useCallback(function (error) {
|
|
266
257
|
var _a;
|
|
267
258
|
(_a = resumable.current) === null || _a === void 0 ? void 0 : _a.cancel();
|
|
@@ -281,6 +272,73 @@ function FileResumable(props) {
|
|
|
281
272
|
setShowTool,
|
|
282
273
|
onError
|
|
283
274
|
]);
|
|
275
|
+
var handleStart = react_1.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
276
|
+
var params, realFile_1, reader;
|
|
277
|
+
var _this = this;
|
|
278
|
+
return __generator(this, function (_a) {
|
|
279
|
+
params = __assign({}, query);
|
|
280
|
+
if (fileList.length === 1) {
|
|
281
|
+
realFile_1 = fileList[0];
|
|
282
|
+
reader = new FileReader();
|
|
283
|
+
reader.readAsText(realFile_1.size > 50 * 1024 * 1024
|
|
284
|
+
? realFile_1.slice(0, 2 * 1024 * 1024)
|
|
285
|
+
: realFile_1);
|
|
286
|
+
reader.onloadend = function (e) { return __awaiter(_this, void 0, void 0, function () {
|
|
287
|
+
var md5Str, id, fileId, error_1;
|
|
288
|
+
var _a, _b, _c;
|
|
289
|
+
return __generator(this, function (_d) {
|
|
290
|
+
switch (_d.label) {
|
|
291
|
+
case 0:
|
|
292
|
+
if (!(e.target.readyState === FileReader.DONE)) return [3 /*break*/, 5];
|
|
293
|
+
md5Str = md5_1.default(e.target.result).toString();
|
|
294
|
+
id = '';
|
|
295
|
+
_d.label = 1;
|
|
296
|
+
case 1:
|
|
297
|
+
_d.trys.push([1, 3, , 4]);
|
|
298
|
+
return [4 /*yield*/, app_sdk_1.fileIsExit({
|
|
299
|
+
resumableModifyTime: realFile_1.lastModified,
|
|
300
|
+
resumableFilename: realFile_1.name,
|
|
301
|
+
resumableType: realFile_1.type,
|
|
302
|
+
resumableFileMd5: md5Str,
|
|
303
|
+
resumableTotalSize: realFile_1.size
|
|
304
|
+
})];
|
|
305
|
+
case 2:
|
|
306
|
+
fileId = (_d.sent()).fileId;
|
|
307
|
+
id = fileId;
|
|
308
|
+
return [3 /*break*/, 4];
|
|
309
|
+
case 3:
|
|
310
|
+
error_1 = _d.sent();
|
|
311
|
+
handleError(lodash_1.get(error_1, 'message'));
|
|
312
|
+
return [3 /*break*/, 4];
|
|
313
|
+
case 4:
|
|
314
|
+
if (!id) {
|
|
315
|
+
params.resumableFileMd5 = md5Str;
|
|
316
|
+
params.resumableModifyTime = realFile_1.lastModified;
|
|
317
|
+
params.resumableIdentifier = uuid_1.default();
|
|
318
|
+
(_a = resumable.current) === null || _a === void 0 ? void 0 : _a.updateQuery(params);
|
|
319
|
+
(_b = resumable.current) === null || _b === void 0 ? void 0 : _b.upload();
|
|
320
|
+
}
|
|
321
|
+
else {
|
|
322
|
+
handleFileSuccess(JSON.stringify({
|
|
323
|
+
fileId: id
|
|
324
|
+
}));
|
|
325
|
+
(_c = resumable.current) === null || _c === void 0 ? void 0 : _c.cancel();
|
|
326
|
+
}
|
|
327
|
+
_d.label = 5;
|
|
328
|
+
case 5: return [2 /*return*/];
|
|
329
|
+
}
|
|
330
|
+
});
|
|
331
|
+
}); };
|
|
332
|
+
}
|
|
333
|
+
setShowTool(true);
|
|
334
|
+
return [2 /*return*/];
|
|
335
|
+
});
|
|
336
|
+
}); }, [query, setShowTool, fileList, handleError, handleFileSuccess]);
|
|
337
|
+
var handleUploadStart = react_1.useCallback(function () {
|
|
338
|
+
setIsPlayDisabled(true);
|
|
339
|
+
setIsPauseDisabled(false);
|
|
340
|
+
setIsStopDisabled(false);
|
|
341
|
+
}, [setIsPlayDisabled, setIsPauseDisabled, setIsStopDisabled]);
|
|
284
342
|
var init = react_1.useCallback(function () {
|
|
285
343
|
var ResumableField = new resumablejs_1.default(__assign(__assign({ permanentErrors: [400, 404, 415, 500, 501, 409] }, others), { target: others.target || app_sdk_1.appEnv.getApiPrefix() + "/upload/file" }));
|
|
286
344
|
ResumableField.on('fileSuccess', function (_file, message) {
|