@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
|
@@ -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,12 +15,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
15
15
|
|
|
16
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
17
|
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
18
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
19
|
|
|
22
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
21
|
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
|
|
24
24
|
var _react = _interopRequireWildcard(require("react"));
|
|
25
25
|
|
|
26
26
|
var _Calender = _interopRequireDefault(require("./Calender"));
|
|
@@ -39,24 +39,16 @@ var _TimePeriodPanel = _interopRequireDefault(require("./TimePeriodPanel"));
|
|
|
39
39
|
|
|
40
40
|
var _dateUtil = require("./dateUtil");
|
|
41
41
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
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); }; }
|
|
47
|
-
|
|
48
|
-
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; } }
|
|
49
|
-
|
|
50
|
-
var DatePanel = /*#__PURE__*/function (_Component) {
|
|
42
|
+
var DatePanel =
|
|
43
|
+
/*#__PURE__*/
|
|
44
|
+
function (_Component) {
|
|
51
45
|
(0, _inherits2["default"])(DatePanel, _Component);
|
|
52
46
|
|
|
53
|
-
var _super = _createSuper(DatePanel);
|
|
54
|
-
|
|
55
47
|
function DatePanel(props) {
|
|
56
48
|
var _this;
|
|
57
49
|
|
|
58
50
|
(0, _classCallCheck2["default"])(this, DatePanel);
|
|
59
|
-
_this =
|
|
51
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(DatePanel).call(this, props));
|
|
60
52
|
_this.state = {
|
|
61
53
|
date: props.date,
|
|
62
54
|
currentView: props.type,
|
|
@@ -142,7 +134,7 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
142
134
|
value: function renderInput() {
|
|
143
135
|
var _this2 = this;
|
|
144
136
|
|
|
145
|
-
return
|
|
137
|
+
return _react["default"].createElement("input", {
|
|
146
138
|
type: "text",
|
|
147
139
|
className: "dp-input",
|
|
148
140
|
onClick: function onClick() {
|
|
@@ -237,42 +229,42 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
237
229
|
value: function renderHeader(type, value) {
|
|
238
230
|
var _this3 = this;
|
|
239
231
|
|
|
240
|
-
return
|
|
232
|
+
return _react["default"].createElement("div", {
|
|
241
233
|
className: "hi-datepicker-legacy__header"
|
|
242
|
-
},
|
|
234
|
+
}, _react["default"].createElement("div", {
|
|
243
235
|
className: "hi-datepicker-legacy__header-btns"
|
|
244
|
-
},
|
|
236
|
+
}, _react["default"].createElement("span", {
|
|
245
237
|
onClick: function onClick() {
|
|
246
238
|
return _this3.changeYear(true);
|
|
247
239
|
}
|
|
248
|
-
},
|
|
240
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
249
241
|
name: "double-left"
|
|
250
|
-
})), type !== 'month' && type !== 'year' &&
|
|
242
|
+
})), type !== 'month' && type !== 'year' && _react["default"].createElement("span", {
|
|
251
243
|
onClick: function onClick() {
|
|
252
244
|
return _this3.changeMonth(true);
|
|
253
245
|
}
|
|
254
|
-
},
|
|
246
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
255
247
|
name: "left"
|
|
256
|
-
}))),
|
|
248
|
+
}))), _react["default"].createElement("span", {
|
|
257
249
|
className: "hi-datepicker-legacy__header-text",
|
|
258
250
|
onClick: function onClick() {
|
|
259
251
|
return _this3.setState({
|
|
260
252
|
currentView: 'year'
|
|
261
253
|
});
|
|
262
254
|
}
|
|
263
|
-
}, this.getHeaderCenterContent()),
|
|
255
|
+
}, this.getHeaderCenterContent()), _react["default"].createElement("div", {
|
|
264
256
|
className: "hi-datepicker-legacy__header-btns"
|
|
265
|
-
}, type !== 'month' && type !== 'year' &&
|
|
257
|
+
}, type !== 'month' && type !== 'year' && _react["default"].createElement("span", {
|
|
266
258
|
onClick: function onClick() {
|
|
267
259
|
return _this3.changeMonth(false);
|
|
268
260
|
}
|
|
269
|
-
},
|
|
261
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
270
262
|
name: "right"
|
|
271
|
-
})),
|
|
263
|
+
})), _react["default"].createElement("span", {
|
|
272
264
|
onClick: function onClick() {
|
|
273
265
|
return _this3.changeYear(false);
|
|
274
266
|
}
|
|
275
|
-
},
|
|
267
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
276
268
|
name: "double-right"
|
|
277
269
|
}))));
|
|
278
270
|
}
|
|
@@ -379,7 +371,7 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
379
371
|
case 'date':
|
|
380
372
|
case 'timeperiod':
|
|
381
373
|
case 'week':
|
|
382
|
-
component =
|
|
374
|
+
component = _react["default"].createElement(_Calender["default"], {
|
|
383
375
|
date: date,
|
|
384
376
|
weekOffset: weekOffset,
|
|
385
377
|
minDate: minDate,
|
|
@@ -391,7 +383,7 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
391
383
|
|
|
392
384
|
case 'year':
|
|
393
385
|
var yearData = this.getYearOrMonthData(year, 'year');
|
|
394
|
-
component =
|
|
386
|
+
component = _react["default"].createElement(_Calender["default"], {
|
|
395
387
|
date: date,
|
|
396
388
|
data: yearData,
|
|
397
389
|
type: currentView,
|
|
@@ -401,7 +393,7 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
401
393
|
|
|
402
394
|
case 'month':
|
|
403
395
|
var monthData = this.getYearOrMonthData(month, 'month');
|
|
404
|
-
component =
|
|
396
|
+
component = _react["default"].createElement(_Calender["default"], {
|
|
405
397
|
date: date,
|
|
406
398
|
data: monthData,
|
|
407
399
|
type: currentView,
|
|
@@ -410,7 +402,7 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
410
402
|
break;
|
|
411
403
|
|
|
412
404
|
default:
|
|
413
|
-
component =
|
|
405
|
+
component = _react["default"].createElement(_Calender["default"], (0, _extends2["default"])({}, this.props, {
|
|
414
406
|
date: date,
|
|
415
407
|
onClick: function onClick(data) {
|
|
416
408
|
_this4.changeDay(data.value);
|
|
@@ -436,19 +428,19 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
436
428
|
var _c = (0, _classnames["default"])('hi-datepicker-legacy', theme && 'theme__' + theme);
|
|
437
429
|
|
|
438
430
|
var bodyCls = (0, _classnames["default"])('hi-datepicker-legacy__body', showTime && 'hi-datepicker-legacy__body--hastime', type === 'timeperiod' && 'hi-datepicker-legacy__body--period');
|
|
439
|
-
return
|
|
431
|
+
return _react["default"].createElement("div", {
|
|
440
432
|
style: this.props.style,
|
|
441
433
|
className: _c
|
|
442
|
-
},
|
|
434
|
+
}, _react["default"].createElement("div", {
|
|
443
435
|
className: bodyCls
|
|
444
|
-
},
|
|
436
|
+
}, _react["default"].createElement("div", {
|
|
445
437
|
className: "hi-datepicker-legacy__panel hi-datepicker-legacy__panel--left"
|
|
446
|
-
}, currentView !== 'time' && this.renderHeader(currentView, date),
|
|
438
|
+
}, currentView !== 'time' && this.renderHeader(currentView, date), _react["default"].createElement("div", {
|
|
447
439
|
className: "hi-datepicker-legacy__calender-container hi-datepicker-legacy__calender-container--".concat(currentView)
|
|
448
|
-
}, this._getNormalComponent())), showTime &&
|
|
440
|
+
}, this._getNormalComponent())), showTime && _react["default"].createElement(_TimePanel["default"], (0, _extends2["default"])({}, this.props, {
|
|
449
441
|
onPick: this.onTimePick.bind(this) // date={date}
|
|
450
442
|
|
|
451
|
-
})), type === 'timeperiod' &&
|
|
443
|
+
})), type === 'timeperiod' && _react["default"].createElement(_TimePeriodPanel["default"], {
|
|
452
444
|
timeInterval: timeInterval,
|
|
453
445
|
onTimePeriodPick: this.onTimePeriodPick.bind(this),
|
|
454
446
|
date: date
|
|
@@ -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 = _interopRequireDefault(require("react"));
|
|
23
23
|
|
|
24
24
|
var _BasePicker2 = _interopRequireDefault(require("./BasePicker"));
|
|
@@ -29,18 +29,14 @@ var _DateRangePanel = _interopRequireDefault(require("./DateRangePanel"));
|
|
|
29
29
|
|
|
30
30
|
var _WeekRangePanel = _interopRequireDefault(require("./WeekRangePanel"));
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
32
|
+
var DatePicker =
|
|
33
|
+
/*#__PURE__*/
|
|
34
|
+
function (_BasePicker) {
|
|
37
35
|
(0, _inherits2["default"])(DatePicker, _BasePicker);
|
|
38
36
|
|
|
39
|
-
var _super = _createSuper(DatePicker);
|
|
40
|
-
|
|
41
37
|
function DatePicker() {
|
|
42
38
|
(0, _classCallCheck2["default"])(this, DatePicker);
|
|
43
|
-
return
|
|
39
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(DatePicker).apply(this, arguments));
|
|
44
40
|
}
|
|
45
41
|
|
|
46
42
|
(0, _createClass2["default"])(DatePicker, [{
|
|
@@ -61,7 +57,7 @@ var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
61
57
|
case 'year':
|
|
62
58
|
case 'week':
|
|
63
59
|
case 'date':
|
|
64
|
-
component =
|
|
60
|
+
component = _react["default"].createElement(_DatePanel["default"], (0, _extends2["default"])({}, props, {
|
|
65
61
|
date: state.date,
|
|
66
62
|
onPick: this.onPick.bind(this),
|
|
67
63
|
style: state.style
|
|
@@ -69,7 +65,7 @@ var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
69
65
|
break;
|
|
70
66
|
|
|
71
67
|
case 'timeperiod':
|
|
72
|
-
component =
|
|
68
|
+
component = _react["default"].createElement(_DatePanel["default"], (0, _extends2["default"])({}, props, {
|
|
73
69
|
date: state.date.startDate,
|
|
74
70
|
onPick: this.onPick.bind(this),
|
|
75
71
|
style: state.style
|
|
@@ -77,7 +73,7 @@ var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
77
73
|
break;
|
|
78
74
|
|
|
79
75
|
case 'daterange':
|
|
80
|
-
component =
|
|
76
|
+
component = _react["default"].createElement(_DateRangePanel["default"], (0, _extends2["default"])({}, props, {
|
|
81
77
|
date: d,
|
|
82
78
|
onPick: this.onPick.bind(this),
|
|
83
79
|
style: state.style
|
|
@@ -85,7 +81,7 @@ var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
85
81
|
break;
|
|
86
82
|
|
|
87
83
|
case 'weekrange':
|
|
88
|
-
component =
|
|
84
|
+
component = _react["default"].createElement(_WeekRangePanel["default"], (0, _extends2["default"])({}, props, {
|
|
89
85
|
date: d,
|
|
90
86
|
range: state.range,
|
|
91
87
|
onPick: this.onPick.bind(this),
|
|
@@ -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,12 +17,12 @@ 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 _Calender = _interopRequireDefault(require("./Calender"));
|
|
@@ -41,24 +41,16 @@ var _dateUtil = require("./dateUtil");
|
|
|
41
41
|
|
|
42
42
|
var _TimeRangePanel = _interopRequireDefault(require("./TimeRangePanel"));
|
|
43
43
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
function
|
|
47
|
-
|
|
48
|
-
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); }; }
|
|
49
|
-
|
|
50
|
-
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; } }
|
|
51
|
-
|
|
52
|
-
var DatePanel = /*#__PURE__*/function (_Component) {
|
|
44
|
+
var DatePanel =
|
|
45
|
+
/*#__PURE__*/
|
|
46
|
+
function (_Component) {
|
|
53
47
|
(0, _inherits2["default"])(DatePanel, _Component);
|
|
54
48
|
|
|
55
|
-
var _super = _createSuper(DatePanel);
|
|
56
|
-
|
|
57
49
|
function DatePanel(props) {
|
|
58
50
|
var _this;
|
|
59
51
|
|
|
60
52
|
(0, _classCallCheck2["default"])(this, DatePanel);
|
|
61
|
-
_this =
|
|
53
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(DatePanel).call(this, props));
|
|
62
54
|
var _props$date = props.date,
|
|
63
55
|
startDate = _props$date.startDate,
|
|
64
56
|
endDate = _props$date.endDate;
|
|
@@ -84,7 +76,7 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
84
76
|
endDate: endDate,
|
|
85
77
|
selecting: false
|
|
86
78
|
};
|
|
87
|
-
_this.maskRef =
|
|
79
|
+
_this.maskRef = _react["default"].createRef();
|
|
88
80
|
_this.state = {
|
|
89
81
|
date: leftDate,
|
|
90
82
|
currentView: props.type || 'date',
|
|
@@ -268,37 +260,37 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
268
260
|
year = _deconstructDate3.year,
|
|
269
261
|
month = _deconstructDate3.month;
|
|
270
262
|
|
|
271
|
-
return
|
|
263
|
+
return _react["default"].createElement("div", {
|
|
272
264
|
className: "hi-datepicker-legacy__header"
|
|
273
|
-
},
|
|
265
|
+
}, _react["default"].createElement("div", {
|
|
274
266
|
className: "hi-datepicker-legacy__header-btns"
|
|
275
|
-
},
|
|
267
|
+
}, _react["default"].createElement("span", {
|
|
276
268
|
onClick: function onClick() {
|
|
277
269
|
return _this2.changeYear(true, lr);
|
|
278
270
|
}
|
|
279
|
-
},
|
|
271
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
280
272
|
name: "double-left"
|
|
281
|
-
})), type.indexOf('date') !== -1 &&
|
|
273
|
+
})), type.indexOf('date') !== -1 && _react["default"].createElement("span", {
|
|
282
274
|
onClick: function onClick() {
|
|
283
275
|
return _this2.changeMonth(true, lr);
|
|
284
276
|
}
|
|
285
|
-
},
|
|
277
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
286
278
|
name: "left"
|
|
287
|
-
}))),
|
|
279
|
+
}))), _react["default"].createElement("span", {
|
|
288
280
|
className: "hi-datepicker-legacy__header-text"
|
|
289
|
-
}, this.getHeaderCenterContent(year, month)),
|
|
281
|
+
}, this.getHeaderCenterContent(year, month)), _react["default"].createElement("div", {
|
|
290
282
|
className: "hi-datepicker-legacy__header-btns"
|
|
291
|
-
}, type.indexOf('date') !== -1 &&
|
|
283
|
+
}, type.indexOf('date') !== -1 && _react["default"].createElement("span", {
|
|
292
284
|
onClick: function onClick() {
|
|
293
285
|
return _this2.changeMonth(false, lr);
|
|
294
286
|
}
|
|
295
|
-
},
|
|
287
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
296
288
|
name: "right"
|
|
297
|
-
})),
|
|
289
|
+
})), _react["default"].createElement("span", {
|
|
298
290
|
onClick: function onClick() {
|
|
299
291
|
return _this2.changeYear(false, lr);
|
|
300
292
|
}
|
|
301
|
-
},
|
|
293
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
302
294
|
name: "double-right"
|
|
303
295
|
}))));
|
|
304
296
|
}
|
|
@@ -369,10 +361,10 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
369
361
|
value: function renderShortcut(shortcuts) {
|
|
370
362
|
var _this3 = this;
|
|
371
363
|
|
|
372
|
-
return
|
|
364
|
+
return _react["default"].createElement("div", {
|
|
373
365
|
className: "hi-datepicker-legacy__shortcuts"
|
|
374
366
|
}, shortcuts.map(function (m, n) {
|
|
375
|
-
return
|
|
367
|
+
return _react["default"].createElement("p", {
|
|
376
368
|
key: n // onMouseOver={this.shortcutsMouseEvent.bind(this)}
|
|
377
369
|
,
|
|
378
370
|
onClick: _this3.shortcutsClickEvent.bind(_this3)
|
|
@@ -396,7 +388,7 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
396
388
|
showMask = _this$state3.showMask;
|
|
397
389
|
var format = 'HH:mm:ss';
|
|
398
390
|
var cls = (0, _classnames["default"])(showMask && 'hi-datepicker-legacy__time-text');
|
|
399
|
-
return
|
|
391
|
+
return _react["default"].createElement("span", {
|
|
400
392
|
className: cls
|
|
401
393
|
}, "".concat((0, _dateUtil.dateFormat)(leftDate, format), " - ").concat((0, _dateUtil.dateFormat)(rightDate, format)));
|
|
402
394
|
}
|
|
@@ -430,16 +422,16 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
430
422
|
var _c = (0, _classnames["default"])('hi-datepicker-legacy', theme && 'theme__' + theme);
|
|
431
423
|
|
|
432
424
|
var bodyCls = (0, _classnames["default"])('hi-datepicker-legacy__body', 'hi-datepicker-legacy__body--range', shortcuts && 'hi-datepicker-legacy__body--shortcuts');
|
|
433
|
-
return
|
|
425
|
+
return _react["default"].createElement("div", {
|
|
434
426
|
style: this.props.style,
|
|
435
427
|
className: _c
|
|
436
|
-
},
|
|
428
|
+
}, _react["default"].createElement("div", {
|
|
437
429
|
className: bodyCls
|
|
438
|
-
}, shortcuts && this.renderShortcut(shortcuts),
|
|
430
|
+
}, shortcuts && this.renderShortcut(shortcuts), _react["default"].createElement("div", {
|
|
439
431
|
className: "hi-datepicker-legacy__panel hi-datepicker-legacy__panel--left"
|
|
440
|
-
}, this.renderHeader(currentView, leftDate, 'left'),
|
|
432
|
+
}, this.renderHeader(currentView, leftDate, 'left'), _react["default"].createElement("div", {
|
|
441
433
|
className: "hi-datepicker-legacy__calender-container hi-datepicker-legacy__calender-container--".concat(currentView)
|
|
442
|
-
},
|
|
434
|
+
}, _react["default"].createElement(_Calender["default"], {
|
|
443
435
|
date: leftDate,
|
|
444
436
|
range: range,
|
|
445
437
|
type: currentView,
|
|
@@ -447,11 +439,11 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
447
439
|
maxDate: maxDate,
|
|
448
440
|
onPick: this.pick.bind(this),
|
|
449
441
|
mouseMove: this.onMouseMoveHandler.bind(this)
|
|
450
|
-
}))),
|
|
442
|
+
}))), _react["default"].createElement("div", {
|
|
451
443
|
className: "hi-datepicker-legacy__panel hi-datepicker-legacy__panel--right"
|
|
452
|
-
}, this.renderHeader(currentView, rightDate, 'right'),
|
|
444
|
+
}, this.renderHeader(currentView, rightDate, 'right'), _react["default"].createElement("div", {
|
|
453
445
|
className: "hi-datepicker-legacy__calender-container hi-datepicker-legacy__calender-container--".concat(currentView)
|
|
454
|
-
},
|
|
446
|
+
}, _react["default"].createElement(_Calender["default"], {
|
|
455
447
|
date: rightDate,
|
|
456
448
|
range: range,
|
|
457
449
|
minDate: minDate,
|
|
@@ -459,10 +451,10 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
459
451
|
type: currentView,
|
|
460
452
|
onPick: this.pick.bind(this),
|
|
461
453
|
mouseMove: this.onMouseMoveHandler.bind(this)
|
|
462
|
-
})))), showTime &&
|
|
454
|
+
})))), showTime && _react["default"].createElement("div", {
|
|
463
455
|
className: "hi-datepicker-legacy__footer",
|
|
464
456
|
onClick: this.selectTimeEvent.bind(this)
|
|
465
|
-
}, this.getRangeDateStr()), showMask &&
|
|
457
|
+
}, this.getRangeDateStr()), showMask && _react["default"].createElement("div", {
|
|
466
458
|
className: "hi-datepicker-legacy__mask",
|
|
467
459
|
ref: this.maskRef,
|
|
468
460
|
onClick: function onClick() {
|
|
@@ -470,7 +462,7 @@ var DatePanel = /*#__PURE__*/function (_Component) {
|
|
|
470
462
|
showMask: false
|
|
471
463
|
});
|
|
472
464
|
}
|
|
473
|
-
}), showMask &&
|
|
465
|
+
}), showMask && _react["default"].createElement(_TimeRangePanel["default"], (0, _extends2["default"])({}, this.props, {
|
|
474
466
|
style: {
|
|
475
467
|
position: 'absolute',
|
|
476
468
|
top: 5,
|
|
@@ -11,32 +11,28 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
11
11
|
|
|
12
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
13
|
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
14
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
15
|
|
|
18
16
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
17
|
|
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
+
|
|
20
20
|
var _react = require("react");
|
|
21
21
|
|
|
22
22
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
23
23
|
|
|
24
24
|
var _reactClickOutside = _interopRequireDefault(require("react-click-outside"));
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
var Modal = /*#__PURE__*/function (_Component) {
|
|
26
|
+
var Modal =
|
|
27
|
+
/*#__PURE__*/
|
|
28
|
+
function (_Component) {
|
|
31
29
|
(0, _inherits2["default"])(Modal, _Component);
|
|
32
30
|
|
|
33
|
-
var _super = _createSuper(Modal);
|
|
34
|
-
|
|
35
31
|
function Modal(props) {
|
|
36
32
|
var _this;
|
|
37
33
|
|
|
38
34
|
(0, _classCallCheck2["default"])(this, Modal);
|
|
39
|
-
_this =
|
|
35
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Modal).call(this, props));
|
|
40
36
|
_this.el = document.createElement('div');
|
|
41
37
|
_this._body = document.body;
|
|
42
38
|
return _this;
|
|
@@ -60,7 +56,7 @@ var Modal = /*#__PURE__*/function (_Component) {
|
|
|
60
56
|
}, {
|
|
61
57
|
key: "render",
|
|
62
58
|
value: function render() {
|
|
63
|
-
return
|
|
59
|
+
return _reactDom["default"].createPortal(this.props.children, this.el);
|
|
64
60
|
}
|
|
65
61
|
}]);
|
|
66
62
|
return Modal;
|