@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) {
|