iglooform 2.4.5 → 2.4.9
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/es/admin-upload/float.js +25 -35
- package/es/admin-upload/index.js +18 -25
- package/es/admin-upload/job-list.js +83 -113
- package/es/admin-upload/modal.js +19 -26
- package/es/alert-message/index.js +11 -9
- package/es/amount/index.js +10 -5
- package/es/back-top/index.js +14 -10
- package/es/button/index.js +21 -26
- package/es/card-detail/card-group.js +16 -22
- package/es/card-detail/card-item.js +15 -20
- package/es/card-detail/card-page.js +11 -15
- package/es/card-detail/card.js +24 -24
- package/es/card-detail/style/index.less +13 -0
- package/es/card-detail/utils.js +3 -4
- package/es/checkbox/index.js +23 -22
- package/es/claim-list/index.js +51 -68
- package/es/confirmation/index.js +5 -7
- package/es/date-picker/buddhist.js +1 -1
- package/es/date-picker/index.js +10 -4
- package/es/declaration/index.js +16 -13
- package/es/detail-panel/index.js +67 -83
- package/es/documents/index.js +6 -8
- package/es/example/index.js +3 -4
- package/es/filter/checkBox.js +33 -45
- package/es/filter/customize.js +3 -4
- package/es/filter/index.js +79 -107
- package/es/filter/radioBox.js +23 -31
- package/es/filter/rangePicker.js +43 -59
- package/es/form/divider/index.js +7 -1
- package/es/form/element/index.js +28 -36
- package/es/form/element/style/index.less +4 -0
- package/es/form/index.js +9 -12
- package/es/form/login/index.js +14 -19
- package/es/form/page/index.js +17 -23
- package/es/form/pages/index.js +22 -30
- package/es/form/section/index.js +11 -14
- package/es/form/step/index.js +30 -41
- package/es/form/steps/index.js +9 -9
- package/es/free-form/element/index.js +21 -27
- package/es/free-form/element/style/index.less +4 -0
- package/es/free-form/index.js +9 -12
- package/es/free-form/page/index.js +28 -39
- package/es/free-form/pages/index.js +6 -8
- package/es/free-form/section/index.js +11 -14
- package/es/free-form/step/index.js +30 -41
- package/es/free-form/steps/index.d.ts +1 -0
- package/es/free-form/steps/index.js +8 -8
- package/es/home-menu/index.js +52 -71
- package/es/input/amount.js +10 -5
- package/es/input/credit-card.js +7 -1
- package/es/input/email.js +8 -1
- package/es/input/expiry-date.js +12 -16
- package/es/input/input-date.js +12 -16
- package/es/input/input-number.js +9 -2
- package/es/input/input.js +9 -2
- package/es/input/otp.js +17 -15
- package/es/input/password.js +12 -6
- package/es/input/phone-number.js +6 -8
- package/es/input/text-area.js +14 -10
- package/es/layout/defaultFooter.js +60 -82
- package/es/layout/defaultHeader.js +11 -15
- package/es/layout/footer.js +111 -151
- package/es/layout/header.js +50 -59
- package/es/layout/index.js +16 -12
- package/es/locale/locale-provider.js +6 -8
- package/es/login-page/index.js +30 -42
- package/es/media/index.js +20 -27
- package/es/media/media.js +9 -12
- package/es/media/preview.js +6 -8
- package/es/mobile-insurer-detail/index.js +74 -91
- package/es/mobile-insurer-list/index.js +34 -38
- package/es/modal/index.js +22 -26
- package/es/modal/style/index.less +13 -4
- package/es/platform/platform-card/index.js +9 -12
- package/es/platform/switch-platform/index.js +24 -32
- package/es/policy-list/index.js +9 -12
- package/es/policy-list/policy-card.js +119 -153
- package/es/radio/index.js +33 -35
- package/es/select/attached-select.js +31 -34
- package/es/select/select.js +12 -8
- package/es/select/time-select.js +12 -16
- package/es/status-box/index.js +6 -8
- package/es/table/index.js +69 -93
- package/es/tabs/index.js +7 -1
- package/es/typography/index.js +6 -8
- package/es/upload/index.js +48 -66
- package/es/upload-photo/index.js +47 -63
- package/es/upload-photo/media.js +3 -4
- package/es/upload-preview/index.js +9 -12
- package/es/upload-preview/media.js +12 -16
- package/es/upload-preview/style/index.less +2 -2
- package/es/utils/form-utils.js +18 -25
- package/lib/admin-upload/float.js +25 -35
- package/lib/admin-upload/index.js +18 -25
- package/lib/admin-upload/job-list.js +83 -113
- package/lib/admin-upload/modal.js +19 -26
- package/lib/alert-message/index.js +11 -9
- package/lib/amount/index.js +10 -5
- package/lib/back-top/index.js +14 -10
- package/lib/button/index.js +22 -27
- package/lib/card-detail/card-group.js +16 -22
- package/lib/card-detail/card-item.js +15 -20
- package/lib/card-detail/card-page.js +11 -15
- package/lib/card-detail/card.js +24 -24
- package/lib/card-detail/index.js +6 -6
- package/lib/card-detail/style/index.less +13 -0
- package/lib/card-detail/utils.js +4 -5
- package/lib/checkbox/index.js +24 -23
- package/lib/claim-list/index.js +51 -68
- package/lib/confirmation/index.js +5 -7
- package/lib/date-picker/buddhist.js +1 -1
- package/lib/date-picker/index.js +11 -5
- package/lib/declaration/index.js +16 -13
- package/lib/detail-panel/index.js +67 -83
- package/lib/documents/index.js +6 -8
- package/lib/example/index.js +3 -4
- package/lib/filter/checkBox.js +33 -45
- package/lib/filter/customize.js +3 -4
- package/lib/filter/index.js +79 -107
- package/lib/filter/radioBox.js +23 -31
- package/lib/filter/rangePicker.js +43 -59
- package/lib/form/divider/index.js +7 -1
- package/lib/form/element/index.js +28 -36
- package/lib/form/element/style/index.less +4 -0
- package/lib/form/index.js +9 -12
- package/lib/form/login/index.js +14 -19
- package/lib/form/page/index.js +17 -23
- package/lib/form/pages/index.js +22 -30
- package/lib/form/section/index.js +11 -14
- package/lib/form/step/index.js +30 -41
- package/lib/form/steps/index.js +9 -9
- package/lib/free-form/element/index.js +21 -27
- package/lib/free-form/element/style/index.less +4 -0
- package/lib/free-form/index.js +9 -12
- package/lib/free-form/page/index.js +28 -39
- package/lib/free-form/pages/index.js +6 -8
- package/lib/free-form/section/index.js +11 -14
- package/lib/free-form/step/index.js +30 -41
- package/lib/free-form/steps/index.d.ts +1 -0
- package/lib/free-form/steps/index.js +8 -8
- package/lib/home-menu/index.js +52 -71
- package/lib/index.js +132 -132
- package/lib/input/amount.js +10 -5
- package/lib/input/credit-card.js +7 -1
- package/lib/input/email.js +7 -1
- package/lib/input/expiry-date.js +12 -16
- package/lib/input/index.js +18 -18
- package/lib/input/input-date.js +12 -16
- package/lib/input/input-number.js +8 -2
- package/lib/input/input.js +8 -2
- package/lib/input/otp.js +17 -15
- package/lib/input/password.js +11 -6
- package/lib/input/phone-number.js +6 -8
- package/lib/input/text-area.js +14 -10
- package/lib/layout/defaultFooter.js +60 -82
- package/lib/layout/defaultHeader.js +11 -15
- package/lib/layout/footer.js +111 -151
- package/lib/layout/header.js +50 -59
- package/lib/layout/index.js +15 -12
- package/lib/locale/format-message.js +1 -1
- package/lib/locale/index.js +4 -4
- package/lib/locale/locale-provider.js +7 -9
- package/lib/login-page/index.js +30 -42
- package/lib/media/index.js +20 -27
- package/lib/media/media.js +9 -12
- package/lib/media/preview.js +6 -8
- package/lib/mobile-insurer-detail/index.js +74 -91
- package/lib/mobile-insurer-list/index.js +34 -38
- package/lib/modal/index.js +22 -26
- package/lib/modal/style/index.less +13 -4
- package/lib/platform/platform-card/index.js +9 -12
- package/lib/platform/switch-platform/index.js +24 -32
- package/lib/policy-list/index.js +9 -12
- package/lib/policy-list/policy-card.js +119 -153
- package/lib/radio/index.js +33 -35
- package/lib/select/attached-select.js +32 -35
- package/lib/select/select.js +13 -9
- package/lib/select/time-select.js +12 -16
- package/lib/status-box/index.js +6 -8
- package/lib/table/index.js +69 -93
- package/lib/tabs/index.js +8 -2
- package/lib/typography/index.js +6 -8
- package/lib/upload/index.js +48 -66
- package/lib/upload-photo/index.js +47 -63
- package/lib/upload-photo/media.js +3 -4
- package/lib/upload-preview/index.js +9 -12
- package/lib/upload-preview/media.js +12 -16
- package/lib/upload-preview/style/index.less +2 -2
- package/lib/utils/form-utils.js +19 -26
- package/package.json +1 -1
|
@@ -57,21 +57,17 @@ var Float = function Float(_ref) {
|
|
|
57
57
|
return null;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
return (0, _jsxRuntime.jsxs)("div",
|
|
61
|
-
className: "igloo-admin-upload-float"
|
|
62
|
-
|
|
63
|
-
children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
60
|
+
return (0, _jsxRuntime.jsxs)("div", {
|
|
61
|
+
className: "igloo-admin-upload-float",
|
|
62
|
+
children: [(0, _jsxRuntime.jsxs)("div", {
|
|
64
63
|
className: "igloo-admin-upload-float-header",
|
|
65
64
|
onClick: function onClick() {
|
|
66
65
|
return setOpen(!open);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
children: [(0, _jsxRuntime.jsx)("div", Object.assign({
|
|
73
|
-
className: "igloo-admin-upload-float-header-icon-box"
|
|
74
|
-
}, {
|
|
66
|
+
},
|
|
67
|
+
children: [(0, _jsxRuntime.jsxs)("div", {
|
|
68
|
+
className: "igloo-admin-upload-float-header-left",
|
|
69
|
+
children: [(0, _jsxRuntime.jsx)("div", {
|
|
70
|
+
className: "igloo-admin-upload-float-header-icon-box",
|
|
75
71
|
children: processingNumber ? (0, _jsxRuntime.jsx)(_iglooicon.ProcessingOutlined, {
|
|
76
72
|
className: "igloo-admin-upload-float-header-icon",
|
|
77
73
|
spinning: true,
|
|
@@ -79,31 +75,27 @@ var Float = function Float(_ref) {
|
|
|
79
75
|
}, void 0) : (0, _jsxRuntime.jsx)(_iglooicon.CheckOutlined, {
|
|
80
76
|
className: "igloo-admin-upload-float-header-icon"
|
|
81
77
|
}, void 0)
|
|
82
|
-
}
|
|
83
|
-
className: "igloo-admin-upload-float-header-text"
|
|
84
|
-
|
|
85
|
-
children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
|
|
78
|
+
}, void 0), (0, _jsxRuntime.jsxs)("div", {
|
|
79
|
+
className: "igloo-admin-upload-float-header-text",
|
|
80
|
+
children: [(0, _jsxRuntime.jsx)(_typography.default, {
|
|
86
81
|
level: "h5",
|
|
87
|
-
wrapElement: "div"
|
|
88
|
-
}, {
|
|
82
|
+
wrapElement: "div",
|
|
89
83
|
children: title || formatMessage({
|
|
90
84
|
id: 'Data Importing Queue'
|
|
91
85
|
})
|
|
92
|
-
}
|
|
86
|
+
}, void 0), formatTips && (0, _jsxRuntime.jsx)(_typography.default, {
|
|
93
87
|
level: "body3",
|
|
94
88
|
wrapElement: "div",
|
|
95
|
-
className: "igloo-admin-upload-float-header-tips"
|
|
96
|
-
}, {
|
|
89
|
+
className: "igloo-admin-upload-float-header-tips",
|
|
97
90
|
children: formatTips({
|
|
98
91
|
uploading: uploadingNumber,
|
|
99
92
|
processing: processingNumber,
|
|
100
93
|
done: doneNumber
|
|
101
94
|
})
|
|
102
|
-
}
|
|
95
|
+
}, void 0), !formatTips && (0, _jsxRuntime.jsx)(_typography.default, {
|
|
103
96
|
level: "body3",
|
|
104
97
|
wrapElement: "div",
|
|
105
|
-
className: "igloo-admin-upload-float-header-tips"
|
|
106
|
-
}, {
|
|
98
|
+
className: "igloo-admin-upload-float-header-tips",
|
|
107
99
|
children: processingNumber ? processingNumber === 1 ? formatMessage({
|
|
108
100
|
id: '1 file in progress...'
|
|
109
101
|
}) : formatMessage({
|
|
@@ -119,22 +111,20 @@ var Float = function Float(_ref) {
|
|
|
119
111
|
doneNumber: doneNumber
|
|
120
112
|
}
|
|
121
113
|
})
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
className: "igloo-admin-upload-float-header-right"
|
|
126
|
-
}, {
|
|
114
|
+
}, void 0)]
|
|
115
|
+
}, void 0)]
|
|
116
|
+
}, void 0), (0, _jsxRuntime.jsxs)("div", {
|
|
117
|
+
className: "igloo-admin-upload-float-header-right",
|
|
127
118
|
children: [open ? (0, _jsxRuntime.jsx)(_iglooicon.ArrowUpOutlined, {}, void 0) : (0, _jsxRuntime.jsx)(_iglooicon.ArrowDownOutlined, {}, void 0), !processingNumber && (0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
|
|
128
119
|
className: "igloo-admin-upload-float-header-close",
|
|
129
120
|
onClick: onClose
|
|
130
121
|
}, void 0)]
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
className: "igloo-admin-upload-float-content"
|
|
134
|
-
}, {
|
|
122
|
+
}, void 0)]
|
|
123
|
+
}, void 0), open && (0, _jsxRuntime.jsx)("div", {
|
|
124
|
+
className: "igloo-admin-upload-float-content",
|
|
135
125
|
children: children
|
|
136
|
-
}
|
|
137
|
-
}
|
|
126
|
+
}, void 0)]
|
|
127
|
+
}, void 0);
|
|
138
128
|
};
|
|
139
129
|
|
|
140
130
|
var _default = Float;
|
|
@@ -400,20 +400,18 @@ var AdminUpload = function AdminUpload(_ref) {
|
|
|
400
400
|
setShowFloatComfirm(true);
|
|
401
401
|
};
|
|
402
402
|
|
|
403
|
-
return (0, _jsxRuntime.jsxs)("div",
|
|
404
|
-
className: "igloo-admin-upload"
|
|
405
|
-
|
|
406
|
-
children: [(0, _jsxRuntime.jsx)(_button.default, Object.assign({
|
|
403
|
+
return (0, _jsxRuntime.jsxs)("div", {
|
|
404
|
+
className: "igloo-admin-upload",
|
|
405
|
+
children: [(0, _jsxRuntime.jsx)(_button.default, {
|
|
407
406
|
type: buttonType,
|
|
408
407
|
onClick: function onClick() {
|
|
409
408
|
return setShowModal(true);
|
|
410
409
|
},
|
|
411
|
-
icon: (0, _jsxRuntime.jsx)(_iglooicon.PublishOutlined, {}, void 0)
|
|
412
|
-
}, {
|
|
410
|
+
icon: (0, _jsxRuntime.jsx)(_iglooicon.PublishOutlined, {}, void 0),
|
|
413
411
|
children: buttonText || formatMessage({
|
|
414
412
|
id: 'Import'
|
|
415
413
|
})
|
|
416
|
-
}
|
|
414
|
+
}, void 0), (0, _jsxRuntime.jsx)(_modal2.default, {
|
|
417
415
|
title: modalTitle,
|
|
418
416
|
accept: accept,
|
|
419
417
|
visible: showModal,
|
|
@@ -422,8 +420,7 @@ var AdminUpload = function AdminUpload(_ref) {
|
|
|
422
420
|
onClose: function onClose() {
|
|
423
421
|
return setShowModal(false);
|
|
424
422
|
},
|
|
425
|
-
onUpload: handleUpload
|
|
426
|
-
}, {
|
|
423
|
+
onUpload: handleUpload,
|
|
427
424
|
children: (0, _jsxRuntime.jsx)(_jobList.default, {
|
|
428
425
|
uploadJobs: uploadJobs,
|
|
429
426
|
processingJobs: processingJobs,
|
|
@@ -435,15 +432,14 @@ var AdminUpload = function AdminUpload(_ref) {
|
|
|
435
432
|
cancelProcess: handleRemoveJob,
|
|
436
433
|
hideJob: handleRemoveJob
|
|
437
434
|
}, void 0)
|
|
438
|
-
}
|
|
435
|
+
}, void 0), (0, _jsxRuntime.jsx)(_float.default, {
|
|
439
436
|
title: floatTitle,
|
|
440
437
|
visible: showFloat,
|
|
441
438
|
uploadingNumber: uploadJobs.length,
|
|
442
439
|
processingNumber: processingJobs.length,
|
|
443
440
|
doneNumber: doneJobs.length,
|
|
444
441
|
onClose: handleCloseFloat,
|
|
445
|
-
formatTips: formatTips
|
|
446
|
-
}, {
|
|
442
|
+
formatTips: formatTips,
|
|
447
443
|
children: (0, _jsxRuntime.jsx)(_jobList.default, {
|
|
448
444
|
uploadJobs: uploadJobs,
|
|
449
445
|
processingJobs: processingJobs,
|
|
@@ -455,7 +451,7 @@ var AdminUpload = function AdminUpload(_ref) {
|
|
|
455
451
|
cancelProcess: handleRemoveJob,
|
|
456
452
|
hideJob: handleRemoveJob
|
|
457
453
|
}, void 0)
|
|
458
|
-
}
|
|
454
|
+
}, void 0), (0, _jsxRuntime.jsx)(_modal.default, {
|
|
459
455
|
cancelText: formatMessage({
|
|
460
456
|
id: 'Cancel'
|
|
461
457
|
}),
|
|
@@ -486,19 +482,16 @@ var AdminUpload = function AdminUpload(_ref) {
|
|
|
486
482
|
style: {
|
|
487
483
|
fontSize: 24
|
|
488
484
|
}
|
|
489
|
-
}, void 0)
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
children: ["Would you like to close the result panel now? You can go to", ' ', (0, _jsxRuntime.jsxs)(_typography.default, Object.assign({
|
|
495
|
-
level: "caption1"
|
|
496
|
-
}, {
|
|
485
|
+
}, void 0),
|
|
486
|
+
children: (0, _jsxRuntime.jsxs)(_typography.default, {
|
|
487
|
+
level: "body1",
|
|
488
|
+
children: ["Would you like to close the result panel now? You can go to", ' ', (0, _jsxRuntime.jsxs)(_typography.default, {
|
|
489
|
+
level: "caption1",
|
|
497
490
|
children: ["My Account ", '>', " Activity Log"]
|
|
498
|
-
}
|
|
499
|
-
}
|
|
500
|
-
}
|
|
501
|
-
}
|
|
491
|
+
}, void 0), ' ', "to view this import result after this panel is closed."]
|
|
492
|
+
}, void 0)
|
|
493
|
+
}, void 0)]
|
|
494
|
+
}, void 0);
|
|
502
495
|
};
|
|
503
496
|
|
|
504
497
|
var _default = AdminUpload;
|
|
@@ -56,26 +56,23 @@ var JobItem = function JobItem(_ref) {
|
|
|
56
56
|
formatMessage = _useContext.formatMessage;
|
|
57
57
|
|
|
58
58
|
var progress = Number((success_num + fail_num) / total_num * 100).toFixed(2);
|
|
59
|
-
var downloadReport = fail_data_url ? (0, _jsxRuntime.jsxs)(_button.default,
|
|
59
|
+
var downloadReport = fail_data_url ? (0, _jsxRuntime.jsxs)(_button.default, {
|
|
60
60
|
type: "link",
|
|
61
|
-
href: fail_data_url
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
level: "h5"
|
|
65
|
-
}, {
|
|
61
|
+
href: fail_data_url,
|
|
62
|
+
children: [(0, _jsxRuntime.jsx)(_typography.default, {
|
|
63
|
+
level: "h5",
|
|
66
64
|
children: formatMessage({
|
|
67
65
|
id: 'Error Report'
|
|
68
66
|
})
|
|
69
|
-
}
|
|
67
|
+
}, void 0), ' ', (0, _jsxRuntime.jsx)(_iglooicon.DownloadOutlined, {
|
|
70
68
|
style: {
|
|
71
69
|
fontSize: 24
|
|
72
70
|
}
|
|
73
71
|
}, void 0)]
|
|
74
|
-
}
|
|
75
|
-
var result = (0, _jsxRuntime.jsx)(_typography.default,
|
|
72
|
+
}, void 0) : null;
|
|
73
|
+
var result = (0, _jsxRuntime.jsx)(_typography.default, {
|
|
76
74
|
level: "caption2",
|
|
77
|
-
wrapElement: "div"
|
|
78
|
-
}, {
|
|
75
|
+
wrapElement: "div",
|
|
79
76
|
children: formatMessage({
|
|
80
77
|
id: 'Result: Success {success_num}; Error {fail_num}',
|
|
81
78
|
values: {
|
|
@@ -83,60 +80,53 @@ var JobItem = function JobItem(_ref) {
|
|
|
83
80
|
fail_num: fail_num
|
|
84
81
|
}
|
|
85
82
|
})
|
|
86
|
-
}
|
|
87
|
-
return (0, _jsxRuntime.jsxs)("div",
|
|
83
|
+
}, void 0);
|
|
84
|
+
return (0, _jsxRuntime.jsxs)("div", {
|
|
88
85
|
className: (0, _classnames.default)({
|
|
89
86
|
'igloo-job-item': true,
|
|
90
87
|
'igloo-job-item-loading': status === 'Processing'
|
|
91
88
|
}),
|
|
92
89
|
style: {
|
|
93
90
|
borderImage: "linear-gradient(to right, #5858FF, #5858FF ".concat(progress, "%, #CCCCFF ").concat(progress, "%, #CCCCFF 100%) 2")
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
children: [(0, _jsxRuntime.jsxs)(_space.default, Object.assign({
|
|
100
|
-
size: 8
|
|
101
|
-
}, {
|
|
91
|
+
},
|
|
92
|
+
children: [(0, _jsxRuntime.jsxs)(_row.default, {
|
|
93
|
+
justify: "space-between",
|
|
94
|
+
children: [(0, _jsxRuntime.jsxs)(_space.default, {
|
|
95
|
+
size: 8,
|
|
102
96
|
children: [(0, _jsxRuntime.jsx)(_iglooicon.ExcelOutlined, {
|
|
103
97
|
className: "igloo-job-item-icon"
|
|
104
|
-
}, void 0), (0, _jsxRuntime.jsx)(_typography.default,
|
|
98
|
+
}, void 0), (0, _jsxRuntime.jsx)(_typography.default, {
|
|
105
99
|
level: "h5",
|
|
106
100
|
className: "igloo-job-item-fileName",
|
|
107
101
|
style: {
|
|
108
102
|
maxWidth: size === 'default' ? 260 : 120
|
|
109
103
|
},
|
|
110
|
-
title: origin_file_name
|
|
111
|
-
}, {
|
|
104
|
+
title: origin_file_name,
|
|
112
105
|
children: origin_file_name
|
|
113
|
-
}
|
|
114
|
-
}
|
|
106
|
+
}, void 0)]
|
|
107
|
+
}, void 0), (0, _jsxRuntime.jsxs)("div", {
|
|
115
108
|
style: {
|
|
116
109
|
display: 'flex',
|
|
117
110
|
alignItems: 'center'
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
children: [(0, _jsxRuntime.jsxs)(_typography.default, Object.assign({
|
|
111
|
+
},
|
|
112
|
+
children: [(0, _jsxRuntime.jsxs)(_typography.default, {
|
|
121
113
|
level: "body2",
|
|
122
114
|
style: {
|
|
123
115
|
marginRight: 16
|
|
124
|
-
}
|
|
125
|
-
}, {
|
|
116
|
+
},
|
|
126
117
|
children: [size !== 'small' && (0, _jsxRuntime.jsx)("span", {
|
|
127
118
|
children: status === 'Processing' ? formatMessage({
|
|
128
119
|
id: 'Data Processing...'
|
|
129
120
|
}) : formatMessage({
|
|
130
121
|
id: 'Data Processed'
|
|
131
122
|
})
|
|
132
|
-
}, void 0), (0, _jsxRuntime.jsxs)("span",
|
|
123
|
+
}, void 0), (0, _jsxRuntime.jsxs)("span", {
|
|
133
124
|
style: {
|
|
134
125
|
marginLeft: 8
|
|
135
|
-
}
|
|
136
|
-
}, {
|
|
126
|
+
},
|
|
137
127
|
children: [progress, "%"]
|
|
138
|
-
}
|
|
139
|
-
}
|
|
128
|
+
}, void 0)]
|
|
129
|
+
}, void 0), (0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
|
|
140
130
|
className: "igloo-job-item-icon igloo-job-item-icon-delete",
|
|
141
131
|
onClick: function onClick() {
|
|
142
132
|
return handleHide(job_id);
|
|
@@ -149,22 +139,19 @@ var JobItem = function JobItem(_ref) {
|
|
|
149
139
|
className: "igloo-job-item-icon igloo-job-item-icon-loading",
|
|
150
140
|
spinning: true
|
|
151
141
|
}, void 0)]
|
|
152
|
-
}
|
|
153
|
-
}
|
|
142
|
+
}, void 0)]
|
|
143
|
+
}, void 0), status === 'Done' && (size === 'default' ? (0, _jsxRuntime.jsxs)(_row.default, {
|
|
154
144
|
justify: "space-between",
|
|
155
|
-
className: "igloo-job-item-result"
|
|
156
|
-
}, {
|
|
145
|
+
className: "igloo-job-item-result",
|
|
157
146
|
children: [result, downloadReport]
|
|
158
|
-
}
|
|
159
|
-
className: "igloo-job-item-result"
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
justify: "space-between"
|
|
163
|
-
}, {
|
|
147
|
+
}, void 0) : (0, _jsxRuntime.jsxs)("div", {
|
|
148
|
+
className: "igloo-job-item-result",
|
|
149
|
+
children: [result, (0, _jsxRuntime.jsxs)(_row.default, {
|
|
150
|
+
justify: "space-between",
|
|
164
151
|
children: [(0, _jsxRuntime.jsx)("div", {}, void 0), downloadReport]
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
}
|
|
152
|
+
}, void 0)]
|
|
153
|
+
}, void 0))]
|
|
154
|
+
}, void 0);
|
|
168
155
|
};
|
|
169
156
|
|
|
170
157
|
exports.JobItem = JobItem;
|
|
@@ -180,62 +167,53 @@ var UploadJobItem = function UploadJobItem(_ref2) {
|
|
|
180
167
|
errorMessage = _ref2.errorMessage,
|
|
181
168
|
handleReupload = _ref2.handleReupload,
|
|
182
169
|
handleCancel = _ref2.handleCancel;
|
|
183
|
-
var loadedSize = (0, _jsxRuntime.jsx)(_typography.default,
|
|
184
|
-
level: "body2"
|
|
185
|
-
}, {
|
|
170
|
+
var loadedSize = (0, _jsxRuntime.jsx)(_typography.default, {
|
|
171
|
+
level: "body2",
|
|
186
172
|
children: (0, _tools.parseFileSize)(loadedSizeProp)
|
|
187
|
-
}
|
|
188
|
-
var total = (0, _jsxRuntime.jsx)(_typography.default,
|
|
189
|
-
level: "body2"
|
|
190
|
-
}, {
|
|
173
|
+
}, void 0);
|
|
174
|
+
var total = (0, _jsxRuntime.jsx)(_typography.default, {
|
|
175
|
+
level: "body2",
|
|
191
176
|
children: (0, _tools.parseFileSize)(totalProp)
|
|
192
|
-
}
|
|
193
|
-
var fileSize = (0, _jsxRuntime.jsx)(_typography.default,
|
|
177
|
+
}, void 0);
|
|
178
|
+
var fileSize = (0, _jsxRuntime.jsx)(_typography.default, {
|
|
194
179
|
level: "body2",
|
|
195
180
|
style: {
|
|
196
181
|
marginRight: 16
|
|
197
|
-
}
|
|
198
|
-
}, {
|
|
182
|
+
},
|
|
199
183
|
children: (0, _tools.parseFileSize)(fileSizeProp)
|
|
200
|
-
}
|
|
201
|
-
var percent = (0, _jsxRuntime.jsxs)(_typography.default,
|
|
184
|
+
}, void 0);
|
|
185
|
+
var percent = (0, _jsxRuntime.jsxs)(_typography.default, {
|
|
202
186
|
level: "body2",
|
|
203
187
|
style: {
|
|
204
188
|
marginRight: 16
|
|
205
|
-
}
|
|
206
|
-
}, {
|
|
189
|
+
},
|
|
207
190
|
children: [totalProp ? Number(loadedSizeProp / totalProp * 100).toFixed(2) : '-', "%"]
|
|
208
|
-
}
|
|
209
|
-
return (0, _jsxRuntime.jsxs)("div",
|
|
191
|
+
}, void 0);
|
|
192
|
+
return (0, _jsxRuntime.jsxs)("div", {
|
|
210
193
|
className: (0, _classnames.default)({
|
|
211
194
|
'igloo-job-item': true,
|
|
212
195
|
'igloo-job-item-failed': status === 'failed'
|
|
213
|
-
})
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
children: [(0, _jsxRuntime.jsxs)(_space.default, Object.assign({
|
|
219
|
-
size: 8
|
|
220
|
-
}, {
|
|
196
|
+
}),
|
|
197
|
+
children: [(0, _jsxRuntime.jsxs)(_row.default, {
|
|
198
|
+
justify: "space-between",
|
|
199
|
+
children: [(0, _jsxRuntime.jsxs)(_space.default, {
|
|
200
|
+
size: 8,
|
|
221
201
|
children: [(0, _jsxRuntime.jsx)(_iglooicon.ExcelOutlined, {
|
|
222
202
|
className: "igloo-job-item-icon"
|
|
223
|
-
}, void 0), (0, _jsxRuntime.jsx)(_typography.default,
|
|
203
|
+
}, void 0), (0, _jsxRuntime.jsx)(_typography.default, {
|
|
224
204
|
level: "h5",
|
|
225
205
|
className: "igloo-job-item-fileName",
|
|
226
206
|
style: {
|
|
227
207
|
maxWidth: size === 'default' ? 260 : 120
|
|
228
208
|
},
|
|
229
|
-
title: fileName
|
|
230
|
-
}, {
|
|
209
|
+
title: fileName,
|
|
231
210
|
children: fileName
|
|
232
|
-
}
|
|
233
|
-
}
|
|
211
|
+
}, void 0)]
|
|
212
|
+
}, void 0), (0, _jsxRuntime.jsxs)("div", {
|
|
234
213
|
style: {
|
|
235
214
|
display: 'flex',
|
|
236
215
|
alignItems: 'center'
|
|
237
|
-
}
|
|
238
|
-
}, {
|
|
216
|
+
},
|
|
239
217
|
children: [status === 'failed' ? fileSize : percent, status === 'failed' && !errorMessage && (0, _jsxRuntime.jsx)(_iglooicon.RefreshOutlined, {
|
|
240
218
|
className: "igloo-job-item-icon igloo-job-item-icon-reupload",
|
|
241
219
|
style: {
|
|
@@ -270,15 +248,14 @@ var UploadJobItem = function UploadJobItem(_ref2) {
|
|
|
270
248
|
return handleCancel(uid);
|
|
271
249
|
}
|
|
272
250
|
}, void 0)]
|
|
273
|
-
}
|
|
274
|
-
}
|
|
251
|
+
}, void 0)]
|
|
252
|
+
}, void 0), errorMessage && (0, _jsxRuntime.jsx)(_typography.default, {
|
|
275
253
|
level: "body2",
|
|
276
254
|
className: "igloo-job-item-error",
|
|
277
|
-
wrapElement: "div"
|
|
278
|
-
}, {
|
|
255
|
+
wrapElement: "div",
|
|
279
256
|
children: errorMessage
|
|
280
|
-
}
|
|
281
|
-
}
|
|
257
|
+
}, void 0)]
|
|
258
|
+
}, void 0);
|
|
282
259
|
};
|
|
283
260
|
|
|
284
261
|
exports.UploadJobItem = UploadJobItem;
|
|
@@ -297,21 +274,18 @@ var JobList = function JobList(_ref3) {
|
|
|
297
274
|
var _useContext2 = (0, _react.useContext)(_locale.LocaleContext),
|
|
298
275
|
formatMessage = _useContext2.formatMessage;
|
|
299
276
|
|
|
300
|
-
return (0, _jsxRuntime.jsxs)("div",
|
|
301
|
-
className: "igloo-job-list"
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
}, {
|
|
306
|
-
children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
|
|
277
|
+
return (0, _jsxRuntime.jsxs)("div", {
|
|
278
|
+
className: "igloo-job-list",
|
|
279
|
+
children: [Boolean(uploadJobs === null || uploadJobs === void 0 ? void 0 : uploadJobs.length) && (0, _jsxRuntime.jsxs)("div", {
|
|
280
|
+
className: "igloo-job-list-section",
|
|
281
|
+
children: [(0, _jsxRuntime.jsx)(_typography.default, {
|
|
307
282
|
level: "body2",
|
|
308
283
|
wrapElement: "div",
|
|
309
|
-
className: "igloo-job-list-section-title"
|
|
310
|
-
}, {
|
|
284
|
+
className: "igloo-job-list-section-title",
|
|
311
285
|
children: formatMessage({
|
|
312
286
|
id: 'Uploading'
|
|
313
287
|
})
|
|
314
|
-
}
|
|
288
|
+
}, void 0), uploadJobs.map(function (props, index) {
|
|
315
289
|
return /*#__PURE__*/(0, _react.createElement)(UploadJobItem, _objectSpread(_objectSpread({}, props), {}, {
|
|
316
290
|
size: size,
|
|
317
291
|
key: index,
|
|
@@ -319,18 +293,16 @@ var JobList = function JobList(_ref3) {
|
|
|
319
293
|
handleReupload: reUpload
|
|
320
294
|
}));
|
|
321
295
|
})]
|
|
322
|
-
}
|
|
323
|
-
className: "igloo-job-list-section"
|
|
324
|
-
|
|
325
|
-
children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
|
|
296
|
+
}, void 0), Boolean(processingJobs === null || processingJobs === void 0 ? void 0 : processingJobs.length) && (0, _jsxRuntime.jsxs)("div", {
|
|
297
|
+
className: "igloo-job-list-section",
|
|
298
|
+
children: [(0, _jsxRuntime.jsx)(_typography.default, {
|
|
326
299
|
level: "body2",
|
|
327
300
|
wrapElement: "div",
|
|
328
|
-
className: "igloo-job-list-section-title"
|
|
329
|
-
}, {
|
|
301
|
+
className: "igloo-job-list-section-title",
|
|
330
302
|
children: formatMessage({
|
|
331
303
|
id: 'Processing'
|
|
332
304
|
})
|
|
333
|
-
}
|
|
305
|
+
}, void 0), fetchingFailed && (0, _jsxRuntime.jsx)(_alertMessage.default, {
|
|
334
306
|
type: "warning",
|
|
335
307
|
message: formatMessage({
|
|
336
308
|
id: 'Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.'
|
|
@@ -344,18 +316,16 @@ var JobList = function JobList(_ref3) {
|
|
|
344
316
|
handleHide: hideJob
|
|
345
317
|
}));
|
|
346
318
|
})]
|
|
347
|
-
}
|
|
348
|
-
className: "igloo-job-list-section"
|
|
349
|
-
|
|
350
|
-
children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
|
|
319
|
+
}, void 0), Boolean(doneJobs === null || doneJobs === void 0 ? void 0 : doneJobs.length) && (0, _jsxRuntime.jsxs)("div", {
|
|
320
|
+
className: "igloo-job-list-section",
|
|
321
|
+
children: [(0, _jsxRuntime.jsx)(_typography.default, {
|
|
351
322
|
level: "body2",
|
|
352
323
|
wrapElement: "div",
|
|
353
|
-
className: "igloo-job-list-section-title"
|
|
354
|
-
}, {
|
|
324
|
+
className: "igloo-job-list-section-title",
|
|
355
325
|
children: formatMessage({
|
|
356
326
|
id: 'Result'
|
|
357
327
|
})
|
|
358
|
-
}
|
|
328
|
+
}, void 0), doneJobs.map(function (props, index) {
|
|
359
329
|
return /*#__PURE__*/(0, _react.createElement)(JobItem, _objectSpread(_objectSpread({}, props), {}, {
|
|
360
330
|
key: props.job_id,
|
|
361
331
|
size: size,
|
|
@@ -363,8 +333,8 @@ var JobList = function JobList(_ref3) {
|
|
|
363
333
|
handleHide: hideJob
|
|
364
334
|
}));
|
|
365
335
|
})]
|
|
366
|
-
}
|
|
367
|
-
}
|
|
336
|
+
}, void 0)]
|
|
337
|
+
}, void 0);
|
|
368
338
|
};
|
|
369
339
|
|
|
370
340
|
var _default = JobList;
|
|
@@ -63,7 +63,7 @@ var Import = function Import(_ref) {
|
|
|
63
63
|
setSource(void 0);
|
|
64
64
|
}
|
|
65
65
|
}, [visible]);
|
|
66
|
-
return (0, _jsxRuntime.jsx)(_modal.default,
|
|
66
|
+
return (0, _jsxRuntime.jsx)(_modal.default, {
|
|
67
67
|
className: "igloo-admin-upload-modal",
|
|
68
68
|
title: title || 'Import',
|
|
69
69
|
visible: visible,
|
|
@@ -75,12 +75,10 @@ var Import = function Import(_ref) {
|
|
|
75
75
|
fontSize: 24
|
|
76
76
|
}
|
|
77
77
|
}, void 0),
|
|
78
|
-
destroyOnClose: true
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}, {
|
|
83
|
-
children: [(0, _jsxRuntime.jsxs)(_upload.default.Dragger, Object.assign({
|
|
78
|
+
destroyOnClose: true,
|
|
79
|
+
children: (0, _jsxRuntime.jsxs)("div", {
|
|
80
|
+
className: "igloo-admin-upload-modal-content",
|
|
81
|
+
children: [(0, _jsxRuntime.jsxs)(_upload.default.Dragger, {
|
|
84
82
|
className: "igloo-admin-upload-dragger",
|
|
85
83
|
disabled: !currentSource,
|
|
86
84
|
accept: accept,
|
|
@@ -90,8 +88,7 @@ var Import = function Import(_ref) {
|
|
|
90
88
|
var dataSourceId = currentSource;
|
|
91
89
|
Array.isArray(dataSource) && setSource(undefined);
|
|
92
90
|
return onUpload(file, dataSourceId);
|
|
93
|
-
}
|
|
94
|
-
}, {
|
|
91
|
+
},
|
|
95
92
|
children: [(0, _jsxRuntime.jsx)(_iglooicon.ImportFilled, {
|
|
96
93
|
className: "igloo-admin-upload-dragger-icon"
|
|
97
94
|
}, void 0), Array.isArray(dataSource) && (0, _jsxRuntime.jsx)(_select.default, {
|
|
@@ -107,41 +104,37 @@ var Import = function Import(_ref) {
|
|
|
107
104
|
onChange: function onChange(value) {
|
|
108
105
|
return setSource(value);
|
|
109
106
|
}
|
|
110
|
-
}, void 0), (0, _jsxRuntime.jsxs)(_typography.default,
|
|
107
|
+
}, void 0), (0, _jsxRuntime.jsxs)(_typography.default, {
|
|
111
108
|
level: "body1",
|
|
112
109
|
className: "igloo-admin-upload-dargger-title",
|
|
113
|
-
wrapElement: "div"
|
|
114
|
-
}, {
|
|
110
|
+
wrapElement: "div",
|
|
115
111
|
children: [formatMessage({
|
|
116
112
|
id: 'Drag and drop a file here'
|
|
117
113
|
}), ' ', formatMessage({
|
|
118
114
|
id: 'or'
|
|
119
|
-
}), ' ', (0, _jsxRuntime.jsx)(_typography.default,
|
|
115
|
+
}), ' ', (0, _jsxRuntime.jsx)(_typography.default, {
|
|
120
116
|
level: "h4",
|
|
121
117
|
style: {
|
|
122
118
|
color: currentSource ? '#5858FF' : '#CCCCFF'
|
|
123
|
-
}
|
|
124
|
-
}, {
|
|
119
|
+
},
|
|
125
120
|
children: formatMessage({
|
|
126
121
|
id: 'browse'
|
|
127
122
|
})
|
|
128
|
-
}
|
|
129
|
-
}
|
|
123
|
+
}, void 0)]
|
|
124
|
+
}, void 0), (0, _jsxRuntime.jsx)(_typography.default, {
|
|
130
125
|
level: "caption3",
|
|
131
126
|
className: "igloo-admin-upload-dargger-tips",
|
|
132
|
-
wrapElement: "div"
|
|
133
|
-
}, {
|
|
127
|
+
wrapElement: "div",
|
|
134
128
|
children: tips || formatMessage({
|
|
135
129
|
id: 'We support CSV or XLSX files (less than 20M each).'
|
|
136
130
|
})
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
className: "igloo-admin-upload-modal-list"
|
|
140
|
-
}, {
|
|
131
|
+
}, void 0)]
|
|
132
|
+
}, void 0), (0, _jsxRuntime.jsx)("div", {
|
|
133
|
+
className: "igloo-admin-upload-modal-list",
|
|
141
134
|
children: children
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
}
|
|
135
|
+
}, void 0)]
|
|
136
|
+
}, void 0)
|
|
137
|
+
}, void 0);
|
|
145
138
|
};
|
|
146
139
|
|
|
147
140
|
var _default = Import;
|
|
@@ -23,6 +23,10 @@ var _excluded = ["showIcon", "icon", "type", "className", "style", "description"
|
|
|
23
23
|
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
25
|
|
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
+
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
29
|
+
|
|
26
30
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
27
31
|
|
|
28
32
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -70,7 +74,7 @@ var IglooAlertMessage = function IglooAlertMessage(props) {
|
|
|
70
74
|
message = props.message,
|
|
71
75
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
72
76
|
|
|
73
|
-
return (0, _jsxRuntime.jsx)(_alert.default,
|
|
77
|
+
return (0, _jsxRuntime.jsx)(_alert.default, _objectSpread({
|
|
74
78
|
className: (0, _classnames2.default)((_classnames = {
|
|
75
79
|
'igloo-alert-message': true
|
|
76
80
|
}, _defineProperty(_classnames, "".concat(prefix, "-").concat(type), true), _defineProperty(_classnames, className, className), _classnames)),
|
|
@@ -78,16 +82,14 @@ var IglooAlertMessage = function IglooAlertMessage(props) {
|
|
|
78
82
|
showIcon: showIcon,
|
|
79
83
|
icon: judgeIconType(icon, type),
|
|
80
84
|
type: type,
|
|
81
|
-
message: (0, _jsxRuntime.jsx)(_typography.default,
|
|
82
|
-
level: "body2"
|
|
83
|
-
}, {
|
|
85
|
+
message: (0, _jsxRuntime.jsx)(_typography.default, {
|
|
86
|
+
level: "body2",
|
|
84
87
|
children: message
|
|
85
|
-
}
|
|
86
|
-
description: description && (0, _jsxRuntime.jsx)(_typography.default,
|
|
87
|
-
level: "body2"
|
|
88
|
-
}, {
|
|
88
|
+
}, void 0),
|
|
89
|
+
description: description && (0, _jsxRuntime.jsx)(_typography.default, {
|
|
90
|
+
level: "body2",
|
|
89
91
|
children: description
|
|
90
|
-
}
|
|
92
|
+
}, void 0)
|
|
91
93
|
}, restProps), void 0);
|
|
92
94
|
};
|
|
93
95
|
|