@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
|
@@ -8,12 +8,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
8
8
|
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
10
|
|
|
11
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
-
|
|
13
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
14
12
|
|
|
15
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
16
14
|
|
|
15
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
|
+
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
|
|
19
19
|
var _enzyme = require("enzyme");
|
|
@@ -32,21 +32,17 @@ var _button = _interopRequireDefault(require("../../button"));
|
|
|
32
32
|
|
|
33
33
|
var _radio = _interopRequireDefault(require("../../radio"));
|
|
34
34
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
function
|
|
38
|
-
|
|
39
|
-
var Demo = /*#__PURE__*/function (_React$Component) {
|
|
35
|
+
var Demo =
|
|
36
|
+
/*#__PURE__*/
|
|
37
|
+
function (_React$Component) {
|
|
40
38
|
(0, _inherits2["default"])(Demo, _React$Component);
|
|
41
39
|
|
|
42
|
-
var _super = _createSuper(Demo);
|
|
43
|
-
|
|
44
40
|
function Demo(props) {
|
|
45
41
|
var _this;
|
|
46
42
|
|
|
47
43
|
(0, _classCallCheck2["default"])(this, Demo);
|
|
48
|
-
_this =
|
|
49
|
-
_this.form =
|
|
44
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Demo).call(this, props));
|
|
45
|
+
_this.form = _react["default"].createRef();
|
|
50
46
|
_this.state = {
|
|
51
47
|
form: {
|
|
52
48
|
name: '',
|
|
@@ -57,7 +53,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
|
|
|
57
53
|
rules: {
|
|
58
54
|
name: [{
|
|
59
55
|
required: true,
|
|
60
|
-
message:
|
|
56
|
+
message: _react["default"].createElement("span", {
|
|
61
57
|
style: {
|
|
62
58
|
color: '#ccc'
|
|
63
59
|
}
|
|
@@ -138,24 +134,24 @@ var Demo = /*#__PURE__*/function (_React$Component) {
|
|
|
138
134
|
var _this$state = this.state,
|
|
139
135
|
form = _this$state.form,
|
|
140
136
|
checkedIndex = _this$state.checkedIndex;
|
|
141
|
-
return
|
|
137
|
+
return _react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
|
|
142
138
|
ref: this.form,
|
|
143
139
|
model: form,
|
|
144
140
|
rules: this.state.rules,
|
|
145
141
|
labelWidth: "80"
|
|
146
|
-
},
|
|
142
|
+
}, _react["default"].createElement(Row, null, _react["default"].createElement(Col, {
|
|
147
143
|
span: 12
|
|
148
|
-
},
|
|
144
|
+
}, _react["default"].createElement(_index["default"].Item, {
|
|
149
145
|
label: "\u540D\u79F0",
|
|
150
146
|
prop: "name"
|
|
151
|
-
},
|
|
147
|
+
}, _react["default"].createElement(_input["default"], {
|
|
152
148
|
value: form.name,
|
|
153
149
|
placeholder: 'name',
|
|
154
150
|
onChange: this.handleChange.bind(this, 'name')
|
|
155
|
-
})),
|
|
151
|
+
})), _react["default"].createElement(_index["default"].Item, null, _react["default"].createElement(_button["default"], {
|
|
156
152
|
type: "primary",
|
|
157
153
|
onClick: this.handleSubmit.bind(this)
|
|
158
|
-
}, "\u63D0\u4EA4"),
|
|
154
|
+
}, "\u63D0\u4EA4"), _react["default"].createElement(_button["default"], {
|
|
159
155
|
onClick: this.cancelSubmit.bind(this)
|
|
160
156
|
}, "\u91CD\u7F6E"))))));
|
|
161
157
|
}
|
|
@@ -163,17 +159,17 @@ var Demo = /*#__PURE__*/function (_React$Component) {
|
|
|
163
159
|
return Demo;
|
|
164
160
|
}(_react["default"].Component);
|
|
165
161
|
|
|
166
|
-
var Demo2 =
|
|
162
|
+
var Demo2 =
|
|
163
|
+
/*#__PURE__*/
|
|
164
|
+
function (_React$Component2) {
|
|
167
165
|
(0, _inherits2["default"])(Demo2, _React$Component2);
|
|
168
166
|
|
|
169
|
-
var _super2 = _createSuper(Demo2);
|
|
170
|
-
|
|
171
167
|
function Demo2(props) {
|
|
172
168
|
var _this3;
|
|
173
169
|
|
|
174
170
|
(0, _classCallCheck2["default"])(this, Demo2);
|
|
175
|
-
_this3 =
|
|
176
|
-
_this3.form =
|
|
171
|
+
_this3 = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Demo2).call(this, props));
|
|
172
|
+
_this3.form = _react["default"].createRef();
|
|
177
173
|
_this3.state = {
|
|
178
174
|
form: {
|
|
179
175
|
name: '',
|
|
@@ -184,7 +180,7 @@ var Demo2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
184
180
|
rules: {
|
|
185
181
|
name: [{
|
|
186
182
|
required: true,
|
|
187
|
-
message:
|
|
183
|
+
message: _react["default"].createElement("span", {
|
|
188
184
|
style: {
|
|
189
185
|
color: '#ccc'
|
|
190
186
|
}
|
|
@@ -238,14 +234,14 @@ var Demo2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
238
234
|
var Row = _grid["default"].Row;
|
|
239
235
|
var Col = _grid["default"].Col;
|
|
240
236
|
var form = this.state.form;
|
|
241
|
-
return
|
|
237
|
+
return _react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
|
|
242
238
|
ref: this.form,
|
|
243
239
|
model: form,
|
|
244
240
|
rules: this.state.rules,
|
|
245
241
|
labelWidth: "80"
|
|
246
|
-
},
|
|
242
|
+
}, _react["default"].createElement(Row, null, _react["default"].createElement(Col, {
|
|
247
243
|
span: 12
|
|
248
|
-
},
|
|
244
|
+
}, _react["default"].createElement(_index["default"].Item, null, _react["default"].createElement(_button["default"], {
|
|
249
245
|
type: "primary",
|
|
250
246
|
onClick: this.handleSubmit.bind(this)
|
|
251
247
|
}, "\u63D0\u4EA4"))))));
|
|
@@ -254,17 +250,17 @@ var Demo2 = /*#__PURE__*/function (_React$Component2) {
|
|
|
254
250
|
return Demo2;
|
|
255
251
|
}(_react["default"].Component);
|
|
256
252
|
|
|
257
|
-
var Demo3 =
|
|
253
|
+
var Demo3 =
|
|
254
|
+
/*#__PURE__*/
|
|
255
|
+
function (_React$Component3) {
|
|
258
256
|
(0, _inherits2["default"])(Demo3, _React$Component3);
|
|
259
257
|
|
|
260
|
-
var _super3 = _createSuper(Demo3);
|
|
261
|
-
|
|
262
258
|
function Demo3(props) {
|
|
263
259
|
var _this5;
|
|
264
260
|
|
|
265
261
|
(0, _classCallCheck2["default"])(this, Demo3);
|
|
266
|
-
_this5 =
|
|
267
|
-
_this5.form =
|
|
262
|
+
_this5 = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Demo3).call(this, props));
|
|
263
|
+
_this5.form = _react["default"].createRef();
|
|
268
264
|
_this5.state = {
|
|
269
265
|
form: {
|
|
270
266
|
name: '',
|
|
@@ -295,19 +291,19 @@ var Demo3 = /*#__PURE__*/function (_React$Component3) {
|
|
|
295
291
|
var Row = _grid["default"].Row;
|
|
296
292
|
var Col = _grid["default"].Col;
|
|
297
293
|
var form = this.state.form;
|
|
298
|
-
return
|
|
294
|
+
return _react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
|
|
299
295
|
ref: this.form,
|
|
300
296
|
model: form,
|
|
301
297
|
labelWidth: "80"
|
|
302
|
-
},
|
|
298
|
+
}, _react["default"].createElement(Row, null, _react["default"].createElement(Col, {
|
|
303
299
|
span: 12
|
|
304
|
-
},
|
|
300
|
+
}, _react["default"].createElement(_index["default"].Item, {
|
|
305
301
|
label: "\u540D\u79F0",
|
|
306
302
|
prop: "name"
|
|
307
|
-
},
|
|
303
|
+
}, _react["default"].createElement(_input["default"], {
|
|
308
304
|
value: form.name,
|
|
309
305
|
placeholder: 'name'
|
|
310
|
-
})),
|
|
306
|
+
})), _react["default"].createElement(_index["default"].Item, null, _react["default"].createElement(_button["default"], {
|
|
311
307
|
type: "primary",
|
|
312
308
|
onClick: this.handleSubmit.bind(this)
|
|
313
309
|
}, "\u63D0\u4EA4"))))));
|
|
@@ -318,15 +314,15 @@ var Demo3 = /*#__PURE__*/function (_React$Component3) {
|
|
|
318
314
|
|
|
319
315
|
describe('Form', function () {
|
|
320
316
|
it('should have the correct placement', function () {
|
|
321
|
-
var wrapper = (0, _enzyme.mount)(
|
|
317
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], null, _react["default"].createElement(_index["default"].Item, {
|
|
322
318
|
label: "\u8D26\u53F7",
|
|
323
319
|
labelWidth: "50"
|
|
324
|
-
},
|
|
320
|
+
}, _react["default"].createElement(_input["default"], {
|
|
325
321
|
placeholder: '账号'
|
|
326
|
-
})),
|
|
322
|
+
})), _react["default"].createElement(_index["default"].Item, {
|
|
327
323
|
label: "\u5BC6\u7801",
|
|
328
324
|
labelWidth: "50"
|
|
329
|
-
},
|
|
325
|
+
}, _react["default"].createElement(_input["default"], {
|
|
330
326
|
type: "password",
|
|
331
327
|
placeholder: '密码'
|
|
332
328
|
}))));
|
|
@@ -344,32 +340,32 @@ describe('Form', function () {
|
|
|
344
340
|
it('should align the label by labelPlacement', function () {
|
|
345
341
|
;
|
|
346
342
|
['left', 'right', 'top'].forEach(function (labelPlacement) {
|
|
347
|
-
var wrapper = (0, _enzyme.mount)(
|
|
343
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
348
344
|
labelPlacement: labelPlacement
|
|
349
|
-
},
|
|
345
|
+
}, _react["default"].createElement(_index["default"].Item, {
|
|
350
346
|
label: "\u8D26\u53F7",
|
|
351
347
|
labelWidth: "50"
|
|
352
|
-
},
|
|
348
|
+
}, _react["default"].createElement(_input["default"], {
|
|
353
349
|
placeholder: '账号'
|
|
354
|
-
})),
|
|
350
|
+
})), _react["default"].createElement(_index["default"].Item, {
|
|
355
351
|
label: "\u5BC6\u7801",
|
|
356
352
|
labelWidth: "50"
|
|
357
|
-
},
|
|
353
|
+
}, _react["default"].createElement(_input["default"], {
|
|
358
354
|
type: "password",
|
|
359
355
|
placeholder: '密码'
|
|
360
356
|
}))));
|
|
361
357
|
expect(wrapper.find(".hi-form--label--".concat(labelPlacement))).toHaveLength(1);
|
|
362
|
-
var wrapperLegacy = (0, _enzyme.mount)(
|
|
358
|
+
var wrapperLegacy = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
363
359
|
labelPositon: labelPlacement
|
|
364
|
-
},
|
|
360
|
+
}, _react["default"].createElement(_index["default"].Item, {
|
|
365
361
|
label: "\u8D26\u53F7",
|
|
366
362
|
labelWidth: "50"
|
|
367
|
-
},
|
|
363
|
+
}, _react["default"].createElement(_input["default"], {
|
|
368
364
|
placeholder: '账号'
|
|
369
|
-
})),
|
|
365
|
+
})), _react["default"].createElement(_index["default"].Item, {
|
|
370
366
|
label: "\u5BC6\u7801",
|
|
371
367
|
labelWidth: "50"
|
|
372
|
-
},
|
|
368
|
+
}, _react["default"].createElement(_input["default"], {
|
|
373
369
|
type: "password",
|
|
374
370
|
placeholder: '密码'
|
|
375
371
|
})))); // expect(wrapperLegacy.find(`.hi-form--label--${labelPlacement}`)).toHaveLength(1)
|
|
@@ -379,15 +375,15 @@ describe('Form', function () {
|
|
|
379
375
|
});
|
|
380
376
|
});
|
|
381
377
|
it('should have the label width', function () {
|
|
382
|
-
var wrapper = (0, _enzyme.mount)(
|
|
378
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], null, _react["default"].createElement(_index["default"].Item, {
|
|
383
379
|
label: "\u8D26\u53F7",
|
|
384
380
|
labelWidth: "50"
|
|
385
|
-
},
|
|
381
|
+
}, _react["default"].createElement(_input["default"], {
|
|
386
382
|
placeholder: '账号'
|
|
387
|
-
})),
|
|
383
|
+
})), _react["default"].createElement(_index["default"].Item, {
|
|
388
384
|
label: "\u5BC6\u7801",
|
|
389
385
|
labelWidth: "50"
|
|
390
|
-
},
|
|
386
|
+
}, _react["default"].createElement(_input["default"], {
|
|
391
387
|
type: "password",
|
|
392
388
|
placeholder: '密码'
|
|
393
389
|
}))));
|
|
@@ -397,15 +393,15 @@ describe('Form', function () {
|
|
|
397
393
|
wrapper.unmount();
|
|
398
394
|
});
|
|
399
395
|
it('should show colon', function () {
|
|
400
|
-
var wrapper = (0, _enzyme.mount)(
|
|
396
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], null, _react["default"].createElement(_index["default"].Item, {
|
|
401
397
|
label: "\u8D26\u53F7",
|
|
402
398
|
labelWidth: "50"
|
|
403
|
-
},
|
|
399
|
+
}, _react["default"].createElement(_input["default"], {
|
|
404
400
|
placeholder: '账号'
|
|
405
|
-
})),
|
|
401
|
+
})), _react["default"].createElement(_index["default"].Item, {
|
|
406
402
|
label: "\u5BC6\u7801",
|
|
407
403
|
labelWidth: "50"
|
|
408
|
-
},
|
|
404
|
+
}, _react["default"].createElement(_input["default"], {
|
|
409
405
|
type: "password",
|
|
410
406
|
placeholder: '密码'
|
|
411
407
|
}))));
|
|
@@ -421,18 +417,18 @@ describe('Form', function () {
|
|
|
421
417
|
wrapper.unmount();
|
|
422
418
|
});
|
|
423
419
|
it('should field has colon when field showColon is true and form showColon is false', function () {
|
|
424
|
-
var wrapper = (0, _enzyme.mount)(
|
|
420
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
425
421
|
showColon: false
|
|
426
|
-
},
|
|
422
|
+
}, _react["default"].createElement(_index["default"].Item, {
|
|
427
423
|
label: "\u8D26\u53F7",
|
|
428
424
|
labelWidth: "50",
|
|
429
425
|
showColon: true
|
|
430
|
-
},
|
|
426
|
+
}, _react["default"].createElement(_input["default"], {
|
|
431
427
|
placeholder: '账号'
|
|
432
|
-
})),
|
|
428
|
+
})), _react["default"].createElement(_index["default"].Item, {
|
|
433
429
|
label: "\u5BC6\u7801",
|
|
434
430
|
labelWidth: "50"
|
|
435
|
-
},
|
|
431
|
+
}, _react["default"].createElement(_input["default"], {
|
|
436
432
|
type: "password",
|
|
437
433
|
placeholder: '密码'
|
|
438
434
|
}))));
|
|
@@ -449,7 +445,7 @@ describe('Form', function () {
|
|
|
449
445
|
}
|
|
450
446
|
};
|
|
451
447
|
var blurCb = jest.fn();
|
|
452
|
-
var wrapper = (0, _enzyme.mount)(
|
|
448
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Form2["default"], {
|
|
453
449
|
rules: {
|
|
454
450
|
name: {
|
|
455
451
|
required: true,
|
|
@@ -461,10 +457,10 @@ describe('Form', function () {
|
|
|
461
457
|
model: {
|
|
462
458
|
name: ''
|
|
463
459
|
}
|
|
464
|
-
},
|
|
460
|
+
}, _react["default"].createElement(_Item["default"], {
|
|
465
461
|
label: "\u540D\u79F0",
|
|
466
462
|
field: "name"
|
|
467
|
-
},
|
|
463
|
+
}, _react["default"].createElement(_input["default"], {
|
|
468
464
|
placeholder: "name",
|
|
469
465
|
onChange: function onChange(e) {
|
|
470
466
|
wrapper.setProps({
|
|
@@ -506,7 +502,7 @@ describe('Form', function () {
|
|
|
506
502
|
colon: ':'
|
|
507
503
|
}
|
|
508
504
|
};
|
|
509
|
-
var wrapper = (0, _enzyme.mount)(
|
|
505
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Form2["default"], {
|
|
510
506
|
rules: {
|
|
511
507
|
name: {
|
|
512
508
|
required: true,
|
|
@@ -518,10 +514,10 @@ describe('Form', function () {
|
|
|
518
514
|
model: {
|
|
519
515
|
name: ''
|
|
520
516
|
}
|
|
521
|
-
},
|
|
517
|
+
}, _react["default"].createElement(_Item["default"], {
|
|
522
518
|
label: "\u540D\u79F0",
|
|
523
519
|
field: "name"
|
|
524
|
-
},
|
|
520
|
+
}, _react["default"].createElement(_input["default"], {
|
|
525
521
|
placeholder: "name",
|
|
526
522
|
onChange: function onChange(e) {
|
|
527
523
|
wrapper.setProps({
|
|
@@ -550,7 +546,7 @@ describe('Form', function () {
|
|
|
550
546
|
jest.useRealTimers();
|
|
551
547
|
});
|
|
552
548
|
it('cancelSubmit resetValidates', function () {
|
|
553
|
-
var wrapper = (0, _enzyme.mount)(
|
|
549
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(Demo, null));
|
|
554
550
|
expect(wrapper.find('.hi-form')).toHaveLength(1);
|
|
555
551
|
wrapper.find('button').at(0).simulate('click');
|
|
556
552
|
expect(wrapper.find('.hi-form-item--msg__error').find('span')).toHaveLength(1);
|
|
@@ -559,14 +555,14 @@ describe('Form', function () {
|
|
|
559
555
|
wrapper.unmount();
|
|
560
556
|
});
|
|
561
557
|
it('validate When No item', function () {
|
|
562
|
-
var wrapper = (0, _enzyme.mount)(
|
|
558
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(Demo2, null));
|
|
563
559
|
expect(wrapper.find('.hi-form')).toHaveLength(1);
|
|
564
560
|
wrapper.find('button').at(0).simulate('click');
|
|
565
561
|
expect(wrapper.find('.hi-form-item--msg__error').find('span')).toHaveLength(0);
|
|
566
562
|
wrapper.unmount();
|
|
567
563
|
});
|
|
568
564
|
it('validate When No rules', function () {
|
|
569
|
-
var wrapper = (0, _enzyme.mount)(
|
|
565
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(Demo3, null));
|
|
570
566
|
expect(wrapper.find('.hi-form')).toHaveLength(1);
|
|
571
567
|
wrapper.find('button').at(0).simulate('click');
|
|
572
568
|
expect(wrapper.find('.hi-form-item--msg__error').find('span')).toHaveLength(0);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
6
6
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
|
|
@@ -14,21 +14,17 @@ var _simulant = _interopRequireDefault(require("simulant"));
|
|
|
14
14
|
|
|
15
15
|
var _index = _interopRequireDefault(require("../index"));
|
|
16
16
|
|
|
17
|
-
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); }
|
|
18
|
-
|
|
19
|
-
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; }
|
|
20
|
-
|
|
21
17
|
/* eslint-env jest */
|
|
22
18
|
describe('Grid', function () {
|
|
23
19
|
describe('Row&Col.PropTypes', function () {
|
|
24
20
|
it('gutter', function () {
|
|
25
21
|
var Row = _index["default"].Row;
|
|
26
22
|
var Col = _index["default"].Col;
|
|
27
|
-
var wrapper = (0, _enzyme.mount)(
|
|
23
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(Row, {
|
|
28
24
|
gutter: true
|
|
29
|
-
},
|
|
25
|
+
}, _react["default"].createElement(Col, {
|
|
30
26
|
span: 12
|
|
31
|
-
}, "div"),
|
|
27
|
+
}, "div"), _react["default"].createElement(Col, {
|
|
32
28
|
span: 12
|
|
33
29
|
}, "div")));
|
|
34
30
|
expect(wrapper.find('.hi-grid__row').hasClass('hi-grid__row--gutter')).toBeTruthy();
|
|
@@ -36,11 +32,11 @@ describe('Grid', function () {
|
|
|
36
32
|
it('span', function () {
|
|
37
33
|
var Row = _index["default"].Row;
|
|
38
34
|
var Col = _index["default"].Col;
|
|
39
|
-
var wrapper = (0, _enzyme.mount)(
|
|
35
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(Row, null, _react["default"].createElement(Col, null, "div"), _react["default"].createElement(Col, {
|
|
40
36
|
span: 4
|
|
41
|
-
}, "div"),
|
|
37
|
+
}, "div"), _react["default"].createElement(Col, {
|
|
42
38
|
span: 8
|
|
43
|
-
}, "div"),
|
|
39
|
+
}, "div"), _react["default"].createElement(Col, {
|
|
44
40
|
span: 12
|
|
45
41
|
}, "div")));
|
|
46
42
|
expect(wrapper.find('.hi-grid__col-4')).toHaveLength(1);
|
|
@@ -50,11 +46,11 @@ describe('Grid', function () {
|
|
|
50
46
|
it('offset', function () {
|
|
51
47
|
var Row = _index["default"].Row;
|
|
52
48
|
var Col = _index["default"].Col;
|
|
53
|
-
var wrapper = (0, _enzyme.mount)(
|
|
49
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(Row, null, _react["default"].createElement(Col, {
|
|
54
50
|
span: 3
|
|
55
|
-
}, "div"),
|
|
51
|
+
}, "div"), _react["default"].createElement(Col, {
|
|
56
52
|
span: 8
|
|
57
|
-
}, "div"),
|
|
53
|
+
}, "div"), _react["default"].createElement(Col, {
|
|
58
54
|
span: 4,
|
|
59
55
|
offset: 4
|
|
60
56
|
}, "div")));
|
|
@@ -65,23 +61,23 @@ describe('Grid', function () {
|
|
|
65
61
|
it('justify', function () {
|
|
66
62
|
var Row = _index["default"].Row;
|
|
67
63
|
var Col = _index["default"].Col;
|
|
68
|
-
var wrapper = (0, _enzyme.mount)(
|
|
64
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(Row, {
|
|
69
65
|
justify: "center"
|
|
70
|
-
},
|
|
66
|
+
}, _react["default"].createElement(Col, {
|
|
71
67
|
span: 3,
|
|
72
68
|
justify: "flex-start"
|
|
73
|
-
}, "div"),
|
|
69
|
+
}, "div"), _react["default"].createElement(Col, {
|
|
74
70
|
span: 8
|
|
75
|
-
}, "div"),
|
|
71
|
+
}, "div"), _react["default"].createElement(Col, {
|
|
76
72
|
span: 4,
|
|
77
73
|
offset: 4
|
|
78
|
-
}, "div")),
|
|
74
|
+
}, "div")), _react["default"].createElement(Row, {
|
|
79
75
|
justify: "space-between"
|
|
80
|
-
},
|
|
76
|
+
}, _react["default"].createElement(Col, {
|
|
81
77
|
span: 3
|
|
82
|
-
}, "div"),
|
|
78
|
+
}, "div"), _react["default"].createElement(Col, {
|
|
83
79
|
span: 8
|
|
84
|
-
}, "div"),
|
|
80
|
+
}, "div"), _react["default"].createElement(Col, {
|
|
85
81
|
span: 4,
|
|
86
82
|
offset: 4
|
|
87
83
|
}, "div"))));
|
|
@@ -94,11 +90,11 @@ describe('Grid', function () {
|
|
|
94
90
|
var Row = _index["default"].Row;
|
|
95
91
|
var Col = _index["default"].Col;
|
|
96
92
|
var Br = _index["default"].Br;
|
|
97
|
-
var wrapper = (0, _enzyme.mount)(
|
|
93
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(Row, null, _react["default"].createElement(Col, {
|
|
98
94
|
span: 3
|
|
99
|
-
}, "div")),
|
|
95
|
+
}, "div")), _react["default"].createElement(Br, null), _react["default"].createElement(Row, null, _react["default"].createElement(Col, {
|
|
100
96
|
span: 3
|
|
101
97
|
}, "div"))));
|
|
102
|
-
expect(wrapper.containsAnyMatchingElements([
|
|
98
|
+
expect(wrapper.containsAnyMatchingElements([_react["default"].createElement(Br, null)])).toBeTruthy();
|
|
103
99
|
});
|
|
104
100
|
});
|
package/es/grid/index.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
|
|
@@ -13,36 +13,28 @@ 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"));
|
|
25
25
|
|
|
26
26
|
require("./style/index");
|
|
27
27
|
|
|
28
|
-
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); }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
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); }; }
|
|
33
|
-
|
|
34
|
-
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; } }
|
|
35
|
-
|
|
36
28
|
var PropTypes = require('prop-types');
|
|
37
29
|
|
|
38
|
-
var Col =
|
|
30
|
+
var Col =
|
|
31
|
+
/*#__PURE__*/
|
|
32
|
+
function (_Component) {
|
|
39
33
|
(0, _inherits2["default"])(Col, _Component);
|
|
40
34
|
|
|
41
|
-
var _super = _createSuper(Col);
|
|
42
|
-
|
|
43
35
|
function Col() {
|
|
44
36
|
(0, _classCallCheck2["default"])(this, Col);
|
|
45
|
-
return
|
|
37
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Col).apply(this, arguments));
|
|
46
38
|
}
|
|
47
39
|
|
|
48
40
|
(0, _createClass2["default"])(Col, [{
|
|
@@ -74,7 +66,7 @@ var Col = /*#__PURE__*/function (_Component) {
|
|
|
74
66
|
});
|
|
75
67
|
}
|
|
76
68
|
|
|
77
|
-
return
|
|
69
|
+
return _react["default"].createElement("div", {
|
|
78
70
|
id: "".concat(id || ''),
|
|
79
71
|
className: "".concat(colClass, " ").concat(className || ''),
|
|
80
72
|
style: style
|
|
@@ -88,14 +80,14 @@ Col.contextTypes = {
|
|
|
88
80
|
gutter: PropTypes.bool
|
|
89
81
|
};
|
|
90
82
|
|
|
91
|
-
var Row =
|
|
83
|
+
var Row =
|
|
84
|
+
/*#__PURE__*/
|
|
85
|
+
function (_Component2) {
|
|
92
86
|
(0, _inherits2["default"])(Row, _Component2);
|
|
93
87
|
|
|
94
|
-
var _super2 = _createSuper(Row);
|
|
95
|
-
|
|
96
88
|
function Row() {
|
|
97
89
|
(0, _classCallCheck2["default"])(this, Row);
|
|
98
|
-
return
|
|
90
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Row).apply(this, arguments));
|
|
99
91
|
}
|
|
100
92
|
|
|
101
93
|
(0, _createClass2["default"])(Row, [{
|
|
@@ -127,7 +119,7 @@ var Row = /*#__PURE__*/function (_Component2) {
|
|
|
127
119
|
});
|
|
128
120
|
}
|
|
129
121
|
|
|
130
|
-
return
|
|
122
|
+
return _react["default"].createElement("div", {
|
|
131
123
|
id: "".concat(id || ''),
|
|
132
124
|
className: "".concat(rowClass, " ").concat(className || ''),
|
|
133
125
|
style: style
|
|
@@ -141,14 +133,14 @@ Row.childContextTypes = {
|
|
|
141
133
|
gutter: PropTypes.bool
|
|
142
134
|
};
|
|
143
135
|
|
|
144
|
-
var Br =
|
|
136
|
+
var Br =
|
|
137
|
+
/*#__PURE__*/
|
|
138
|
+
function (_Component3) {
|
|
145
139
|
(0, _inherits2["default"])(Br, _Component3);
|
|
146
140
|
|
|
147
|
-
var _super3 = _createSuper(Br);
|
|
148
|
-
|
|
149
141
|
function Br() {
|
|
150
142
|
(0, _classCallCheck2["default"])(this, Br);
|
|
151
|
-
return
|
|
143
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Br).apply(this, arguments));
|
|
152
144
|
}
|
|
153
145
|
|
|
154
146
|
(0, _createClass2["default"])(Br, [{
|
|
@@ -160,7 +152,7 @@ var Br = /*#__PURE__*/function (_Component3) {
|
|
|
160
152
|
_this$props3$style = _this$props3.style,
|
|
161
153
|
style = _this$props3$style === void 0 ? {} : _this$props3$style;
|
|
162
154
|
style.height = parseInt(height) + 'px';
|
|
163
|
-
return
|
|
155
|
+
return _react["default"].createElement("div", {
|
|
164
156
|
style: style
|
|
165
157
|
});
|
|
166
158
|
}
|