cloud-b2b 1.0.6 → 1.0.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/Indent/Indent.js +23 -0
- package/es/Indent/package.json +6 -0
- package/es/SuperForm2/SuperForm.js +21 -21
- package/es/SuperForm2/SuperForm.less +52 -52
- package/es/SuperForm2/package.json +6 -6
- package/es/SuperTab/SuperTab.js +8 -8
- package/es/SuperTab/SuperTab.less +43 -43
- package/es/SuperTab/package.json +6 -6
- package/es/SuperTab2/SuperTab2.js +7 -7
- package/es/SuperTab2/SuperTab2.less +18 -18
- package/es/SuperTab2/package.json +6 -6
- package/es/SuperTable/DragSortRow.less +1 -1
- package/es/SuperTable2/SuperTable2.less +25 -7
- package/es/SuperTable3/FilterDropDown.js +188 -0
- package/es/SuperTable3/FilterDropDown.less +29 -0
- package/es/SuperTable3/SuperTable.js +783 -0
- package/es/SuperTable3/SuperTable.less +99 -0
- package/es/SuperTable3/fixed.js +42 -0
- package/es/SuperTable3/package.json +6 -0
- package/es/WingBlank/WingBlank.js +1 -1
- package/es/index.js +8 -2
- package/es/style.less +10 -3
- package/lib/Indent/Indent.js +38 -0
- package/lib/Indent/package.json +6 -0
- package/lib/SuperForm2/SuperForm.js +21 -21
- package/lib/SuperForm2/SuperForm.less +52 -52
- package/lib/SuperForm2/package.json +6 -6
- package/lib/SuperTab/SuperTab.js +8 -8
- package/lib/SuperTab/SuperTab.less +43 -43
- package/lib/SuperTab/package.json +6 -6
- package/lib/SuperTab2/SuperTab2.js +7 -7
- package/lib/SuperTab2/SuperTab2.less +18 -18
- package/lib/SuperTab2/package.json +6 -6
- package/lib/SuperTable/DragSortRow.less +1 -1
- package/lib/SuperTable2/SuperTable2.less +25 -7
- package/lib/SuperTable3/FilterDropDown.js +205 -0
- package/lib/SuperTable3/FilterDropDown.less +29 -0
- package/lib/SuperTable3/SuperTable.js +787 -0
- package/lib/SuperTable3/SuperTable.less +99 -0
- package/lib/SuperTable3/fixed.js +55 -0
- package/lib/SuperTable3/package.json +6 -0
- package/lib/WingBlank/WingBlank.js +1 -1
- package/lib/index.js +67 -8
- package/lib/index.less +2 -1
- package/lib/style.less +10 -3
- package/package.json +1 -1
- package/es/HomeHeader/Header.js +0 -75
- package/es/HomeHeader/Header.less +0 -73
- package/es/HomeHeader/package.json +0 -6
- package/lib/HomeHeader/Header.js +0 -95
- package/lib/HomeHeader/Header.less +0 -73
- package/lib/HomeHeader/package.json +0 -6
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
@import '../variables.less';
|
|
2
|
+
|
|
3
|
+
.root {
|
|
4
|
+
border-spacing: 0;
|
|
5
|
+
cursor: default;
|
|
6
|
+
|
|
7
|
+
table {
|
|
8
|
+
white-space: pre;
|
|
9
|
+
|
|
10
|
+
:global(.ant-checkbox-input) {
|
|
11
|
+
z-index: -1;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
:global(.ant-table-placeholder) {
|
|
16
|
+
padding: 0;
|
|
17
|
+
|
|
18
|
+
> div {
|
|
19
|
+
margin: 0;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.select {
|
|
24
|
+
background-color: @primary-1;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.center {
|
|
28
|
+
text-align: center !important;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.left {
|
|
32
|
+
text-align: left !important;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.right {
|
|
36
|
+
text-align: right !important;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.noWrap{
|
|
40
|
+
white-space: nowrap;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.totalRow {
|
|
44
|
+
color: #222!important;
|
|
45
|
+
background-color: #f0f0f0!important;
|
|
46
|
+
transition: all 0s!important;
|
|
47
|
+
td {
|
|
48
|
+
border-top: 1px solid #ddd!important;
|
|
49
|
+
background-color: #f0f0f0!important;
|
|
50
|
+
border-bottom: 0!important;
|
|
51
|
+
transition: all 0s!important;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
:global(.ant-table-footer) {
|
|
56
|
+
padding: 0!important;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.footer {
|
|
60
|
+
vertical-align: middle;
|
|
61
|
+
overflow: auto;
|
|
62
|
+
scrollbar-width: none;
|
|
63
|
+
-ms-overflow-style: none;
|
|
64
|
+
scrollbar-color: transparent transparent;
|
|
65
|
+
scrollbar-track-color: transparent;
|
|
66
|
+
-ms-scrollbar-track-color: transparent;
|
|
67
|
+
.footerItem {
|
|
68
|
+
white-space: pre;
|
|
69
|
+
> span {
|
|
70
|
+
display: inline-block;
|
|
71
|
+
color: #222;
|
|
72
|
+
position: relative;
|
|
73
|
+
vertical-align: middle;
|
|
74
|
+
border-top: 1px solid #dedede;
|
|
75
|
+
display: inline-block;
|
|
76
|
+
box-sizing: border-box;
|
|
77
|
+
height: 35px;
|
|
78
|
+
padding: 8px 8px 7px !important;
|
|
79
|
+
border-right: 1px solid transparent;
|
|
80
|
+
}
|
|
81
|
+
.ghost {
|
|
82
|
+
opacity: 0;
|
|
83
|
+
filter: alpha(opacity=0);
|
|
84
|
+
}
|
|
85
|
+
.content {
|
|
86
|
+
position: absolute;
|
|
87
|
+
left: 0;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.footer::-webkit-scrollbar {
|
|
93
|
+
display: none;
|
|
94
|
+
width: 0!important;
|
|
95
|
+
height: 0!important;
|
|
96
|
+
opacity: 0;
|
|
97
|
+
filter: alpha(opacity=0);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
4
|
+
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
+
|
|
7
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
exports["default"] = void 0;
|
|
12
|
+
|
|
13
|
+
var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
|
|
14
|
+
|
|
15
|
+
var isFirefox = function isFirefox() {
|
|
16
|
+
var _context;
|
|
17
|
+
|
|
18
|
+
return (0, _indexOf["default"])(_context = navigator.userAgent).call(_context, 'Firefox') > 0;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
var getComputedStyle = function getComputedStyle(element) {
|
|
22
|
+
return window.getComputedStyle ? window.getComputedStyle(element, null) : element.currentStyle;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
var fixed = function fixed(container, header, maxHeight) {
|
|
26
|
+
var totalFooter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
27
|
+
container.style.overflowY = 'auto';
|
|
28
|
+
container.style.maxHeight = maxHeight;
|
|
29
|
+
|
|
30
|
+
if (isFirefox()) {
|
|
31
|
+
container.style.position = 'relative';
|
|
32
|
+
header.style.top = '0';
|
|
33
|
+
header.style.position = 'sticky';
|
|
34
|
+
header.style.zIndex = '1';
|
|
35
|
+
} else {
|
|
36
|
+
header.parentNode.appendChild(header);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
var containerHeight = Number(getComputedStyle(container).height.replace('px', ''));
|
|
40
|
+
var translateHeight = containerHeight - 10 - container.scrollHeight;
|
|
41
|
+
var pageTotalElement = totalFooter.pageTotalElement,
|
|
42
|
+
searchTotalElement = totalFooter.searchTotalElement;
|
|
43
|
+
pageTotalElement && (pageTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
|
|
44
|
+
searchTotalElement && (searchTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
|
|
45
|
+
|
|
46
|
+
container.onscroll = function () {
|
|
47
|
+
if (container.scrollTop + containerHeight - 10 > container.scrollHeight) return;
|
|
48
|
+
!isFirefox() && (header.style.transform = "translateY(".concat(container.scrollTop, "px)"));
|
|
49
|
+
pageTotalElement && (pageTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
|
|
50
|
+
searchTotalElement && (searchTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
var _default = fixed;
|
|
55
|
+
exports["default"] = _default;
|
|
@@ -29,7 +29,7 @@ function WingBlank(_ref) {
|
|
|
29
29
|
children = _ref.children,
|
|
30
30
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
31
31
|
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
32
|
-
className: (0, _concat["default"])(_context = "".concat(className, " ")).call(_context, (0, _variables["default"])('
|
|
32
|
+
className: (0, _concat["default"])(_context = "".concat(className, " ")).call(_context, (0, _variables["default"])('WingBlank'))
|
|
33
33
|
}, props), /*#__PURE__*/_react["default"].createElement("div", null, children));
|
|
34
34
|
}
|
|
35
35
|
|
package/lib/index.js
CHANGED
|
@@ -29,10 +29,24 @@ _Object$defineProperty(exports, "Control", {
|
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
31
|
|
|
32
|
-
_Object$defineProperty(exports, "
|
|
32
|
+
_Object$defineProperty(exports, "EnhanceDialogs", {
|
|
33
33
|
enumerable: true,
|
|
34
34
|
get: function get() {
|
|
35
|
-
return _Enhance
|
|
35
|
+
return _Enhance.EnhanceDialogs;
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
_Object$defineProperty(exports, "EnhanceEditDialog", {
|
|
40
|
+
enumerable: true,
|
|
41
|
+
get: function get() {
|
|
42
|
+
return _Enhance.EnhanceEditDialog;
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
_Object$defineProperty(exports, "EnhanceLoading", {
|
|
47
|
+
enumerable: true,
|
|
48
|
+
get: function get() {
|
|
49
|
+
return _Enhance.EnhanceLoading;
|
|
36
50
|
}
|
|
37
51
|
});
|
|
38
52
|
|
|
@@ -50,6 +64,13 @@ _Object$defineProperty(exports, "ImageView", {
|
|
|
50
64
|
}
|
|
51
65
|
});
|
|
52
66
|
|
|
67
|
+
_Object$defineProperty(exports, "Indent", {
|
|
68
|
+
enumerable: true,
|
|
69
|
+
get: function get() {
|
|
70
|
+
return _Indent["default"];
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
|
|
53
74
|
_Object$defineProperty(exports, "InpurCascader", {
|
|
54
75
|
enumerable: true,
|
|
55
76
|
get: function get() {
|
|
@@ -57,6 +78,13 @@ _Object$defineProperty(exports, "InpurCascader", {
|
|
|
57
78
|
}
|
|
58
79
|
});
|
|
59
80
|
|
|
81
|
+
_Object$defineProperty(exports, "InputEditor", {
|
|
82
|
+
enumerable: true,
|
|
83
|
+
get: function get() {
|
|
84
|
+
return _InputEditor["default"];
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
|
|
60
88
|
_Object$defineProperty(exports, "InputSearch", {
|
|
61
89
|
enumerable: true,
|
|
62
90
|
get: function get() {
|
|
@@ -106,6 +134,13 @@ _Object$defineProperty(exports, "Loading", {
|
|
|
106
134
|
}
|
|
107
135
|
});
|
|
108
136
|
|
|
137
|
+
_Object$defineProperty(exports, "Loading2", {
|
|
138
|
+
enumerable: true,
|
|
139
|
+
get: function get() {
|
|
140
|
+
return _Loading2["default"];
|
|
141
|
+
}
|
|
142
|
+
});
|
|
143
|
+
|
|
109
144
|
_Object$defineProperty(exports, "ModalWithDrag", {
|
|
110
145
|
enumerable: true,
|
|
111
146
|
get: function get() {
|
|
@@ -134,6 +169,13 @@ _Object$defineProperty(exports, "Sidebar", {
|
|
|
134
169
|
}
|
|
135
170
|
});
|
|
136
171
|
|
|
172
|
+
_Object$defineProperty(exports, "Sidebar2", {
|
|
173
|
+
enumerable: true,
|
|
174
|
+
get: function get() {
|
|
175
|
+
return _Sidebar2["default"];
|
|
176
|
+
}
|
|
177
|
+
});
|
|
178
|
+
|
|
137
179
|
_Object$defineProperty(exports, "SuperForm", {
|
|
138
180
|
enumerable: true,
|
|
139
181
|
get: function get() {
|
|
@@ -179,11 +221,18 @@ _Object$defineProperty(exports, "SuperTab2", {
|
|
|
179
221
|
_Object$defineProperty(exports, "SuperTable", {
|
|
180
222
|
enumerable: true,
|
|
181
223
|
get: function get() {
|
|
182
|
-
return
|
|
224
|
+
return _SuperTable3["default"];
|
|
183
225
|
}
|
|
184
226
|
});
|
|
185
227
|
|
|
186
228
|
_Object$defineProperty(exports, "SuperTable2", {
|
|
229
|
+
enumerable: true,
|
|
230
|
+
get: function get() {
|
|
231
|
+
return _SuperTable2["default"];
|
|
232
|
+
}
|
|
233
|
+
});
|
|
234
|
+
|
|
235
|
+
_Object$defineProperty(exports, "SuperTable3", {
|
|
187
236
|
enumerable: true,
|
|
188
237
|
get: function get() {
|
|
189
238
|
return _SuperTable["default"];
|
|
@@ -225,14 +274,14 @@ _Object$defineProperty(exports, "WingBlank", {
|
|
|
225
274
|
}
|
|
226
275
|
});
|
|
227
276
|
|
|
277
|
+
var _Enhance = require("./Enhance");
|
|
278
|
+
|
|
228
279
|
var _Title = _interopRequireDefault(require("./Title"));
|
|
229
280
|
|
|
230
281
|
var _Card = _interopRequireDefault(require("./Card"));
|
|
231
282
|
|
|
232
283
|
var _Control = _interopRequireDefault(require("./Control"));
|
|
233
284
|
|
|
234
|
-
var _Enhance = _interopRequireDefault(require("./Enhance"));
|
|
235
|
-
|
|
236
285
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
237
286
|
|
|
238
287
|
var _ImageView = _interopRequireDefault(require("./ImageView"));
|
|
@@ -243,6 +292,8 @@ var _InputSearch = _interopRequireDefault(require("./InputSearch"));
|
|
|
243
292
|
|
|
244
293
|
var _InputSelect = _interopRequireDefault(require("./InputSelect"));
|
|
245
294
|
|
|
295
|
+
var _InputEditor = _interopRequireDefault(require("./InputEditor"));
|
|
296
|
+
|
|
246
297
|
var _InputWriting = _interopRequireDefault(require("./InputWriting"));
|
|
247
298
|
|
|
248
299
|
var _Layout = _interopRequireDefault(require("./Layout"));
|
|
@@ -253,6 +304,8 @@ var _Link = _interopRequireDefault(require("./Link"));
|
|
|
253
304
|
|
|
254
305
|
var _Loading = _interopRequireDefault(require("./Loading"));
|
|
255
306
|
|
|
307
|
+
var _Loading2 = _interopRequireDefault(require("./Loading2"));
|
|
308
|
+
|
|
256
309
|
var _ModalWithDrag = _interopRequireDefault(require("./ModalWithDrag"));
|
|
257
310
|
|
|
258
311
|
var _NumberInput = _interopRequireDefault(require("./NumberInput"));
|
|
@@ -261,6 +314,8 @@ var _Search = _interopRequireDefault(require("./Search"));
|
|
|
261
314
|
|
|
262
315
|
var _Sidebar = _interopRequireDefault(require("./Sidebar"));
|
|
263
316
|
|
|
317
|
+
var _Sidebar2 = _interopRequireDefault(require("./Sidebar2"));
|
|
318
|
+
|
|
264
319
|
var _SuperForm = _interopRequireDefault(require("./SuperForm"));
|
|
265
320
|
|
|
266
321
|
var _SuperForm2 = _interopRequireDefault(require("./SuperForm2"));
|
|
@@ -277,12 +332,16 @@ var _WingBlank = _interopRequireDefault(require("./WingBlank"));
|
|
|
277
332
|
|
|
278
333
|
var _Area = _interopRequireDefault(require("./Area"));
|
|
279
334
|
|
|
280
|
-
var _SuperTable = _interopRequireDefault(require("./
|
|
335
|
+
var _SuperTable = _interopRequireDefault(require("./SuperTable3"));
|
|
281
336
|
|
|
282
|
-
var _SuperTable2 = _interopRequireDefault(require("./
|
|
337
|
+
var _SuperTable2 = _interopRequireDefault(require("./SuperTable2"));
|
|
338
|
+
|
|
339
|
+
var _SuperTable3 = _interopRequireDefault(require("./SuperTable"));
|
|
283
340
|
|
|
284
341
|
var _SuperPagination = _interopRequireDefault(require("./SuperPagination"));
|
|
285
342
|
|
|
286
343
|
var _SuperTab = _interopRequireDefault(require("./SuperTab"));
|
|
287
344
|
|
|
288
|
-
var _SuperTab2 = _interopRequireDefault(require("./SuperTab2"));
|
|
345
|
+
var _SuperTab2 = _interopRequireDefault(require("./SuperTab2"));
|
|
346
|
+
|
|
347
|
+
var _Indent = _interopRequireDefault(require("./Indent"));
|
package/lib/index.less
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
@import "./adjust.less";
|
|
2
2
|
@import "./Header/Header.less";
|
|
3
3
|
@import "./Header/Vertical.less";
|
|
4
|
-
@import "./HomeHeader/Header.less";
|
|
5
4
|
@import "./ImageView/ImageView.less";
|
|
6
5
|
@import "./InputEditor/inputEditor.less";
|
|
7
6
|
@import "./Layout/Layout.less";
|
|
@@ -21,6 +20,8 @@
|
|
|
21
20
|
@import "./SuperTable/FilterDropDown.less";
|
|
22
21
|
@import "./SuperTable/SuperTable.less";
|
|
23
22
|
@import "./SuperTable2/SuperTable2.less";
|
|
23
|
+
@import "./SuperTable3/FilterDropDown.less";
|
|
24
|
+
@import "./SuperTable3/SuperTable.less";
|
|
24
25
|
@import "./SuperToolbar/SuperToolbar.less";
|
|
25
26
|
@import "./SuperUpload/SuperUpload.less";
|
|
26
27
|
@import "./Title/Title.less";
|
package/lib/style.less
CHANGED
|
@@ -4,10 +4,14 @@
|
|
|
4
4
|
@import "./SuperForm/SuperForm.less";
|
|
5
5
|
@import "./SuperForm2/SuperForm.less";
|
|
6
6
|
@import "./SuperTable/SuperTable.less";
|
|
7
|
+
@import "./SuperTable/DragSortRow.less";
|
|
8
|
+
@import "./SuperTable/FilterDropDown.less";
|
|
7
9
|
@import "./SuperTable2/SuperTable2.less";
|
|
10
|
+
@import "./SuperTable3/SuperTable.less";
|
|
11
|
+
@import "./SuperTable3/FilterDropDown.less";
|
|
8
12
|
@import "./Header/Header.less";
|
|
9
|
-
@import "./
|
|
10
|
-
@import "./InputEditor/
|
|
13
|
+
@import "./Header/Vertical.less";
|
|
14
|
+
@import "./InputEditor/inputEditor.less";
|
|
11
15
|
@import "./Layout/Layout.less";
|
|
12
16
|
@import "./LayoutLink/LayoutLink.less";
|
|
13
17
|
@import "./Loading/Loading.less";
|
|
@@ -19,5 +23,8 @@
|
|
|
19
23
|
@import "./SuperToolbar/SuperToolbar.less";
|
|
20
24
|
@import "./SuperUpload/SuperUpload.less";
|
|
21
25
|
@import "./Viewer/Viewer.less";
|
|
26
|
+
@import "./Viewer/imgView.less";
|
|
22
27
|
@import "./SuperTab/SuperTab.less";
|
|
23
|
-
@import "./SuperTab2/SuperTab2.less";
|
|
28
|
+
@import "./SuperTab2/SuperTab2.less";
|
|
29
|
+
@import "./ImageView/ImageView.less";
|
|
30
|
+
@import "./WingBlank/WingBlank.less";
|
package/package.json
CHANGED
package/es/HomeHeader/Header.js
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import _DatePicker from "antd/es/date-picker";
|
|
2
|
-
import _Radio from "antd/es/radio";
|
|
3
|
-
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
4
|
-
import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import moment from 'moment';
|
|
7
|
-
import variables from '../variables';
|
|
8
|
-
var RadioGroup = _Radio.Group;
|
|
9
|
-
var RadioButton = _Radio.Button;
|
|
10
|
-
var FILTERS = [{
|
|
11
|
-
key: 'day',
|
|
12
|
-
title: '日'
|
|
13
|
-
}, {
|
|
14
|
-
key: 'week',
|
|
15
|
-
title: '周'
|
|
16
|
-
}, {
|
|
17
|
-
key: 'month',
|
|
18
|
-
title: '月'
|
|
19
|
-
}, {
|
|
20
|
-
key: 'year',
|
|
21
|
-
title: '年'
|
|
22
|
-
}];
|
|
23
|
-
|
|
24
|
-
function Tabs(_ref) {
|
|
25
|
-
var items = _ref.items,
|
|
26
|
-
activeKey = _ref.activeKey,
|
|
27
|
-
onKeyChange = _ref.onKeyChange;
|
|
28
|
-
return /*#__PURE__*/React.createElement(RadioGroup, {
|
|
29
|
-
value: activeKey,
|
|
30
|
-
onChange: function onChange(e) {
|
|
31
|
-
return onKeyChange(e.target.value);
|
|
32
|
-
},
|
|
33
|
-
buttonStyle: "solid",
|
|
34
|
-
size: "small"
|
|
35
|
-
}, _mapInstanceProperty(items).call(items, function (item, index) {
|
|
36
|
-
return /*#__PURE__*/React.createElement(RadioButton, {
|
|
37
|
-
key: index,
|
|
38
|
-
value: item.key
|
|
39
|
-
}, item.title + (item.unit || ''));
|
|
40
|
-
}));
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
function Header(_ref2) {
|
|
44
|
-
var title = _ref2.title,
|
|
45
|
-
activeKey = _ref2.activeKey,
|
|
46
|
-
tabs = _ref2.tabs,
|
|
47
|
-
onPageChange = _ref2.onPageChange,
|
|
48
|
-
filterKey = _ref2.filterKey,
|
|
49
|
-
filterDate = _ref2.filterDate,
|
|
50
|
-
onFilterChange = _ref2.onFilterChange;
|
|
51
|
-
|
|
52
|
-
var onChange = function onChange(date, strDate) {
|
|
53
|
-
onFilterChange && onFilterChange('date', strDate);
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
var dateValue = filterDate ? moment(filterDate) : null;
|
|
57
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
58
|
-
className: variables('HomeHeader')
|
|
59
|
-
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, title)), /*#__PURE__*/React.createElement(Tabs, {
|
|
60
|
-
items: tabs,
|
|
61
|
-
activeKey: activeKey,
|
|
62
|
-
onKeyChange: onPageChange
|
|
63
|
-
}), /*#__PURE__*/React.createElement("div", null, false ? /*#__PURE__*/React.createElement(Tabs, {
|
|
64
|
-
items: FILTERS,
|
|
65
|
-
activeKey: filterKey,
|
|
66
|
-
onKeyChange: _bindInstanceProperty(onFilterChange).call(onFilterChange, null, 'tab')
|
|
67
|
-
}) : null, activeKey === 'platform' ? /*#__PURE__*/React.createElement(_DatePicker, {
|
|
68
|
-
onChange: onChange,
|
|
69
|
-
size: "small",
|
|
70
|
-
allowClear: false,
|
|
71
|
-
value: dateValue
|
|
72
|
-
}) : null));
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
export default Header;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
@import '../variables';
|
|
2
|
-
|
|
3
|
-
@header-height: @one-pixel * 80;
|
|
4
|
-
|
|
5
|
-
.@{cloudlink-prefix}-HomeHeader {
|
|
6
|
-
> div:first-child {
|
|
7
|
-
position: relative;
|
|
8
|
-
height: @header-height;
|
|
9
|
-
line-height: @header-height - @one-pixel * 6;
|
|
10
|
-
text-align: center;
|
|
11
|
-
//background: url('/platformHome/head_bg.png') no-repeat;
|
|
12
|
-
background-size: 100% 100%;
|
|
13
|
-
color: #33EDFC;
|
|
14
|
-
font-size: @one-pixel * 32;
|
|
15
|
-
font-weight: bold;
|
|
16
|
-
margin: 0 280 * @one-pixel;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
> div:nth-child(2) {
|
|
20
|
-
color: white;
|
|
21
|
-
float: left;
|
|
22
|
-
margin-top: -@header-height + 20 * @one-pixel;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
> div:last-child {
|
|
26
|
-
float: right;
|
|
27
|
-
margin-top: -@header-height + 20 * @one-pixel;
|
|
28
|
-
color: white;
|
|
29
|
-
|
|
30
|
-
> div {
|
|
31
|
-
display: inline-block;
|
|
32
|
-
margin-right: 5 * @one-pixel;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
> span > div {
|
|
36
|
-
> input {
|
|
37
|
-
background-color: transparent;
|
|
38
|
-
color: white;
|
|
39
|
-
border-color: #33edfc;
|
|
40
|
-
width: 100px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
> i {
|
|
44
|
-
color: white;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
:global {
|
|
50
|
-
.ant-radio-button-wrapper {
|
|
51
|
-
background: transparent;
|
|
52
|
-
color: white;
|
|
53
|
-
border-radius: 0;
|
|
54
|
-
border-color: #33EDFC;
|
|
55
|
-
transition: none;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.ant-radio-button-wrapper-checked,
|
|
59
|
-
.ant-radio-button-wrapper-checked:hover {
|
|
60
|
-
background: #33EDFC;
|
|
61
|
-
color: #162C55;
|
|
62
|
-
border-color: #33EDFC;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.ant-radio-button-wrapper-checked {
|
|
66
|
-
box-shadow: none;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.ant-radio-button-wrapper:hover {
|
|
70
|
-
border-color: #33EDFC;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}
|
package/lib/HomeHeader/Header.js
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
|
|
11
|
-
exports["default"] = void 0;
|
|
12
|
-
|
|
13
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
14
|
-
|
|
15
|
-
var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
|
|
16
|
-
|
|
17
|
-
var _datePicker = _interopRequireDefault(require("antd/lib/date-picker"));
|
|
18
|
-
|
|
19
|
-
var _radio = _interopRequireDefault(require("antd/lib/radio"));
|
|
20
|
-
|
|
21
|
-
var _react = _interopRequireDefault(require("react"));
|
|
22
|
-
|
|
23
|
-
var _moment = _interopRequireDefault(require("moment"));
|
|
24
|
-
|
|
25
|
-
var _variables = _interopRequireDefault(require("../variables"));
|
|
26
|
-
|
|
27
|
-
var RadioGroup = _radio["default"].Group;
|
|
28
|
-
var RadioButton = _radio["default"].Button;
|
|
29
|
-
var FILTERS = [{
|
|
30
|
-
key: 'day',
|
|
31
|
-
title: '日'
|
|
32
|
-
}, {
|
|
33
|
-
key: 'week',
|
|
34
|
-
title: '周'
|
|
35
|
-
}, {
|
|
36
|
-
key: 'month',
|
|
37
|
-
title: '月'
|
|
38
|
-
}, {
|
|
39
|
-
key: 'year',
|
|
40
|
-
title: '年'
|
|
41
|
-
}];
|
|
42
|
-
|
|
43
|
-
function Tabs(_ref) {
|
|
44
|
-
var items = _ref.items,
|
|
45
|
-
activeKey = _ref.activeKey,
|
|
46
|
-
onKeyChange = _ref.onKeyChange;
|
|
47
|
-
return /*#__PURE__*/_react["default"].createElement(RadioGroup, {
|
|
48
|
-
value: activeKey,
|
|
49
|
-
onChange: function onChange(e) {
|
|
50
|
-
return onKeyChange(e.target.value);
|
|
51
|
-
},
|
|
52
|
-
buttonStyle: "solid",
|
|
53
|
-
size: "small"
|
|
54
|
-
}, (0, _map["default"])(items).call(items, function (item, index) {
|
|
55
|
-
return /*#__PURE__*/_react["default"].createElement(RadioButton, {
|
|
56
|
-
key: index,
|
|
57
|
-
value: item.key
|
|
58
|
-
}, item.title + (item.unit || ''));
|
|
59
|
-
}));
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
function Header(_ref2) {
|
|
63
|
-
var title = _ref2.title,
|
|
64
|
-
activeKey = _ref2.activeKey,
|
|
65
|
-
tabs = _ref2.tabs,
|
|
66
|
-
onPageChange = _ref2.onPageChange,
|
|
67
|
-
filterKey = _ref2.filterKey,
|
|
68
|
-
filterDate = _ref2.filterDate,
|
|
69
|
-
onFilterChange = _ref2.onFilterChange;
|
|
70
|
-
|
|
71
|
-
var onChange = function onChange(date, strDate) {
|
|
72
|
-
onFilterChange && onFilterChange('date', strDate);
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
var dateValue = filterDate ? (0, _moment["default"])(filterDate) : null;
|
|
76
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
77
|
-
className: (0, _variables["default"])('HomeHeader')
|
|
78
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, title)), /*#__PURE__*/_react["default"].createElement(Tabs, {
|
|
79
|
-
items: tabs,
|
|
80
|
-
activeKey: activeKey,
|
|
81
|
-
onKeyChange: onPageChange
|
|
82
|
-
}), /*#__PURE__*/_react["default"].createElement("div", null, false ? /*#__PURE__*/_react["default"].createElement(Tabs, {
|
|
83
|
-
items: FILTERS,
|
|
84
|
-
activeKey: filterKey,
|
|
85
|
-
onKeyChange: (0, _bind["default"])(onFilterChange).call(onFilterChange, null, 'tab')
|
|
86
|
-
}) : null, activeKey === 'platform' ? /*#__PURE__*/_react["default"].createElement(_datePicker["default"], {
|
|
87
|
-
onChange: onChange,
|
|
88
|
-
size: "small",
|
|
89
|
-
allowClear: false,
|
|
90
|
-
value: dateValue
|
|
91
|
-
}) : null));
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
var _default = Header;
|
|
95
|
-
exports["default"] = _default;
|