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.
Files changed (52) hide show
  1. package/es/Indent/Indent.js +23 -0
  2. package/es/Indent/package.json +6 -0
  3. package/es/SuperForm2/SuperForm.js +21 -21
  4. package/es/SuperForm2/SuperForm.less +52 -52
  5. package/es/SuperForm2/package.json +6 -6
  6. package/es/SuperTab/SuperTab.js +8 -8
  7. package/es/SuperTab/SuperTab.less +43 -43
  8. package/es/SuperTab/package.json +6 -6
  9. package/es/SuperTab2/SuperTab2.js +7 -7
  10. package/es/SuperTab2/SuperTab2.less +18 -18
  11. package/es/SuperTab2/package.json +6 -6
  12. package/es/SuperTable/DragSortRow.less +1 -1
  13. package/es/SuperTable2/SuperTable2.less +25 -7
  14. package/es/SuperTable3/FilterDropDown.js +188 -0
  15. package/es/SuperTable3/FilterDropDown.less +29 -0
  16. package/es/SuperTable3/SuperTable.js +783 -0
  17. package/es/SuperTable3/SuperTable.less +99 -0
  18. package/es/SuperTable3/fixed.js +42 -0
  19. package/es/SuperTable3/package.json +6 -0
  20. package/es/WingBlank/WingBlank.js +1 -1
  21. package/es/index.js +8 -2
  22. package/es/style.less +10 -3
  23. package/lib/Indent/Indent.js +38 -0
  24. package/lib/Indent/package.json +6 -0
  25. package/lib/SuperForm2/SuperForm.js +21 -21
  26. package/lib/SuperForm2/SuperForm.less +52 -52
  27. package/lib/SuperForm2/package.json +6 -6
  28. package/lib/SuperTab/SuperTab.js +8 -8
  29. package/lib/SuperTab/SuperTab.less +43 -43
  30. package/lib/SuperTab/package.json +6 -6
  31. package/lib/SuperTab2/SuperTab2.js +7 -7
  32. package/lib/SuperTab2/SuperTab2.less +18 -18
  33. package/lib/SuperTab2/package.json +6 -6
  34. package/lib/SuperTable/DragSortRow.less +1 -1
  35. package/lib/SuperTable2/SuperTable2.less +25 -7
  36. package/lib/SuperTable3/FilterDropDown.js +205 -0
  37. package/lib/SuperTable3/FilterDropDown.less +29 -0
  38. package/lib/SuperTable3/SuperTable.js +787 -0
  39. package/lib/SuperTable3/SuperTable.less +99 -0
  40. package/lib/SuperTable3/fixed.js +55 -0
  41. package/lib/SuperTable3/package.json +6 -0
  42. package/lib/WingBlank/WingBlank.js +1 -1
  43. package/lib/index.js +67 -8
  44. package/lib/index.less +2 -1
  45. package/lib/style.less +10 -3
  46. package/package.json +1 -1
  47. package/es/HomeHeader/Header.js +0 -75
  48. package/es/HomeHeader/Header.less +0 -73
  49. package/es/HomeHeader/package.json +0 -6
  50. package/lib/HomeHeader/Header.js +0 -95
  51. package/lib/HomeHeader/Header.less +0 -73
  52. 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;
@@ -0,0 +1,6 @@
1
+ {
2
+ "name": "SuperTable",
3
+ "version": "0.0.0",
4
+ "private": true,
5
+ "main": "./SuperTable.js"
6
+ }
@@ -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"])('DragTable'))
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, "Enhance", {
32
+ _Object$defineProperty(exports, "EnhanceDialogs", {
33
33
  enumerable: true,
34
34
  get: function get() {
35
- return _Enhance["default"];
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 _SuperTable2["default"];
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("./SuperTable2"));
335
+ var _SuperTable = _interopRequireDefault(require("./SuperTable3"));
281
336
 
282
- var _SuperTable2 = _interopRequireDefault(require("./SuperTable"));
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 "./HomeHeader/Header.less";
10
- @import "./InputEditor/InputEditor.less";
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cloud-b2b",
3
- "version": "1.0.6",
3
+ "version": "1.0.9",
4
4
  "description": "A react component library dependent antd",
5
5
  "keywords": [
6
6
  "react",
@@ -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
- }
@@ -1,6 +0,0 @@
1
- {
2
- "name": "Header",
3
- "version": "0.0.0",
4
- "private": true,
5
- "main": "./Header.js"
6
- }
@@ -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;