cloud-b2b 1.0.5 → 1.0.8
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 +732 -0
- package/es/SuperForm2/SuperForm.less +52 -0
- package/es/SuperForm2/package.json +6 -0
- package/es/SuperTab/SuperTab.js +130 -0
- package/es/SuperTab/SuperTab.less +43 -0
- package/es/SuperTab/package.json +6 -0
- package/es/SuperTab2/SuperTab2.js +167 -0
- package/es/SuperTab2/SuperTab2.less +18 -0
- package/es/SuperTab2/package.json +6 -0
- package/es/SuperTable/DragSortRow.less +1 -1
- package/es/SuperTable2/SuperTable2.less +16 -0
- 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/index.js +12 -2
- package/es/style.less +13 -3
- package/lib/Indent/Indent.js +38 -0
- package/lib/Indent/package.json +6 -0
- package/lib/SuperForm2/SuperForm.js +742 -0
- package/lib/SuperForm2/SuperForm.less +52 -0
- package/lib/SuperForm2/package.json +6 -0
- package/lib/SuperTab/SuperTab.js +146 -0
- package/lib/SuperTab/SuperTab.less +43 -0
- package/lib/SuperTab/package.json +6 -0
- package/lib/SuperTab2/SuperTab2.js +191 -0
- package/lib/SuperTab2/SuperTab2.less +18 -0
- package/lib/SuperTab2/package.json +6 -0
- package/lib/SuperTable/DragSortRow.less +1 -1
- package/lib/SuperTable2/SuperTable2.less +16 -0
- 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/index.js +102 -7
- package/lib/index.less +5 -1
- package/lib/style.less +13 -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;
|
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() {
|
|
@@ -141,6 +183,13 @@ _Object$defineProperty(exports, "SuperForm", {
|
|
|
141
183
|
}
|
|
142
184
|
});
|
|
143
185
|
|
|
186
|
+
_Object$defineProperty(exports, "SuperForm2", {
|
|
187
|
+
enumerable: true,
|
|
188
|
+
get: function get() {
|
|
189
|
+
return _SuperForm2["default"];
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
|
|
144
193
|
_Object$defineProperty(exports, "SuperIcon", {
|
|
145
194
|
enumerable: true,
|
|
146
195
|
get: function get() {
|
|
@@ -148,14 +197,42 @@ _Object$defineProperty(exports, "SuperIcon", {
|
|
|
148
197
|
}
|
|
149
198
|
});
|
|
150
199
|
|
|
200
|
+
_Object$defineProperty(exports, "SuperPagination", {
|
|
201
|
+
enumerable: true,
|
|
202
|
+
get: function get() {
|
|
203
|
+
return _SuperPagination["default"];
|
|
204
|
+
}
|
|
205
|
+
});
|
|
206
|
+
|
|
207
|
+
_Object$defineProperty(exports, "SuperTab", {
|
|
208
|
+
enumerable: true,
|
|
209
|
+
get: function get() {
|
|
210
|
+
return _SuperTab["default"];
|
|
211
|
+
}
|
|
212
|
+
});
|
|
213
|
+
|
|
214
|
+
_Object$defineProperty(exports, "SuperTab2", {
|
|
215
|
+
enumerable: true,
|
|
216
|
+
get: function get() {
|
|
217
|
+
return _SuperTab2["default"];
|
|
218
|
+
}
|
|
219
|
+
});
|
|
220
|
+
|
|
151
221
|
_Object$defineProperty(exports, "SuperTable", {
|
|
152
222
|
enumerable: true,
|
|
153
223
|
get: function get() {
|
|
154
|
-
return
|
|
224
|
+
return _SuperTable3["default"];
|
|
155
225
|
}
|
|
156
226
|
});
|
|
157
227
|
|
|
158
228
|
_Object$defineProperty(exports, "SuperTable2", {
|
|
229
|
+
enumerable: true,
|
|
230
|
+
get: function get() {
|
|
231
|
+
return _SuperTable2["default"];
|
|
232
|
+
}
|
|
233
|
+
});
|
|
234
|
+
|
|
235
|
+
_Object$defineProperty(exports, "SuperTable3", {
|
|
159
236
|
enumerable: true,
|
|
160
237
|
get: function get() {
|
|
161
238
|
return _SuperTable["default"];
|
|
@@ -197,14 +274,14 @@ _Object$defineProperty(exports, "WingBlank", {
|
|
|
197
274
|
}
|
|
198
275
|
});
|
|
199
276
|
|
|
277
|
+
var _Enhance = require("./Enhance");
|
|
278
|
+
|
|
200
279
|
var _Title = _interopRequireDefault(require("./Title"));
|
|
201
280
|
|
|
202
281
|
var _Card = _interopRequireDefault(require("./Card"));
|
|
203
282
|
|
|
204
283
|
var _Control = _interopRequireDefault(require("./Control"));
|
|
205
284
|
|
|
206
|
-
var _Enhance = _interopRequireDefault(require("./Enhance"));
|
|
207
|
-
|
|
208
285
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
209
286
|
|
|
210
287
|
var _ImageView = _interopRequireDefault(require("./ImageView"));
|
|
@@ -215,6 +292,8 @@ var _InputSearch = _interopRequireDefault(require("./InputSearch"));
|
|
|
215
292
|
|
|
216
293
|
var _InputSelect = _interopRequireDefault(require("./InputSelect"));
|
|
217
294
|
|
|
295
|
+
var _InputEditor = _interopRequireDefault(require("./InputEditor"));
|
|
296
|
+
|
|
218
297
|
var _InputWriting = _interopRequireDefault(require("./InputWriting"));
|
|
219
298
|
|
|
220
299
|
var _Layout = _interopRequireDefault(require("./Layout"));
|
|
@@ -225,6 +304,8 @@ var _Link = _interopRequireDefault(require("./Link"));
|
|
|
225
304
|
|
|
226
305
|
var _Loading = _interopRequireDefault(require("./Loading"));
|
|
227
306
|
|
|
307
|
+
var _Loading2 = _interopRequireDefault(require("./Loading2"));
|
|
308
|
+
|
|
228
309
|
var _ModalWithDrag = _interopRequireDefault(require("./ModalWithDrag"));
|
|
229
310
|
|
|
230
311
|
var _NumberInput = _interopRequireDefault(require("./NumberInput"));
|
|
@@ -233,8 +314,12 @@ var _Search = _interopRequireDefault(require("./Search"));
|
|
|
233
314
|
|
|
234
315
|
var _Sidebar = _interopRequireDefault(require("./Sidebar"));
|
|
235
316
|
|
|
317
|
+
var _Sidebar2 = _interopRequireDefault(require("./Sidebar2"));
|
|
318
|
+
|
|
236
319
|
var _SuperForm = _interopRequireDefault(require("./SuperForm"));
|
|
237
320
|
|
|
321
|
+
var _SuperForm2 = _interopRequireDefault(require("./SuperForm2"));
|
|
322
|
+
|
|
238
323
|
var _SuperIcon = _interopRequireDefault(require("./SuperIcon"));
|
|
239
324
|
|
|
240
325
|
var _SuperToolbar = _interopRequireDefault(require("./SuperToolbar"));
|
|
@@ -247,6 +332,16 @@ var _WingBlank = _interopRequireDefault(require("./WingBlank"));
|
|
|
247
332
|
|
|
248
333
|
var _Area = _interopRequireDefault(require("./Area"));
|
|
249
334
|
|
|
250
|
-
var _SuperTable = _interopRequireDefault(require("./
|
|
335
|
+
var _SuperTable = _interopRequireDefault(require("./SuperTable3"));
|
|
336
|
+
|
|
337
|
+
var _SuperTable2 = _interopRequireDefault(require("./SuperTable2"));
|
|
338
|
+
|
|
339
|
+
var _SuperTable3 = _interopRequireDefault(require("./SuperTable"));
|
|
340
|
+
|
|
341
|
+
var _SuperPagination = _interopRequireDefault(require("./SuperPagination"));
|
|
342
|
+
|
|
343
|
+
var _SuperTab = _interopRequireDefault(require("./SuperTab"));
|
|
344
|
+
|
|
345
|
+
var _SuperTab2 = _interopRequireDefault(require("./SuperTab2"));
|
|
251
346
|
|
|
252
|
-
var
|
|
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";
|
|
@@ -14,10 +13,15 @@
|
|
|
14
13
|
@import "./Sidebar2/Sidebar.less";
|
|
15
14
|
@import "./style.less";
|
|
16
15
|
@import "./SuperForm/SuperForm.less";
|
|
16
|
+
@import "./SuperForm2/SuperForm.less";
|
|
17
|
+
@import "./SuperTab/SuperTab.less";
|
|
18
|
+
@import "./SuperTab2/SuperTab2.less";
|
|
17
19
|
@import "./SuperTable/DragSortRow.less";
|
|
18
20
|
@import "./SuperTable/FilterDropDown.less";
|
|
19
21
|
@import "./SuperTable/SuperTable.less";
|
|
20
22
|
@import "./SuperTable2/SuperTable2.less";
|
|
23
|
+
@import "./SuperTable3/FilterDropDown.less";
|
|
24
|
+
@import "./SuperTable3/SuperTable.less";
|
|
21
25
|
@import "./SuperToolbar/SuperToolbar.less";
|
|
22
26
|
@import "./SuperUpload/SuperUpload.less";
|
|
23
27
|
@import "./Title/Title.less";
|
package/lib/style.less
CHANGED
|
@@ -2,11 +2,16 @@
|
|
|
2
2
|
@import "./Title/Title.less";
|
|
3
3
|
@import "./Search/Search.less";
|
|
4
4
|
@import "./SuperForm/SuperForm.less";
|
|
5
|
+
@import "./SuperForm2/SuperForm.less";
|
|
5
6
|
@import "./SuperTable/SuperTable.less";
|
|
7
|
+
@import "./SuperTable/DragSortRow.less";
|
|
8
|
+
@import "./SuperTable/FilterDropDown.less";
|
|
6
9
|
@import "./SuperTable2/SuperTable2.less";
|
|
10
|
+
@import "./SuperTable3/SuperTable.less";
|
|
11
|
+
@import "./SuperTable3/FilterDropDown.less";
|
|
7
12
|
@import "./Header/Header.less";
|
|
8
|
-
@import "./
|
|
9
|
-
@import "./InputEditor/
|
|
13
|
+
@import "./Header/Vertical.less";
|
|
14
|
+
@import "./InputEditor/inputEditor.less";
|
|
10
15
|
@import "./Layout/Layout.less";
|
|
11
16
|
@import "./LayoutLink/LayoutLink.less";
|
|
12
17
|
@import "./Loading/Loading.less";
|
|
@@ -17,4 +22,9 @@
|
|
|
17
22
|
@import "./Sidebar2/Sidebar.less";
|
|
18
23
|
@import "./SuperToolbar/SuperToolbar.less";
|
|
19
24
|
@import "./SuperUpload/SuperUpload.less";
|
|
20
|
-
@import "./Viewer/Viewer.less";
|
|
25
|
+
@import "./Viewer/Viewer.less";
|
|
26
|
+
@import "./Viewer/imgView.less";
|
|
27
|
+
@import "./SuperTab/SuperTab.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;
|