@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
|
@@ -13,14 +13,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
13
13
|
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
|
|
16
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
17
|
|
|
22
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
19
|
|
|
20
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
+
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
26
26
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -41,24 +41,20 @@ var _context = _interopRequireDefault(require("../context"));
|
|
|
41
41
|
|
|
42
42
|
var _util = require("./util");
|
|
43
43
|
|
|
44
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly)
|
|
44
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
45
45
|
|
|
46
46
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
47
47
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
function
|
|
51
|
-
|
|
52
|
-
var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
48
|
+
var DatePicker =
|
|
49
|
+
/*#__PURE__*/
|
|
50
|
+
function (_BasePicker) {
|
|
53
51
|
(0, _inherits2["default"])(DatePicker, _BasePicker);
|
|
54
52
|
|
|
55
|
-
var _super = _createSuper(DatePicker);
|
|
56
|
-
|
|
57
53
|
function DatePicker(props) {
|
|
58
54
|
var _this;
|
|
59
55
|
|
|
60
56
|
(0, _classCallCheck2["default"])(this, DatePicker);
|
|
61
|
-
_this =
|
|
57
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(DatePicker).call(this, props));
|
|
62
58
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_altCalendarData", function (allPRCDate) {
|
|
63
59
|
var allData = {};
|
|
64
60
|
_this.props.altCalendar.length > 0 && _this.props.altCalendar.forEach(function (item) {
|
|
@@ -99,7 +95,7 @@ var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
99
95
|
var oneYear = {};
|
|
100
96
|
|
|
101
97
|
res.data[key][_urlKey].forEach(function (item) {
|
|
102
|
-
Object.assign(oneYear, (0, _defineProperty2["default"])({}, item.date.replace(/-/g, '/'), _objectSpread(
|
|
98
|
+
Object.assign(oneYear, (0, _defineProperty2["default"])({}, item.date.replace(/-/g, '/'), _objectSpread({}, item, {
|
|
103
99
|
highlight: altCalendarPreset === 'id-ID'
|
|
104
100
|
})));
|
|
105
101
|
});
|
|
@@ -130,9 +126,9 @@ var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
130
126
|
var allPRCDate = {};
|
|
131
127
|
Object.keys(res.data).forEach(function (key) {
|
|
132
128
|
Object.keys(res.data[key].PRCHoliday).forEach(function (elkey) {
|
|
133
|
-
allPRCDate[elkey.replace(/-/g, '/')] = res.data[key].PRCHoliday[elkey] === '1' ?
|
|
129
|
+
allPRCDate[elkey.replace(/-/g, '/')] = res.data[key].PRCHoliday[elkey] === '1' ? _react["default"].createElement("span", {
|
|
134
130
|
className: "hi-datepicker__text\u2014\u2014holiday hi-datepicker__text\u2014\u2014holiday--rest"
|
|
135
|
-
}, "\u4F11") :
|
|
131
|
+
}, "\u4F11") : _react["default"].createElement("span", {
|
|
136
132
|
className: "hi-datepicker__text\u2014\u2014holiday hi-datepicker__text\u2014\u2014holiday--work"
|
|
137
133
|
}, "\u73ED");
|
|
138
134
|
});
|
|
@@ -152,7 +148,7 @@ var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
152
148
|
case 'year':
|
|
153
149
|
case 'week':
|
|
154
150
|
case 'date':
|
|
155
|
-
component =
|
|
151
|
+
component = _react["default"].createElement(_DatePanel["default"], (0, _extends2["default"])({}, props, {
|
|
156
152
|
altCalendarPresetData: this.altCalendarPresetData,
|
|
157
153
|
dateMarkPresetData: this.dateMarkPresetData,
|
|
158
154
|
date: state.date,
|
|
@@ -163,7 +159,7 @@ var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
163
159
|
break;
|
|
164
160
|
|
|
165
161
|
case 'timeperiod':
|
|
166
|
-
component =
|
|
162
|
+
component = _react["default"].createElement(_DatePanel["default"], (0, _extends2["default"])({}, props, {
|
|
167
163
|
altCalendarPresetData: this.altCalendarPresetData,
|
|
168
164
|
dateMarkPresetData: this.dateMarkPresetData,
|
|
169
165
|
format: this.state.format,
|
|
@@ -174,7 +170,7 @@ var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
174
170
|
break;
|
|
175
171
|
|
|
176
172
|
case 'daterange':
|
|
177
|
-
component =
|
|
173
|
+
component = _react["default"].createElement(_DateRangePanel["default"], (0, _extends2["default"])({}, props, {
|
|
178
174
|
altCalendarPresetData: this.altCalendarPresetData,
|
|
179
175
|
dateMarkPresetData: this.dateMarkPresetData,
|
|
180
176
|
format: this.state.format,
|
|
@@ -186,7 +182,7 @@ var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
186
182
|
|
|
187
183
|
case 'yearrange':
|
|
188
184
|
case 'monthrange':
|
|
189
|
-
component =
|
|
185
|
+
component = _react["default"].createElement(_YMRangePanel["default"], (0, _extends2["default"])({}, props, {
|
|
190
186
|
format: this.state.format,
|
|
191
187
|
date: d,
|
|
192
188
|
onPick: this.onPick.bind(this),
|
|
@@ -195,7 +191,7 @@ var DatePicker = /*#__PURE__*/function (_BasePicker) {
|
|
|
195
191
|
break;
|
|
196
192
|
|
|
197
193
|
case 'weekrange':
|
|
198
|
-
component =
|
|
194
|
+
component = _react["default"].createElement(_WeekRangePanel["default"], (0, _extends2["default"])({}, props, {
|
|
199
195
|
format: this.state.format,
|
|
200
196
|
date: d,
|
|
201
197
|
range: state.range,
|
|
@@ -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,28 +41,20 @@ var _dateUtil = require("./dateUtil");
|
|
|
41
41
|
|
|
42
42
|
var _TimeRangePanel = _interopRequireDefault(require("./TimeRangePanel"));
|
|
43
43
|
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
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; }
|
|
47
|
-
|
|
48
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
44
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
49
45
|
|
|
50
46
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
51
47
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
function
|
|
55
|
-
|
|
56
|
-
var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
48
|
+
var DateRangePanel =
|
|
49
|
+
/*#__PURE__*/
|
|
50
|
+
function (_Component) {
|
|
57
51
|
(0, _inherits2["default"])(DateRangePanel, _Component);
|
|
58
52
|
|
|
59
|
-
var _super = _createSuper(DateRangePanel);
|
|
60
|
-
|
|
61
53
|
function DateRangePanel(props) {
|
|
62
54
|
var _this;
|
|
63
55
|
|
|
64
56
|
(0, _classCallCheck2["default"])(this, DateRangePanel);
|
|
65
|
-
_this =
|
|
57
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(DateRangePanel).call(this, props));
|
|
66
58
|
var _props$date = props.date,
|
|
67
59
|
startDate = _props$date.startDate,
|
|
68
60
|
endDate = _props$date.endDate;
|
|
@@ -88,7 +80,7 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
88
80
|
endDate: endDate,
|
|
89
81
|
selecting: false
|
|
90
82
|
};
|
|
91
|
-
_this.maskRef =
|
|
83
|
+
_this.maskRef = _react["default"].createRef();
|
|
92
84
|
_this.state = {
|
|
93
85
|
date: leftDate,
|
|
94
86
|
currentView: props.type || 'date',
|
|
@@ -214,23 +206,23 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
214
206
|
year = _deconstructDate3.year,
|
|
215
207
|
month = _deconstructDate3.month;
|
|
216
208
|
|
|
217
|
-
return
|
|
209
|
+
return _react["default"].createElement("div", {
|
|
218
210
|
className: "hi-datepicker__header"
|
|
219
|
-
},
|
|
211
|
+
}, _react["default"].createElement("div", {
|
|
220
212
|
className: "hi-datepicker__header-btns"
|
|
221
|
-
},
|
|
213
|
+
}, _react["default"].createElement("span", {
|
|
222
214
|
onClick: function onClick() {
|
|
223
215
|
return _this2.changeYear(true, lr);
|
|
224
216
|
}
|
|
225
|
-
},
|
|
217
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
226
218
|
name: "double-left"
|
|
227
|
-
})), type.indexOf('date') !== -1 &&
|
|
219
|
+
})), type.indexOf('date') !== -1 && _react["default"].createElement("span", {
|
|
228
220
|
onClick: function onClick() {
|
|
229
221
|
return _this2.changeMonth(true, lr);
|
|
230
222
|
}
|
|
231
|
-
},
|
|
223
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
232
224
|
name: "left"
|
|
233
|
-
}))),
|
|
225
|
+
}))), _react["default"].createElement("span", {
|
|
234
226
|
className: "hi-datepicker__header-text",
|
|
235
227
|
onClick: function onClick() {
|
|
236
228
|
var layout = Object.assign({}, _this2.state.layout, (0, _defineProperty2["default"])({}, lr, 'year'));
|
|
@@ -239,19 +231,19 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
239
231
|
layout: layout
|
|
240
232
|
});
|
|
241
233
|
}
|
|
242
|
-
}, this.getHeaderCenterContent(year, month, lr)),
|
|
234
|
+
}, this.getHeaderCenterContent(year, month, lr)), _react["default"].createElement("div", {
|
|
243
235
|
className: "hi-datepicker__header-btns"
|
|
244
|
-
}, type.indexOf('date') !== -1 &&
|
|
236
|
+
}, type.indexOf('date') !== -1 && _react["default"].createElement("span", {
|
|
245
237
|
onClick: function onClick() {
|
|
246
238
|
return _this2.changeMonth(false, lr);
|
|
247
239
|
}
|
|
248
|
-
},
|
|
240
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
249
241
|
name: "right"
|
|
250
|
-
})),
|
|
242
|
+
})), _react["default"].createElement("span", {
|
|
251
243
|
onClick: function onClick() {
|
|
252
244
|
return _this2.changeYear(false, lr);
|
|
253
245
|
}
|
|
254
|
-
},
|
|
246
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
255
247
|
name: "double-right"
|
|
256
248
|
}))));
|
|
257
249
|
}
|
|
@@ -332,10 +324,10 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
332
324
|
value: function renderShortcut(shortcuts) {
|
|
333
325
|
var _this3 = this;
|
|
334
326
|
|
|
335
|
-
return
|
|
327
|
+
return _react["default"].createElement("div", {
|
|
336
328
|
className: "hi-datepicker__shortcuts"
|
|
337
329
|
}, shortcuts.map(function (m, n) {
|
|
338
|
-
return
|
|
330
|
+
return _react["default"].createElement("p", {
|
|
339
331
|
key: n,
|
|
340
332
|
onClick: _this3.shortcutsClickEvent.bind(_this3)
|
|
341
333
|
}, m);
|
|
@@ -352,7 +344,7 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
352
344
|
var format = this.props.format;
|
|
353
345
|
format = format.substr(format.match(/[H|h]\s*/).index);
|
|
354
346
|
var cls = (0, _classnames["default"])(showMask && 'hi-datepicker__time-text');
|
|
355
|
-
return
|
|
347
|
+
return _react["default"].createElement("span", {
|
|
356
348
|
className: cls
|
|
357
349
|
}, "".concat((0, _dateUtil.dateFormat)(range.startDate ? range.startDate : leftDate, format), " - ").concat((0, _dateUtil.dateFormat)(range.endDate ? range.endDate : rightDate, format)));
|
|
358
350
|
}
|
|
@@ -408,7 +400,7 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
408
400
|
rightDate: date
|
|
409
401
|
};
|
|
410
402
|
|
|
411
|
-
this.setState(_objectSpread(
|
|
403
|
+
this.setState(_objectSpread({}, _d, {
|
|
412
404
|
layout: layout
|
|
413
405
|
}));
|
|
414
406
|
}
|
|
@@ -423,7 +415,7 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
423
415
|
rightDate: date
|
|
424
416
|
};
|
|
425
417
|
|
|
426
|
-
this.setState(_objectSpread(
|
|
418
|
+
this.setState(_objectSpread({}, _d, {
|
|
427
419
|
layout: layout
|
|
428
420
|
}));
|
|
429
421
|
}
|
|
@@ -455,7 +447,7 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
455
447
|
switch (layout[flag]) {
|
|
456
448
|
case 'year':
|
|
457
449
|
var yearData = this.getYearOrMonthData(year, 'year');
|
|
458
|
-
component =
|
|
450
|
+
component = _react["default"].createElement(_Calender["default"], {
|
|
459
451
|
altCalendar: altCalendar,
|
|
460
452
|
altCalendarPreset: altCalendarPreset,
|
|
461
453
|
dateMarkRender: dateMarkRender,
|
|
@@ -471,7 +463,7 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
471
463
|
|
|
472
464
|
case 'month':
|
|
473
465
|
var monthData = this.getYearOrMonthData(month, 'month', year);
|
|
474
|
-
component =
|
|
466
|
+
component = _react["default"].createElement(_Calender["default"], {
|
|
475
467
|
altCalendarPresetData: altCalendarPresetData,
|
|
476
468
|
dateMarkPresetData: dateMarkPresetData,
|
|
477
469
|
altCalendar: altCalendar,
|
|
@@ -488,7 +480,7 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
488
480
|
break;
|
|
489
481
|
|
|
490
482
|
default:
|
|
491
|
-
component =
|
|
483
|
+
component = _react["default"].createElement(_Calender["default"], {
|
|
492
484
|
altCalendarPresetData: altCalendarPresetData,
|
|
493
485
|
dateMarkPresetData: dateMarkPresetData,
|
|
494
486
|
altCalendar: altCalendar,
|
|
@@ -531,23 +523,23 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
531
523
|
var _c = (0, _classnames["default"])('hi-datepicker', theme && 'theme__' + theme);
|
|
532
524
|
|
|
533
525
|
var bodyCls = (0, _classnames["default"])('hi-datepicker__body', 'hi-datepicker__body--range', shortcuts && 'hi-datepicker__body--shortcuts', shortcuts && (0, _util.showLargeCalendar)(this.props) && 'hi-datepicker__body--shortcuts--large', !shortcuts && (0, _util.showLargeCalendar)(this.props) && 'hi-datepicker__body--range--large');
|
|
534
|
-
return
|
|
526
|
+
return _react["default"].createElement("div", {
|
|
535
527
|
style: this.props.style,
|
|
536
528
|
className: _c
|
|
537
|
-
},
|
|
529
|
+
}, _react["default"].createElement("div", {
|
|
538
530
|
className: bodyCls
|
|
539
|
-
}, shortcuts && this.renderShortcut(shortcuts),
|
|
531
|
+
}, shortcuts && this.renderShortcut(shortcuts), _react["default"].createElement("div", {
|
|
540
532
|
className: "hi-datepicker__panel hi-datepicker__panel--left"
|
|
541
|
-
}, this.renderHeader(currentView, leftDate, 'left'),
|
|
533
|
+
}, this.renderHeader(currentView, leftDate, 'left'), _react["default"].createElement("div", {
|
|
542
534
|
className: "hi-datepicker__calender-container hi-datepicker__calender-container--".concat(layout['left'])
|
|
543
|
-
}, this._getNormalComponent(leftDate, 'left'))),
|
|
535
|
+
}, this._getNormalComponent(leftDate, 'left'))), _react["default"].createElement("div", {
|
|
544
536
|
className: "hi-datepicker__panel hi-datepicker__panel--right"
|
|
545
|
-
}, this.renderHeader(currentView, rightDate, 'right'),
|
|
537
|
+
}, this.renderHeader(currentView, rightDate, 'right'), _react["default"].createElement("div", {
|
|
546
538
|
className: "hi-datepicker__calender-container hi-datepicker__calender-container--".concat(layout['right'])
|
|
547
|
-
}, this._getNormalComponent(rightDate, 'right')))), showTime &&
|
|
539
|
+
}, this._getNormalComponent(rightDate, 'right')))), showTime && _react["default"].createElement("div", {
|
|
548
540
|
className: "hi-datepicker__footer",
|
|
549
541
|
onClick: this.selectTimeEvent.bind(this)
|
|
550
|
-
}, this.getRangeDateStr()), showMask &&
|
|
542
|
+
}, this.getRangeDateStr()), showMask && _react["default"].createElement("div", {
|
|
551
543
|
className: "hi-datepicker__mask",
|
|
552
544
|
ref: this.maskRef,
|
|
553
545
|
onClick: function onClick() {
|
|
@@ -555,7 +547,7 @@ var DateRangePanel = /*#__PURE__*/function (_Component) {
|
|
|
555
547
|
showMask: false
|
|
556
548
|
});
|
|
557
549
|
}
|
|
558
|
-
}), showMask &&
|
|
550
|
+
}), showMask && _react["default"].createElement(_TimeRangePanel["default"], (0, _extends2["default"])({
|
|
559
551
|
isCheckTime: false
|
|
560
552
|
}, this.props, {
|
|
561
553
|
style: {
|
package/es/date-picker/Modal.js
CHANGED
|
@@ -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;
|
package/es/date-picker/Time.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,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 _util = require("./util");
|
|
@@ -27,24 +27,16 @@ var _TimeList = _interopRequireDefault(require("./TimeList"));
|
|
|
27
27
|
|
|
28
28
|
var _dateUtil = require("./dateUtil");
|
|
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 Time = /*#__PURE__*/function (_Component) {
|
|
30
|
+
var Time =
|
|
31
|
+
/*#__PURE__*/
|
|
32
|
+
function (_Component) {
|
|
39
33
|
(0, _inherits2["default"])(Time, _Component);
|
|
40
34
|
|
|
41
|
-
var _super = _createSuper(Time);
|
|
42
|
-
|
|
43
35
|
function Time(props) {
|
|
44
36
|
var _this;
|
|
45
37
|
|
|
46
38
|
(0, _classCallCheck2["default"])(this, Time);
|
|
47
|
-
_this =
|
|
39
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Time).call(this, props));
|
|
48
40
|
_this.state = {
|
|
49
41
|
date: (0, _dateUtil.getValidDate)(props.date),
|
|
50
42
|
endDate: '',
|
|
@@ -264,7 +256,7 @@ var Time = /*#__PURE__*/function (_Component) {
|
|
|
264
256
|
return null;
|
|
265
257
|
}
|
|
266
258
|
|
|
267
|
-
return
|
|
259
|
+
return _react["default"].createElement(_TimeList["default"], {
|
|
268
260
|
type: type,
|
|
269
261
|
value: dDate[type],
|
|
270
262
|
onlyTime: this.props.onlyTime,
|
|
@@ -291,19 +283,19 @@ var Time = /*#__PURE__*/function (_Component) {
|
|
|
291
283
|
showMinute = _this$isShowHMS.minutes,
|
|
292
284
|
showSecond = _this$isShowHMS.seconds;
|
|
293
285
|
|
|
294
|
-
return
|
|
286
|
+
return _react["default"].createElement("div", {
|
|
295
287
|
className: "hi-timepicker__body"
|
|
296
|
-
},
|
|
288
|
+
}, _react["default"].createElement("div", {
|
|
297
289
|
className: "hi-timepicker__timeheader"
|
|
298
|
-
}, showHour &&
|
|
290
|
+
}, showHour && _react["default"].createElement("span", {
|
|
299
291
|
className: "hi-timepicker__mark"
|
|
300
|
-
}, lHours), showMinute &&
|
|
292
|
+
}, lHours), showMinute && _react["default"].createElement("span", {
|
|
301
293
|
className: "hi-timepicker__mark"
|
|
302
|
-
}, lMinutes), showSecond &&
|
|
294
|
+
}, lMinutes), showSecond && _react["default"].createElement("span", {
|
|
303
295
|
className: "hi-timepicker__mark"
|
|
304
|
-
}, lSeconds)),
|
|
296
|
+
}, lSeconds)), _react["default"].createElement("div", {
|
|
305
297
|
className: "hi-timepicker__timebody"
|
|
306
|
-
}, this.renderTimeList('hours'), this.renderTimeList('minutes'), this.renderTimeList('seconds'),
|
|
298
|
+
}, this.renderTimeList('hours'), this.renderTimeList('minutes'), this.renderTimeList('seconds'), _react["default"].createElement("div", {
|
|
307
299
|
className: "hi-timepicker__current-line",
|
|
308
300
|
style: {
|
|
309
301
|
top: 108
|
|
@@ -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,51 +13,43 @@ 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
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
function
|
|
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
|
-
var TimeList = /*#__PURE__*/function (_Component) {
|
|
28
|
+
var TimeList =
|
|
29
|
+
/*#__PURE__*/
|
|
30
|
+
function (_Component) {
|
|
37
31
|
(0, _inherits2["default"])(TimeList, _Component);
|
|
38
32
|
|
|
39
|
-
var _super = _createSuper(TimeList);
|
|
40
|
-
|
|
41
33
|
function TimeList(props) {
|
|
42
34
|
var _this;
|
|
43
35
|
|
|
44
36
|
(0, _classCallCheck2["default"])(this, TimeList);
|
|
45
|
-
_this =
|
|
37
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TimeList).call(this, props));
|
|
46
38
|
var prefixCount = [1, 2, 3];
|
|
47
39
|
var suffixCount = [1, 2, 3];
|
|
48
40
|
_this.liPrefix = prefixCount.map(function (item, index) {
|
|
49
|
-
return
|
|
41
|
+
return _react["default"].createElement("li", {
|
|
50
42
|
className: "hi-timepicker__item hi-timepikcer__item--empty",
|
|
51
43
|
key: 'pre' + index
|
|
52
44
|
});
|
|
53
45
|
});
|
|
54
46
|
_this.liSuffix = suffixCount.map(function (item, index) {
|
|
55
|
-
return
|
|
47
|
+
return _react["default"].createElement("li", {
|
|
56
48
|
className: "hi-timepicker__item hi-timepikcer__item--empty",
|
|
57
49
|
key: 'suf' + index
|
|
58
50
|
});
|
|
59
51
|
});
|
|
60
|
-
_this.listRef =
|
|
52
|
+
_this.listRef = _react["default"].createRef(); // this.scrollEvent = this.scrollEvent.bind(this)
|
|
61
53
|
|
|
62
54
|
_this.state = {
|
|
63
55
|
showArrow: false
|
|
@@ -136,19 +128,19 @@ var TimeList = /*#__PURE__*/function (_Component) {
|
|
|
136
128
|
value: function renderArrow(type) {
|
|
137
129
|
var _this3 = this;
|
|
138
130
|
|
|
139
|
-
return
|
|
131
|
+
return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("span", {
|
|
140
132
|
className: "hi-timepicker__page-turn",
|
|
141
133
|
onClick: function onClick() {
|
|
142
134
|
return _this3.arrowEvent('up');
|
|
143
135
|
}
|
|
144
|
-
},
|
|
136
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
145
137
|
name: "up"
|
|
146
|
-
})),
|
|
138
|
+
})), _react["default"].createElement("span", {
|
|
147
139
|
className: "hi-timepicker__page-turn",
|
|
148
140
|
onClick: function onClick() {
|
|
149
141
|
return _this3.arrowEvent('down');
|
|
150
142
|
}
|
|
151
|
-
},
|
|
143
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
152
144
|
name: "down"
|
|
153
145
|
})));
|
|
154
146
|
}
|
|
@@ -220,7 +212,7 @@ var TimeList = /*#__PURE__*/function (_Component) {
|
|
|
220
212
|
var _this$props2 = this.props,
|
|
221
213
|
type = _this$props2.type,
|
|
222
214
|
datas = _this$props2.datas;
|
|
223
|
-
return
|
|
215
|
+
return _react["default"].createElement("div", {
|
|
224
216
|
className: "hi-timepicker__list-container",
|
|
225
217
|
onMouseEnter: function onMouseEnter() {
|
|
226
218
|
return _this4.setState({
|
|
@@ -232,7 +224,7 @@ var TimeList = /*#__PURE__*/function (_Component) {
|
|
|
232
224
|
showArrow: false
|
|
233
225
|
});
|
|
234
226
|
}
|
|
235
|
-
},
|
|
227
|
+
}, _react["default"].createElement("ul", {
|
|
236
228
|
ref: this.listRef,
|
|
237
229
|
className: "hi-timepicker__list",
|
|
238
230
|
onClick: this.clickEvent.bind(this, type),
|
|
@@ -240,7 +232,7 @@ var TimeList = /*#__PURE__*/function (_Component) {
|
|
|
240
232
|
}, this.liPrefix, datas.map(function (data, index) {
|
|
241
233
|
var _class = (0, _classnames["default"])('hi-timepicker__item', data.current && 'hi-timepicker__item--current', data.disabled && 'hi-timepicker__item--disabled');
|
|
242
234
|
|
|
243
|
-
return
|
|
235
|
+
return _react["default"].createElement("li", {
|
|
244
236
|
key: index,
|
|
245
237
|
className: _class,
|
|
246
238
|
value: parseInt(data.text)
|