@hi-ui/hiui 2.15.10 → 2.15.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -0
- package/es/_util/SwitchVersion.js +5 -9
- package/es/_util/depreactedPropsCompat.js +2 -2
- package/es/_util/index.js +0 -1
- package/es/alert/Alert.js +15 -23
- package/es/alert/__tests__/index.test.js +11 -15
- package/es/badge/Badge.js +11 -19
- package/es/badge/__tests__/index.test.js +8 -8
- package/es/breadcrumb/__tests__/index.test.js +4 -4
- package/es/breadcrumb/index.js +13 -21
- package/es/button/Button.js +16 -22
- package/es/button/ButtonGroup.js +9 -17
- package/es/button/IconLoading.js +4 -4
- package/es/button/__tests__/index.test.js +48 -46
- package/es/card/__tests__/index.test.js +54 -44
- package/es/card/index.js +17 -25
- package/es/carousel/__tests__/index.test.js +10 -10
- package/es/carousel/index.js +22 -30
- package/es/cascader/Cascader.js +22 -30
- package/es/cascader/Menu.js +17 -23
- package/es/cascader/__tests__/index.test.js +42 -39
- package/es/checkbox/Checkbox.js +14 -22
- package/es/checkbox/Group.js +13 -21
- package/es/checkbox/__tests__/index.test.js +18 -18
- package/es/checkbox/checkbox-legacy/Base.js +13 -21
- package/es/checkbox/checkbox-legacy/CheckBox.js +12 -20
- package/es/collapse/__tests__/index.test.js +19 -19
- package/es/collapse/index.js +20 -28
- package/es/confirm/index.js +11 -19
- package/es/context/index.js +16 -24
- package/es/counter/Counter.js +23 -27
- package/es/counter/__tests__/index.test.js +7 -7
- package/es/counter/counter-legacy/index.js +11 -15
- package/es/date-picker/BasePicker.js +17 -25
- package/es/date-picker/Calender.js +28 -36
- package/es/date-picker/DatePanel.js +29 -37
- package/es/date-picker/DatePicker.js +17 -21
- package/es/date-picker/DateRangePanel.js +39 -47
- package/es/date-picker/Modal.js +7 -11
- package/es/date-picker/Time.js +16 -24
- package/es/date-picker/TimeList.js +18 -26
- package/es/date-picker/TimePanel.js +10 -18
- package/es/date-picker/TimePeriodPanel.js +14 -22
- package/es/date-picker/TimePicker.js +8 -12
- package/es/date-picker/TimeRangePanel.js +12 -20
- package/es/date-picker/WeekRangePanel.js +33 -41
- package/es/date-picker/YMRangePanel.js +25 -33
- package/es/date-picker/__tests__/index.test.js +36 -41
- package/es/date-picker/datepicker-legacy/BasePicker.js +18 -26
- package/es/date-picker/datepicker-legacy/Calender.js +16 -24
- package/es/date-picker/datepicker-legacy/DatePanel.js +31 -39
- package/es/date-picker/datepicker-legacy/DatePicker.js +10 -14
- package/es/date-picker/datepicker-legacy/DateRangePanel.js +35 -43
- package/es/date-picker/datepicker-legacy/Modal.js +7 -11
- package/es/date-picker/datepicker-legacy/Time.js +39 -47
- package/es/date-picker/datepicker-legacy/TimePanel.js +10 -18
- package/es/date-picker/datepicker-legacy/TimePeriodPanel.js +14 -22
- package/es/date-picker/datepicker-legacy/TimePicker.js +8 -12
- package/es/date-picker/datepicker-legacy/TimeRangePanel.js +12 -20
- package/es/date-picker/datepicker-legacy/WeekRangePanel.js +28 -36
- package/es/dropdown/Dropdown.js +16 -22
- package/es/dropdown/DropdownButton.js +10 -14
- package/es/dropdown/DropdownMenu.js +9 -13
- package/es/dropdown/DropdownMenuItem.js +20 -26
- package/es/dropdown/__tests__/index.test.js +20 -24
- package/es/dropdown/index.js +8 -12
- package/es/dropdown/tests/index.test.js +5 -5
- package/es/ficon/index.js +7 -11
- package/es/form/Form.js +9 -17
- package/es/form/Item.js +20 -28
- package/es/form/__tests__/index.test.js +69 -73
- package/es/grid/__tests__/index.test.js +21 -25
- package/es/grid/index.js +19 -27
- package/es/icon/index.js +7 -11
- package/es/input/Input.js +24 -36
- package/es/input/__tests__/index.test.js +34 -39
- package/es/input/index.js +4 -8
- package/es/input/input-legacy/index.js +19 -31
- package/es/loading/Loading.js +16 -24
- package/es/loading/__tests__/index.test.js +7 -7
- package/es/locales/en-US.js +3 -1
- package/es/locales/zh-CN.js +3 -1
- package/es/locales/zh-Hant-HK.js +3 -1
- package/es/locales/zh-Hant-TW.js +3 -1
- package/es/menu/Item.js +10 -18
- package/es/menu/Menu.js +20 -28
- package/es/menu/SubMenu.js +16 -24
- package/es/menu/Title.js +11 -19
- package/es/menu/__tests__/index.test.js +14 -19
- package/es/message/__tests__/index.test.js +1 -5
- package/es/message/index.js +4 -4
- package/es/modal/__tests__/index.test.js +15 -15
- package/es/modal/index.js +20 -28
- package/es/nav-menu/NavMenu.js +23 -26
- package/es/nav-menu/__test__/index.test.js +6 -6
- package/es/nav-menu/__tests__/index.test.js +1 -5
- package/es/notice/Notice.js +17 -23
- package/es/notice/NoticeContainer.js +14 -20
- package/es/notice/__tests__/index.test.js +14 -14
- package/es/notice/index.js +2 -2
- package/es/notification/HandleNotification/index.js +16 -24
- package/es/notification/__tests__/index.test.js +1 -5
- package/es/notification/index.js +7 -7
- package/es/pagination/Pager.js +2 -2
- package/es/pagination/Pagination.js +31 -39
- package/es/pagination/__tests__/index.test.js +15 -19
- package/es/panel/index.js +13 -21
- package/es/popover/__test__/index.test.js +8 -8
- package/es/popover/__tests__/index.test.js +16 -16
- package/es/popover/index.js +17 -25
- package/es/popper/index.js +14 -20
- package/es/preview/index.js +43 -41
- package/es/progress/BarProgress.js +15 -17
- package/es/progress/CircleProgress.js +5 -5
- package/es/progress/DashboardProgress.js +5 -5
- package/es/progress/Progress.js +12 -20
- package/es/progress/__tests__/index.test.js +10 -10
- package/es/radio/Group.js +12 -16
- package/es/radio/Radio.js +14 -18
- package/es/radio/__tests__/index.test.js +9 -10
- package/es/radio/radio-legacy/__test__/index.test.js +3 -3
- package/es/radio/radio-legacy/index.js +13 -21
- package/es/rate/Icons.js +68 -68
- package/es/rate/Rate.js +22 -30
- package/es/rate/__tests__/index.test.js +7 -7
- package/es/select/Select.js +18 -25
- package/es/select/SelectDropdown.js +29 -37
- package/es/select/SelectInput.js +47 -52
- package/es/select/__tests__/index.test.js +15 -15
- package/es/select/select-legacy/Option.js +7 -10
- package/es/select/select-legacy/Select.js +16 -24
- package/es/select/select-legacy/SelectDropdown.js +21 -28
- package/es/select/select-legacy/SelectInput.js +48 -52
- package/es/stepper/Stepper.js +15 -19
- package/es/stepper/__tests__/index.test.js +7 -7
- package/es/switch/__tests__/index.test.js +6 -6
- package/es/switch/index.js +10 -18
- package/es/table/Body.js +30 -38
- package/es/table/ClickOuterside.js +11 -19
- package/es/table/Footer.js +19 -27
- package/es/table/Header.js +42 -46
- package/es/table/TableContent.js +14 -22
- package/es/table/__tests__/index.test.js +12 -16
- package/es/table/checkbox/index.js +11 -19
- package/es/table/index.js +98 -105
- package/es/table/menu/index.js +13 -21
- package/es/tabs/ItemDropdown.js +17 -25
- package/es/tabs/TabPane.js +9 -17
- package/es/tabs/Tabs.js +24 -32
- package/es/tabs/__tests__/index.test.js +33 -37
- package/es/tabs/tabs-legacy/ItemDropdown.js +17 -25
- package/es/tabs/tabs-legacy/TabPane.js +9 -17
- package/es/tabs/tabs-legacy/Tabs.js +24 -32
- package/es/tag/__tests__/index.test.js +7 -7
- package/es/tag/index.js +9 -17
- package/es/timeline/__tests__/index.test.js +11 -11
- package/es/timeline/index.js +58 -64
- package/es/tooltip/__tests__/index.test.js +19 -23
- package/es/tooltip/index.js +22 -28
- package/es/transfer/Item.js +33 -40
- package/es/transfer/Transfer.js +30 -38
- package/es/transfer/__tests__/index.test.js +6 -6
- package/es/tree/IconLoading.js +4 -4
- package/es/tree/Tree.js +32 -39
- package/es/tree/TreeDivider.js +3 -3
- package/es/tree/TreeItem.js +40 -42
- package/es/tree/TreeNode.js +40 -40
- package/es/tree/__tests__/index.test.js +22 -26
- package/es/tree/tree-legacy/Tree.js +32 -39
- package/es/tree/tree-legacy/TreeDivider.js +3 -3
- package/es/tree/tree-legacy/TreeItem.js +38 -45
- package/es/tree/tree-legacy/TreeNode.js +28 -36
- package/es/tree/tree-legacy/util.js +1 -1
- package/es/tree/util.js +1 -1
- package/es/upload/Upload.js +23 -27
- package/es/upload/UploadAvatar.js +29 -33
- package/es/upload/UploadClick.js +23 -25
- package/es/upload/UploadDrag.js +28 -32
- package/es/upload/UploadPhoto.js +24 -28
- package/es/upload/UploadPictureCard.js +23 -25
- package/es/upload/__tests__/index.test.js +21 -21
- package/es/upload/main.js +14 -22
- package/es/upload/upload-legacy/Preview.js +26 -34
- package/es/upload/upload-legacy/Upload.js +6 -10
- package/es/upload/upload-legacy/UploadAvatar.js +27 -31
- package/es/upload/upload-legacy/UploadClick.js +19 -23
- package/es/upload/upload-legacy/UploadDrag.js +24 -28
- package/es/upload/upload-legacy/UploadPhoto.js +25 -29
- package/es/upload/upload-legacy/UploadPictureCard.js +20 -24
- package/es/upload/upload-legacy/index.js +13 -21
- package/es/watermark/index.js +8 -12
- package/es/watermark/watermark.js +30 -19
- package/package.json +4 -1
package/es/table/Header.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -15,13 +15,13 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
15
15
|
|
|
16
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _getPrototypeOf4 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
23
|
|
|
24
|
-
var
|
|
24
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
25
|
|
|
26
26
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
27
|
|
|
@@ -33,20 +33,14 @@ var _icon = _interopRequireDefault(require("../icon"));
|
|
|
33
33
|
|
|
34
34
|
var _menu = _interopRequireDefault(require("./menu"));
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
|
-
var Sorter = /*#__PURE__*/function (_Component) {
|
|
36
|
+
var Sorter =
|
|
37
|
+
/*#__PURE__*/
|
|
38
|
+
function (_Component) {
|
|
45
39
|
(0, _inherits2["default"])(Sorter, _Component);
|
|
46
40
|
|
|
47
|
-
var _super = _createSuper(Sorter);
|
|
48
|
-
|
|
49
41
|
function Sorter() {
|
|
42
|
+
var _getPrototypeOf2;
|
|
43
|
+
|
|
50
44
|
var _this;
|
|
51
45
|
|
|
52
46
|
(0, _classCallCheck2["default"])(this, Sorter);
|
|
@@ -55,7 +49,7 @@ var Sorter = /*#__PURE__*/function (_Component) {
|
|
|
55
49
|
args[_key] = arguments[_key];
|
|
56
50
|
}
|
|
57
51
|
|
|
58
|
-
_this =
|
|
52
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf4["default"])(Sorter)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
|
59
53
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "reversed", false);
|
|
60
54
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sortAsec", function () {
|
|
61
55
|
var _this$props = _this.props,
|
|
@@ -94,25 +88,25 @@ var Sorter = /*#__PURE__*/function (_Component) {
|
|
|
94
88
|
(0, _createClass2["default"])(Sorter, [{
|
|
95
89
|
key: "render",
|
|
96
90
|
value: function render() {
|
|
97
|
-
return
|
|
91
|
+
return _react["default"].createElement("div", null, _react["default"].createElement("span", {
|
|
98
92
|
style: {
|
|
99
93
|
display: 'block',
|
|
100
94
|
height: '12px',
|
|
101
95
|
lineHeight: '12px'
|
|
102
96
|
}
|
|
103
|
-
},
|
|
97
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
104
98
|
name: 'up',
|
|
105
99
|
onClick: this.sortAsec,
|
|
106
100
|
style: {
|
|
107
101
|
fontSize: '12px'
|
|
108
102
|
}
|
|
109
|
-
})),
|
|
103
|
+
})), _react["default"].createElement("span", {
|
|
110
104
|
style: {
|
|
111
105
|
display: 'block',
|
|
112
106
|
height: '12px',
|
|
113
107
|
lineHeight: '12px'
|
|
114
108
|
}
|
|
115
|
-
},
|
|
109
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
116
110
|
name: 'down',
|
|
117
111
|
onClick: this.sortDsec,
|
|
118
112
|
style: {
|
|
@@ -124,14 +118,14 @@ var Sorter = /*#__PURE__*/function (_Component) {
|
|
|
124
118
|
return Sorter;
|
|
125
119
|
}(_react.Component);
|
|
126
120
|
|
|
127
|
-
var ServerSorter =
|
|
121
|
+
var ServerSorter =
|
|
122
|
+
/*#__PURE__*/
|
|
123
|
+
function (_Component2) {
|
|
128
124
|
(0, _inherits2["default"])(ServerSorter, _Component2);
|
|
129
125
|
|
|
130
|
-
var _super2 = _createSuper(ServerSorter);
|
|
131
|
-
|
|
132
126
|
function ServerSorter() {
|
|
133
127
|
(0, _classCallCheck2["default"])(this, ServerSorter);
|
|
134
|
-
return
|
|
128
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf4["default"])(ServerSorter).apply(this, arguments));
|
|
135
129
|
}
|
|
136
130
|
|
|
137
131
|
(0, _createClass2["default"])(ServerSorter, [{
|
|
@@ -139,13 +133,13 @@ var ServerSorter = /*#__PURE__*/function (_Component2) {
|
|
|
139
133
|
value: function render() {
|
|
140
134
|
var _this2 = this;
|
|
141
135
|
|
|
142
|
-
return
|
|
136
|
+
return _react["default"].createElement("div", null, _react["default"].createElement("span", {
|
|
143
137
|
style: {
|
|
144
138
|
display: 'block',
|
|
145
139
|
height: '12px',
|
|
146
140
|
lineHeight: '12px'
|
|
147
141
|
}
|
|
148
|
-
},
|
|
142
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
149
143
|
name: 'up',
|
|
150
144
|
onClick: function onClick(e) {
|
|
151
145
|
var _this2$props = _this2.props,
|
|
@@ -156,13 +150,13 @@ var ServerSorter = /*#__PURE__*/function (_Component2) {
|
|
|
156
150
|
style: {
|
|
157
151
|
fontSize: '12px'
|
|
158
152
|
}
|
|
159
|
-
})),
|
|
153
|
+
})), _react["default"].createElement("span", {
|
|
160
154
|
style: {
|
|
161
155
|
display: 'block',
|
|
162
156
|
height: '12px',
|
|
163
157
|
lineHeight: '12px'
|
|
164
158
|
}
|
|
165
|
-
},
|
|
159
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
166
160
|
name: 'down',
|
|
167
161
|
onClick: function onClick(e) {
|
|
168
162
|
var _this2$props2 = _this2.props,
|
|
@@ -183,22 +177,22 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
183
177
|
var item = props.item,
|
|
184
178
|
index = props.index,
|
|
185
179
|
contextMenu = props.contextMenu;
|
|
186
|
-
return
|
|
180
|
+
return _react["default"].createElement("th", {
|
|
187
181
|
colSpan: item.colSpan || 1,
|
|
188
182
|
key: 'head-' + item.key || item.dataIndex || item.title,
|
|
189
183
|
onContextMenu: function onContextMenu(e) {
|
|
190
184
|
return contextMenu(e, item.key);
|
|
191
185
|
}
|
|
192
|
-
},
|
|
186
|
+
}, _react["default"].createElement("div", {
|
|
193
187
|
style: {
|
|
194
188
|
display: 'flex',
|
|
195
189
|
alignItems: 'center'
|
|
196
190
|
}
|
|
197
|
-
},
|
|
191
|
+
}, _react["default"].createElement("div", null, typeof item.title === 'function' ? item.title() : item.title), "\xA0", item.sorter && _react["default"].createElement(Sorter, (0, _extends2["default"])({}, props, {
|
|
198
192
|
key: item.key,
|
|
199
193
|
index: index,
|
|
200
194
|
kname: item.key
|
|
201
|
-
})), item.serverSort &&
|
|
195
|
+
})), item.serverSort && _react["default"].createElement(ServerSorter, (0, _extends2["default"])({}, props, {
|
|
202
196
|
key: item.key,
|
|
203
197
|
index: index,
|
|
204
198
|
kname: item.key
|
|
@@ -209,19 +203,19 @@ var GroupCell = function GroupCell(props) {
|
|
|
209
203
|
var item = props.item,
|
|
210
204
|
index = props.index,
|
|
211
205
|
contextMenu = props.contextMenu;
|
|
212
|
-
return
|
|
206
|
+
return _react["default"].createElement("th", {
|
|
213
207
|
colSpan: item.headColSpan,
|
|
214
208
|
rowSpan: item.headRowSpan,
|
|
215
209
|
key: 'head-' + item.key || item.dataIndex || item.title,
|
|
216
210
|
onContextMenu: function onContextMenu(e) {
|
|
217
211
|
return contextMenu(e, item.key);
|
|
218
212
|
}
|
|
219
|
-
},
|
|
213
|
+
}, _react["default"].createElement("div", {
|
|
220
214
|
style: {
|
|
221
215
|
display: 'flex',
|
|
222
216
|
alignItems: 'center'
|
|
223
217
|
}
|
|
224
|
-
}, "\xA0",
|
|
218
|
+
}, "\xA0", _react["default"].createElement("div", null, typeof item.title === 'function' ? item.title() : item.title), item.sorter && _react["default"].createElement(Sorter, (0, _extends2["default"])({}, props, {
|
|
225
219
|
col: item,
|
|
226
220
|
index: index,
|
|
227
221
|
kname: item.key
|
|
@@ -229,12 +223,14 @@ var GroupCell = function GroupCell(props) {
|
|
|
229
223
|
}; // 普通的表头
|
|
230
224
|
|
|
231
225
|
|
|
232
|
-
var Header =
|
|
226
|
+
var Header =
|
|
227
|
+
/*#__PURE__*/
|
|
228
|
+
function (_Component3) {
|
|
233
229
|
(0, _inherits2["default"])(Header, _Component3);
|
|
234
230
|
|
|
235
|
-
var _super3 = _createSuper(Header);
|
|
236
|
-
|
|
237
231
|
function Header() {
|
|
232
|
+
var _getPrototypeOf3;
|
|
233
|
+
|
|
238
234
|
var _this3;
|
|
239
235
|
|
|
240
236
|
(0, _classCallCheck2["default"])(this, Header);
|
|
@@ -243,7 +239,7 @@ var Header = /*#__PURE__*/function (_Component3) {
|
|
|
243
239
|
args[_key2] = arguments[_key2];
|
|
244
240
|
}
|
|
245
241
|
|
|
246
|
-
_this3 =
|
|
242
|
+
_this3 = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf3 = (0, _getPrototypeOf4["default"])(Header)).call.apply(_getPrototypeOf3, [this].concat(args)));
|
|
247
243
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "contextMenu", function (e, key) {
|
|
248
244
|
e.preventDefault();
|
|
249
245
|
var _this3$props = _this3.props,
|
|
@@ -286,7 +282,7 @@ var Header = /*#__PURE__*/function (_Component3) {
|
|
|
286
282
|
});
|
|
287
283
|
|
|
288
284
|
for (var i = 0; i < columns.length; i++) {
|
|
289
|
-
tr.push(
|
|
285
|
+
tr.push(_react["default"].createElement(GroupCell, (0, _extends2["default"])({}, _this4.props, {
|
|
290
286
|
item: columns[i],
|
|
291
287
|
index: i,
|
|
292
288
|
contextMenu: _this4.contextMenu,
|
|
@@ -294,14 +290,14 @@ var Header = /*#__PURE__*/function (_Component3) {
|
|
|
294
290
|
})));
|
|
295
291
|
}
|
|
296
292
|
|
|
297
|
-
return
|
|
293
|
+
return _react["default"].createElement("tr", {
|
|
298
294
|
key: k
|
|
299
295
|
}, tr);
|
|
300
296
|
});
|
|
301
297
|
} else {
|
|
302
298
|
for (var i = 0; i < columns.length;) {
|
|
303
299
|
var colSpan = columns[i].colSpan || 1;
|
|
304
|
-
nodes.push(
|
|
300
|
+
nodes.push(_react["default"].createElement(HeaderCell, (0, _extends2["default"])({}, this.props, {
|
|
305
301
|
item: columns[i],
|
|
306
302
|
index: i,
|
|
307
303
|
contextMenu: this.contextMenu,
|
|
@@ -310,10 +306,10 @@ var Header = /*#__PURE__*/function (_Component3) {
|
|
|
310
306
|
i = i + colSpan;
|
|
311
307
|
}
|
|
312
308
|
|
|
313
|
-
nodes =
|
|
309
|
+
nodes = _react["default"].createElement("tr", null, nodes);
|
|
314
310
|
}
|
|
315
311
|
|
|
316
|
-
return
|
|
312
|
+
return _react["default"].createElement("thead", {
|
|
317
313
|
className: (0, _prefix["default"])('table-thead')
|
|
318
314
|
}, nodes);
|
|
319
315
|
}
|
package/es/table/TableContent.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -17,37 +17,29 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
17
17
|
|
|
18
18
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
19
|
|
|
20
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
20
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
21
|
|
|
24
22
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
23
|
|
|
24
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
+
|
|
26
26
|
var _react = _interopRequireWildcard(require("react"));
|
|
27
27
|
|
|
28
28
|
var _Body = _interopRequireDefault(require("./Body"));
|
|
29
29
|
|
|
30
30
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
37
|
-
|
|
38
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
39
|
-
|
|
40
|
-
var TableContent = /*#__PURE__*/function (_Component) {
|
|
32
|
+
var TableContent =
|
|
33
|
+
/*#__PURE__*/
|
|
34
|
+
function (_Component) {
|
|
41
35
|
(0, _inherits2["default"])(TableContent, _Component);
|
|
42
36
|
|
|
43
|
-
var _super = _createSuper(TableContent);
|
|
44
|
-
|
|
45
37
|
function TableContent(props) {
|
|
46
38
|
var _this;
|
|
47
39
|
|
|
48
40
|
(0, _classCallCheck2["default"])(this, TableContent);
|
|
49
|
-
_this =
|
|
50
|
-
_this.dom =
|
|
41
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TableContent).call(this, props));
|
|
42
|
+
_this.dom = _react["default"].createRef();
|
|
51
43
|
return _this;
|
|
52
44
|
}
|
|
53
45
|
|
|
@@ -76,11 +68,11 @@ var TableContent = /*#__PURE__*/function (_Component) {
|
|
|
76
68
|
parent.setting.current.style.display = 'none';
|
|
77
69
|
}
|
|
78
70
|
|
|
79
|
-
return
|
|
71
|
+
return _react["default"].createElement("table", {
|
|
80
72
|
className: className,
|
|
81
73
|
style: style,
|
|
82
74
|
ref: this.dom
|
|
83
|
-
},
|
|
75
|
+
}, _react["default"].createElement("colgroup", null, showColumns.map(function (item, index) {
|
|
84
76
|
var sty = {};
|
|
85
77
|
|
|
86
78
|
if (item.width) {
|
|
@@ -88,15 +80,15 @@ var TableContent = /*#__PURE__*/function (_Component) {
|
|
|
88
80
|
sty.width = parseInt(item.width) + 'px';
|
|
89
81
|
}
|
|
90
82
|
|
|
91
|
-
return
|
|
83
|
+
return _react["default"].createElement("col", {
|
|
92
84
|
style: sty,
|
|
93
85
|
key: 'col-' + index
|
|
94
86
|
});
|
|
95
|
-
})), head ?
|
|
87
|
+
})), head ? _react["default"].createElement(_Header["default"], (0, _extends2["default"])({}, rest, {
|
|
96
88
|
columns: showColumns,
|
|
97
89
|
showHeaderColumns: showHeaderColumns,
|
|
98
90
|
parent: parent
|
|
99
|
-
})) : null, body ?
|
|
91
|
+
})) : null, body ? _react["default"].createElement(_Body["default"], (0, _extends2["default"])({}, rest, {
|
|
100
92
|
columns: showColumns,
|
|
101
93
|
showHeaderColumns: showHeaderColumns,
|
|
102
94
|
parent: parent
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
|
|
@@ -12,10 +12,6 @@ var _sinon = _interopRequireWildcard(require("sinon"));
|
|
|
12
12
|
|
|
13
13
|
var _ = require("../");
|
|
14
14
|
|
|
15
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
|
-
|
|
17
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
-
|
|
19
15
|
describe('Table', function () {
|
|
20
16
|
var dataLength = 10;
|
|
21
17
|
var columns = [{
|
|
@@ -32,20 +28,20 @@ describe('Table', function () {
|
|
|
32
28
|
key: '3'
|
|
33
29
|
}, {
|
|
34
30
|
title: function title() {
|
|
35
|
-
return
|
|
31
|
+
return _react["default"].createElement("div", null, "\u81EA\u5B9A\u4E49\u6807\u9898");
|
|
36
32
|
},
|
|
37
33
|
dataIndex: 'address',
|
|
38
34
|
key: '4',
|
|
39
35
|
width: '500px',
|
|
40
36
|
render: function render(text, record, index) {
|
|
41
|
-
return
|
|
37
|
+
return _react["default"].createElement("div", null, text, " --- ", index, " --- \u81EA\u5B9A\u4E49\u6E32\u67D3");
|
|
42
38
|
}
|
|
43
39
|
}, {
|
|
44
40
|
title: 'Action',
|
|
45
41
|
key: 'operation',
|
|
46
42
|
width: 100,
|
|
47
43
|
render: function render() {
|
|
48
|
-
return
|
|
44
|
+
return _react["default"].createElement("a", {
|
|
49
45
|
href: "javascript:;"
|
|
50
46
|
}, "action");
|
|
51
47
|
}
|
|
@@ -77,7 +73,7 @@ describe('Table', function () {
|
|
|
77
73
|
describe('Lifecycle', function () {
|
|
78
74
|
it('componentDidMount', function () {
|
|
79
75
|
var componentDidMountSpy = (0, _sinon.spy)(_.Table.prototype, 'componentDidMount');
|
|
80
|
-
var wrapper = (0, _enzyme.mount)(
|
|
76
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Table, null));
|
|
81
77
|
expect(wrapper.instance()).toBeInstanceOf(_.Table);
|
|
82
78
|
expect(componentDidMountSpy.callCount).toEqual(1);
|
|
83
79
|
componentDidMountSpy.restore();
|
|
@@ -85,21 +81,21 @@ describe('Table', function () {
|
|
|
85
81
|
});
|
|
86
82
|
it('shouldComponentUpdate', function () {
|
|
87
83
|
var shouldComponentUpdateSpy = (0, _sinon.spy)(_.Table.prototype, 'shouldComponentUpdate');
|
|
88
|
-
var wrapper = (0, _enzyme.mount)(
|
|
84
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Table, null)); // runMemory() in componentDidmount() and setState()
|
|
89
85
|
|
|
90
86
|
expect(shouldComponentUpdateSpy.callCount).toEqual(1);
|
|
91
87
|
shouldComponentUpdateSpy.restore();
|
|
92
88
|
});
|
|
93
89
|
it('componentDidUpdate', function () {
|
|
94
90
|
var componentDidUpdateSpy = (0, _sinon.spy)(_.Table.prototype, 'componentDidUpdate');
|
|
95
|
-
var wrapper = (0, _enzyme.mount)(
|
|
91
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Table, null)); // runMemory() in componentDidmount() and setState()
|
|
96
92
|
|
|
97
93
|
expect(componentDidUpdateSpy.callCount).toEqual(1);
|
|
98
94
|
componentDidUpdateSpy.restore();
|
|
99
95
|
});
|
|
100
96
|
it('componentWillReceiveProps', function () {
|
|
101
97
|
var componentWillReceivePropsSpy = (0, _sinon.spy)(_.Table.prototype, 'componentWillReceiveProps');
|
|
102
|
-
var wrapper = (0, _enzyme.mount)(
|
|
98
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Table, null));
|
|
103
99
|
wrapper.setProps({
|
|
104
100
|
data: []
|
|
105
101
|
});
|
|
@@ -109,13 +105,13 @@ describe('Table', function () {
|
|
|
109
105
|
});
|
|
110
106
|
describe('PropTypes', function () {
|
|
111
107
|
it('data', function () {
|
|
112
|
-
var wrapper = (0, _enzyme.mount)(
|
|
108
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Table, {
|
|
113
109
|
data: data
|
|
114
110
|
}));
|
|
115
111
|
expect(wrapper.find("Row")).toHaveLength(dataLength);
|
|
116
112
|
});
|
|
117
113
|
it('columns', function () {
|
|
118
|
-
var wrapper = (0, _enzyme.mount)(
|
|
114
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Table, {
|
|
119
115
|
columns: columns
|
|
120
116
|
}));
|
|
121
117
|
expect(wrapper.find(".hi-table-thead")).toHaveLength(1);
|
|
@@ -124,7 +120,7 @@ describe('Table', function () {
|
|
|
124
120
|
var style = {
|
|
125
121
|
color: '#ffff00'
|
|
126
122
|
};
|
|
127
|
-
var wrapper = (0, _enzyme.mount)(
|
|
123
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Table, {
|
|
128
124
|
style: style
|
|
129
125
|
}));
|
|
130
126
|
expect(wrapper.find("TableContent").prop('style')).toMatchObject(style);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -13,12 +13,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
13
13
|
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
17
|
|
|
20
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
19
|
|
|
20
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
+
|
|
22
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
23
|
|
|
24
24
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -27,22 +27,14 @@ var _context = _interopRequireDefault(require("../../context"));
|
|
|
27
27
|
|
|
28
28
|
require("../../checkbox/checkbox-legacy/style");
|
|
29
29
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
35
|
-
|
|
36
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
37
|
-
|
|
38
|
-
var Checkbox = /*#__PURE__*/function (_Component) {
|
|
30
|
+
var Checkbox =
|
|
31
|
+
/*#__PURE__*/
|
|
32
|
+
function (_Component) {
|
|
39
33
|
(0, _inherits2["default"])(Checkbox, _Component);
|
|
40
34
|
|
|
41
|
-
var _super = _createSuper(Checkbox);
|
|
42
|
-
|
|
43
35
|
function Checkbox() {
|
|
44
36
|
(0, _classCallCheck2["default"])(this, Checkbox);
|
|
45
|
-
return
|
|
37
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Checkbox).apply(this, arguments));
|
|
46
38
|
}
|
|
47
39
|
|
|
48
40
|
(0, _createClass2["default"])(Checkbox, [{
|
|
@@ -64,7 +56,7 @@ var Checkbox = /*#__PURE__*/function (_Component) {
|
|
|
64
56
|
checked = false;
|
|
65
57
|
}
|
|
66
58
|
|
|
67
|
-
return
|
|
59
|
+
return _react["default"].createElement("div", {
|
|
68
60
|
style: {
|
|
69
61
|
position: 'relative'
|
|
70
62
|
},
|
|
@@ -81,9 +73,9 @@ var Checkbox = /*#__PURE__*/function (_Component) {
|
|
|
81
73
|
'hi-checkbox-legacy--checked': checked,
|
|
82
74
|
'hi-checkbox-legacy--disabled': disabled
|
|
83
75
|
})
|
|
84
|
-
},
|
|
76
|
+
}, _react["default"].createElement("span", {
|
|
85
77
|
className: "hi-checkbox-legacy__input"
|
|
86
|
-
}), text &&
|
|
78
|
+
}), text && _react["default"].createElement("span", {
|
|
87
79
|
className: (0, _classnames["default"])({
|
|
88
80
|
'hi-checkbox-legacy__label': true,
|
|
89
81
|
highlight: highlight
|