@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
|
|
@@ -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 = _interopRequireWildcard(require("react"));
|
|
@@ -35,26 +35,18 @@ var _tooltip = _interopRequireDefault(require("../../tooltip"));
|
|
|
35
35
|
|
|
36
36
|
var _ItemDropdown = _interopRequireDefault(require("./ItemDropdown"));
|
|
37
37
|
|
|
38
|
-
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); }
|
|
39
|
-
|
|
40
|
-
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; }
|
|
41
|
-
|
|
42
|
-
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); }; }
|
|
43
|
-
|
|
44
|
-
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; } }
|
|
45
|
-
|
|
46
38
|
var noop = function noop() {};
|
|
47
39
|
|
|
48
|
-
var Tabs =
|
|
40
|
+
var Tabs =
|
|
41
|
+
/*#__PURE__*/
|
|
42
|
+
function (_Component) {
|
|
49
43
|
(0, _inherits2["default"])(Tabs, _Component);
|
|
50
44
|
|
|
51
|
-
var _super = _createSuper(Tabs);
|
|
52
|
-
|
|
53
45
|
function Tabs(props) {
|
|
54
46
|
var _this;
|
|
55
47
|
|
|
56
48
|
(0, _classCallCheck2["default"])(this, Tabs);
|
|
57
|
-
_this =
|
|
49
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Tabs).call(this, props));
|
|
58
50
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteTabKey", null);
|
|
59
51
|
var defaultActiveKey = props.defaultActiveKey;
|
|
60
52
|
|
|
@@ -193,7 +185,7 @@ var Tabs = /*#__PURE__*/function (_Component) {
|
|
|
193
185
|
value: function renderTabContent(child) {
|
|
194
186
|
var tabKey = child.props.tabKey;
|
|
195
187
|
var activeKey = this.state.activeKey;
|
|
196
|
-
return
|
|
188
|
+
return (0, _react.cloneElement)(child, {
|
|
197
189
|
show: tabKey === activeKey
|
|
198
190
|
});
|
|
199
191
|
}
|
|
@@ -215,11 +207,11 @@ var Tabs = /*#__PURE__*/function (_Component) {
|
|
|
215
207
|
var editable = this.checkEditable();
|
|
216
208
|
var tabsClasses = (0, _classnames["default"])(prefixCls, className, "".concat(prefixCls, "--").concat(type), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "--").concat(placement), type === 'card'));
|
|
217
209
|
var activeTabInHiddenItems = true;
|
|
218
|
-
return
|
|
210
|
+
return _react["default"].createElement("div", {
|
|
219
211
|
className: tabsClasses
|
|
220
|
-
},
|
|
212
|
+
}, _react["default"].createElement("div", {
|
|
221
213
|
className: "".concat(prefixCls, "__header")
|
|
222
|
-
},
|
|
214
|
+
}, _react["default"].createElement("div", {
|
|
223
215
|
className: "".concat(prefixCls, "__nav")
|
|
224
216
|
}, showTabItems.map(function (item, index) {
|
|
225
217
|
var _classNames2;
|
|
@@ -232,39 +224,39 @@ var Tabs = /*#__PURE__*/function (_Component) {
|
|
|
232
224
|
var itemClasses = (0, _classnames["default"])("".concat(prefixCls, "__item"), (_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "__item--active"), tabKey === activeKey), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "__item--disabled"), disabled), _classNames2));
|
|
233
225
|
activeTabInHiddenItems = activeTabInHiddenItems && tabKey !== activeKey;
|
|
234
226
|
var ToolNav = type === 'editable' && tabKey !== activeKey ? _tooltip["default"] : 'div';
|
|
235
|
-
return
|
|
227
|
+
return _react["default"].createElement(ToolNav, {
|
|
236
228
|
className: itemClasses,
|
|
237
229
|
key: "".concat(prefixCls, "__item-").concat(index),
|
|
238
230
|
onClick: function onClick(e) {
|
|
239
231
|
return _this4.handleClick(item, e);
|
|
240
232
|
},
|
|
241
233
|
title: tabName
|
|
242
|
-
},
|
|
234
|
+
}, _react["default"].createElement("span", {
|
|
243
235
|
className: "".concat(prefixCls, "__item-name")
|
|
244
|
-
}, tabName), type === 'desc' &&
|
|
236
|
+
}, tabName), type === 'desc' && _react["default"].createElement("span", {
|
|
245
237
|
className: "".concat(prefixCls, "__item-desc")
|
|
246
|
-
}, tabDesc), editable && closeable &&
|
|
238
|
+
}, tabDesc), editable && closeable && _react["default"].createElement("span", {
|
|
247
239
|
className: "".concat(prefixCls, "__item-close")
|
|
248
|
-
},
|
|
240
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
249
241
|
onClick: function onClick(e) {
|
|
250
242
|
return _this4.deleteTab(e, tabKey, index);
|
|
251
243
|
},
|
|
252
244
|
name: "close"
|
|
253
245
|
})));
|
|
254
|
-
}), hiddenTabItems.length > 0 &&
|
|
246
|
+
}), hiddenTabItems.length > 0 && _react["default"].createElement("div", {
|
|
255
247
|
className: (0, _classnames["default"])("".concat(prefixCls, "__item"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "__item--active"), activeTabInHiddenItems))
|
|
256
|
-
},
|
|
248
|
+
}, _react["default"].createElement(_ItemDropdown["default"], {
|
|
257
249
|
active: activeTabInHiddenItems,
|
|
258
250
|
items: hiddenTabItems,
|
|
259
251
|
onChoose: function onChoose(item, e) {
|
|
260
252
|
_this4.handleClick(item, e);
|
|
261
253
|
}
|
|
262
|
-
}))), editable &&
|
|
254
|
+
}))), editable && _react["default"].createElement("div", {
|
|
263
255
|
className: "".concat(prefixCls, "__add")
|
|
264
|
-
},
|
|
256
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
265
257
|
onClick: this.addTab.bind(this),
|
|
266
258
|
name: "plus"
|
|
267
|
-
}))),
|
|
259
|
+
}))), _react["default"].createElement("div", {
|
|
268
260
|
className: "".concat(prefixCls, "__content")
|
|
269
261
|
}, _react["default"].Children.map(children, function (item) {
|
|
270
262
|
return item && _this4.renderTabContent(item);
|
|
@@ -13,13 +13,13 @@ var _ = require("../");
|
|
|
13
13
|
describe('Tag', function () {
|
|
14
14
|
describe('ProtoType', function () {
|
|
15
15
|
it('type', function () {
|
|
16
|
-
var wrapper = (0, _enzyme.mount)(
|
|
16
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_.Tag, {
|
|
17
17
|
type: "primary"
|
|
18
|
-
}),
|
|
18
|
+
}), _react["default"].createElement(_.Tag, {
|
|
19
19
|
type: "danger"
|
|
20
|
-
}),
|
|
20
|
+
}), _react["default"].createElement(_.Tag, {
|
|
21
21
|
type: "success"
|
|
22
|
-
}),
|
|
22
|
+
}), _react["default"].createElement(_.Tag, {
|
|
23
23
|
type: "warning"
|
|
24
24
|
})));
|
|
25
25
|
expect(wrapper.find(".hi-tag__container--warning")).toHaveLength(1);
|
|
@@ -28,15 +28,15 @@ describe('Tag', function () {
|
|
|
28
28
|
expect(wrapper.find('.hi-tag__container--danger')).toHaveLength(1);
|
|
29
29
|
});
|
|
30
30
|
it('appearance', function () {
|
|
31
|
-
var wrapper = (0, _enzyme.mount)(
|
|
31
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_.Tag, {
|
|
32
32
|
appearance: "line"
|
|
33
|
-
}),
|
|
33
|
+
}), _react["default"].createElement(_.Tag, null)));
|
|
34
34
|
expect(wrapper.find('.hi-tag__container--line')).toHaveLength(1);
|
|
35
35
|
expect(wrapper.find('.hi-tag__container--default')).toHaveLength(1);
|
|
36
36
|
});
|
|
37
37
|
it('onClick', function () {
|
|
38
38
|
var callback = (0, _sinon.fake)();
|
|
39
|
-
var wrapper = (0, _enzyme.shallow)(
|
|
39
|
+
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_.Tag, {
|
|
40
40
|
onClick: callback
|
|
41
41
|
}));
|
|
42
42
|
wrapper.find('.hi-tag__container--click').simulate('click');
|
package/es/tag/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
|
|
@@ -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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
26
26
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -33,22 +33,14 @@ require("./style/index");
|
|
|
33
33
|
|
|
34
34
|
var _context = _interopRequireDefault(require("../context"));
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
|
-
var Tag = /*#__PURE__*/function (_Component) {
|
|
36
|
+
var Tag =
|
|
37
|
+
/*#__PURE__*/
|
|
38
|
+
function (_Component) {
|
|
45
39
|
(0, _inherits2["default"])(Tag, _Component);
|
|
46
40
|
|
|
47
|
-
var _super = _createSuper(Tag);
|
|
48
|
-
|
|
49
41
|
function Tag() {
|
|
50
42
|
(0, _classCallCheck2["default"])(this, Tag);
|
|
51
|
-
return
|
|
43
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Tag).apply(this, arguments));
|
|
52
44
|
}
|
|
53
45
|
|
|
54
46
|
(0, _createClass2["default"])(Tag, [{
|
|
@@ -68,7 +60,7 @@ var Tag = /*#__PURE__*/function (_Component) {
|
|
|
68
60
|
style: style,
|
|
69
61
|
onClick: onClick
|
|
70
62
|
};
|
|
71
|
-
return
|
|
63
|
+
return _react["default"].createElement("div", (0, _extends2["default"])({
|
|
72
64
|
className: eleClass
|
|
73
65
|
}, restProps), children);
|
|
74
66
|
}
|
|
@@ -41,7 +41,7 @@ describe('Timeline', function () {
|
|
|
41
41
|
content: 'Here are some descriptions',
|
|
42
42
|
timestamp: '2019.02.24 19:55:00'
|
|
43
43
|
}];
|
|
44
|
-
var wrapper = (0, _enzyme.mount)(
|
|
44
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
45
45
|
data: datas
|
|
46
46
|
}));
|
|
47
47
|
expect(wrapper.find('.hi-timeline')).toHaveLength(1);
|
|
@@ -80,7 +80,7 @@ describe('Timeline', function () {
|
|
|
80
80
|
extraTime: '03-10'
|
|
81
81
|
}]
|
|
82
82
|
}];
|
|
83
|
-
var wrapper = (0, _enzyme.mount)(
|
|
83
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
84
84
|
data: datas
|
|
85
85
|
}));
|
|
86
86
|
expect(wrapper.find('.hi-timeline').hasClass('hi-timeline--normal')).toBeTruthy();
|
|
@@ -103,14 +103,14 @@ describe('Timeline', function () {
|
|
|
103
103
|
content: 'Here are some descriptions',
|
|
104
104
|
timestamp: '2019.02.24 14:24:00'
|
|
105
105
|
}];
|
|
106
|
-
var wrapper = (0, _enzyme.mount)(
|
|
106
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
107
107
|
list: lists
|
|
108
108
|
}));
|
|
109
109
|
expect(wrapper.find('.hi-timeline')).toHaveLength(1);
|
|
110
110
|
expect(wrapper.find('.hi-timeline__item')).toHaveLength(2);
|
|
111
111
|
});
|
|
112
112
|
it('dot in dataItem,same as icon', function () {
|
|
113
|
-
var ele =
|
|
113
|
+
var ele = _react["default"].createElement("span", {
|
|
114
114
|
className: "dotEle"
|
|
115
115
|
}, "111");
|
|
116
116
|
|
|
@@ -124,7 +124,7 @@ describe('Timeline', function () {
|
|
|
124
124
|
content: 'Here are some descriptions',
|
|
125
125
|
timestamp: '2019.02.24 14:24:00'
|
|
126
126
|
}, {
|
|
127
|
-
icon:
|
|
127
|
+
icon: _react["default"].createElement(_icon["default"], {
|
|
128
128
|
name: "collection",
|
|
129
129
|
style: {
|
|
130
130
|
fontSize: 16,
|
|
@@ -140,7 +140,7 @@ describe('Timeline', function () {
|
|
|
140
140
|
content: 'Here are some descriptions',
|
|
141
141
|
timestamp: '2019.02.24 19:55:00'
|
|
142
142
|
}];
|
|
143
|
-
var wrapper = (0, _enzyme.mount)(
|
|
143
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
144
144
|
data: data
|
|
145
145
|
}));
|
|
146
146
|
expect(wrapper.find('.hi-timeline__dot')).toHaveLength(4);
|
|
@@ -156,7 +156,7 @@ describe('Timeline', function () {
|
|
|
156
156
|
description: 'Here are some descriptions',
|
|
157
157
|
timestamp: '2019.02.24 14:24:00'
|
|
158
158
|
}];
|
|
159
|
-
var wrapper = (0, _enzyme.mount)(
|
|
159
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
160
160
|
data: data
|
|
161
161
|
}));
|
|
162
162
|
expect(wrapper.find('.hi-timeline__desc')).toHaveLength(2);
|
|
@@ -173,22 +173,22 @@ describe('Timeline', function () {
|
|
|
173
173
|
timestamp: '2019.02.24 14:24:00'
|
|
174
174
|
}];
|
|
175
175
|
it('cross', function () {
|
|
176
|
-
var wrapper = (0, _enzyme.mount)(
|
|
176
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
|
|
177
177
|
data: data,
|
|
178
178
|
layout: "cross",
|
|
179
179
|
type: "default"
|
|
180
|
-
}),
|
|
180
|
+
}), _react["default"].createElement(_index["default"], {
|
|
181
181
|
data: data,
|
|
182
182
|
type: "cross"
|
|
183
183
|
})));
|
|
184
184
|
expect(wrapper.find('.hi-timeline--cross').first().html()).toEqual(wrapper.find('.hi-timeline--cross').last().html());
|
|
185
185
|
});
|
|
186
186
|
it('right', function () {
|
|
187
|
-
var wrapper = (0, _enzyme.mount)(
|
|
187
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
|
|
188
188
|
data: data,
|
|
189
189
|
layout: "right",
|
|
190
190
|
type: "default"
|
|
191
|
-
}),
|
|
191
|
+
}), _react["default"].createElement(_index["default"], {
|
|
192
192
|
data: data,
|
|
193
193
|
type: "right"
|
|
194
194
|
})));
|
package/es/timeline/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,13 +13,13 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
13
13
|
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
23
|
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
@@ -33,20 +33,14 @@ require("./style/index");
|
|
|
33
33
|
|
|
34
34
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
|
-
var Timeline = /*#__PURE__*/function (_Component) {
|
|
36
|
+
var Timeline =
|
|
37
|
+
/*#__PURE__*/
|
|
38
|
+
function (_Component) {
|
|
45
39
|
(0, _inherits2["default"])(Timeline, _Component);
|
|
46
40
|
|
|
47
|
-
var _super = _createSuper(Timeline);
|
|
48
|
-
|
|
49
41
|
function Timeline() {
|
|
42
|
+
var _getPrototypeOf2;
|
|
43
|
+
|
|
50
44
|
var _this;
|
|
51
45
|
|
|
52
46
|
(0, _classCallCheck2["default"])(this, Timeline);
|
|
@@ -55,20 +49,20 @@ var Timeline = /*#__PURE__*/function (_Component) {
|
|
|
55
49
|
args[_key] = arguments[_key];
|
|
56
50
|
}
|
|
57
51
|
|
|
58
|
-
_this =
|
|
52
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(Timeline)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
|
59
53
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
60
54
|
expanded: false
|
|
61
55
|
});
|
|
62
56
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderGroup", function (item, index, isLast) {
|
|
63
|
-
return
|
|
57
|
+
return _react["default"].createElement("div", {
|
|
64
58
|
key: index
|
|
65
|
-
},
|
|
59
|
+
}, _react["default"].createElement("div", {
|
|
66
60
|
className: (0, _classnames["default"])('timeline__group-title', {
|
|
67
61
|
'timeline__group-title--first': index === 0
|
|
68
62
|
})
|
|
69
|
-
}, item.groupTitle, index !== 0 &&
|
|
63
|
+
}, item.groupTitle, index !== 0 && _react["default"].createElement("div", {
|
|
70
64
|
className: "item__line"
|
|
71
|
-
})),
|
|
65
|
+
})), _react["default"].createElement("div", null, item.children.map(function (i, idx) {
|
|
72
66
|
var isFirst = index === 0 && idx === 0;
|
|
73
67
|
|
|
74
68
|
var _isLast = isLast && idx === item.children.length - 1;
|
|
@@ -90,72 +84,72 @@ var Timeline = /*#__PURE__*/function (_Component) {
|
|
|
90
84
|
}
|
|
91
85
|
});
|
|
92
86
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderRight", function (item, index, isLast, isFirst) {
|
|
93
|
-
return
|
|
87
|
+
return _react["default"].createElement("div", {
|
|
94
88
|
key: index,
|
|
95
89
|
className: (0, _classnames["default"])('timeline__item', {
|
|
96
90
|
'timeline__item--last': isLast,
|
|
97
91
|
'timeline__item--first': isFirst
|
|
98
92
|
})
|
|
99
|
-
},
|
|
93
|
+
}, _react["default"].createElement("div", {
|
|
100
94
|
className: "item__title"
|
|
101
|
-
}, item.title),
|
|
95
|
+
}, item.title), _react["default"].createElement("div", {
|
|
102
96
|
className: "item__content"
|
|
103
|
-
}, item.content),
|
|
97
|
+
}, item.content), _react["default"].createElement("div", {
|
|
104
98
|
className: "item__time"
|
|
105
|
-
}, item.timestamp, " ", item.extraTime), item.icon &&
|
|
99
|
+
}, item.timestamp, " ", item.extraTime), item.icon && _react["default"].createElement("div", {
|
|
106
100
|
className: "item__icon"
|
|
107
|
-
}, item.icon) ||
|
|
101
|
+
}, item.icon) || _react["default"].createElement("div", {
|
|
108
102
|
className: "item__dot"
|
|
109
|
-
}),
|
|
103
|
+
}), _react["default"].createElement("div", {
|
|
110
104
|
className: "item__line"
|
|
111
105
|
}));
|
|
112
106
|
});
|
|
113
107
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderCollapse", function (subItems) {
|
|
114
|
-
return
|
|
108
|
+
return _react["default"].createElement("div", {
|
|
115
109
|
className: "timeline__collapse",
|
|
116
110
|
key: 'collapse'
|
|
117
111
|
}, _this.state.expanded === true && subItems.map(function (c, idx) {
|
|
118
112
|
return _this.renderSub(c, idx);
|
|
119
|
-
}),
|
|
113
|
+
}), _react["default"].createElement("div", {
|
|
120
114
|
className: "collapse-opt",
|
|
121
115
|
onClick: function onClick() {
|
|
122
116
|
_this.setState({
|
|
123
117
|
expanded: !_this.state.expanded
|
|
124
118
|
});
|
|
125
119
|
}
|
|
126
|
-
}, _this.state.expanded === true ? '收起' : '展开',
|
|
120
|
+
}, _this.state.expanded === true ? '收起' : '展开', _react["default"].createElement(_icon["default"], {
|
|
127
121
|
name: _this.state.expanded === true ? 'up' : 'down'
|
|
128
|
-
}),
|
|
122
|
+
}), _react["default"].createElement("div", {
|
|
129
123
|
className: "item__line"
|
|
130
124
|
})));
|
|
131
125
|
});
|
|
132
126
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderSub", function (item, index, isLast, isFirst) {
|
|
133
|
-
return
|
|
127
|
+
return _react["default"].createElement("div", {
|
|
134
128
|
key: index,
|
|
135
129
|
className: (0, _classnames["default"])('timeline__item', {
|
|
136
130
|
'timeline__item--last': isLast,
|
|
137
131
|
'timeline__item--first': isFirst
|
|
138
132
|
})
|
|
139
|
-
},
|
|
133
|
+
}, _react["default"].createElement("div", {
|
|
140
134
|
className: "item--left"
|
|
141
|
-
},
|
|
135
|
+
}, _react["default"].createElement("div", {
|
|
142
136
|
className: "item__time"
|
|
143
|
-
}, item.timestamp),
|
|
137
|
+
}, item.timestamp), _react["default"].createElement("div", {
|
|
144
138
|
className: "item__extra"
|
|
145
|
-
}, item.extraTime)), item.icon ||
|
|
139
|
+
}, item.extraTime)), item.icon || _react["default"].createElement("div", {
|
|
146
140
|
className: "item__dot"
|
|
147
|
-
}),
|
|
141
|
+
}), _react["default"].createElement("div", {
|
|
148
142
|
className: "item__line"
|
|
149
|
-
}),
|
|
143
|
+
}), _react["default"].createElement("div", {
|
|
150
144
|
className: "item--right"
|
|
151
|
-
},
|
|
145
|
+
}, _react["default"].createElement("div", {
|
|
152
146
|
className: "item__title"
|
|
153
|
-
}, item.title),
|
|
147
|
+
}, item.title), _react["default"].createElement("div", {
|
|
154
148
|
className: "item__content"
|
|
155
149
|
}, item.content)));
|
|
156
150
|
});
|
|
157
151
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderCross", function (item, index, isLast, isFirst) {
|
|
158
|
-
return
|
|
152
|
+
return _react["default"].createElement("div", {
|
|
159
153
|
key: index,
|
|
160
154
|
className: (0, _classnames["default"])('timeline__item', {
|
|
161
155
|
'timeline__item--last': isLast,
|
|
@@ -163,50 +157,50 @@ var Timeline = /*#__PURE__*/function (_Component) {
|
|
|
163
157
|
'timeline__item--left': index % 2 === 1,
|
|
164
158
|
'timeline__item--right': index % 2 === 0
|
|
165
159
|
})
|
|
166
|
-
},
|
|
160
|
+
}, _react["default"].createElement("div", {
|
|
167
161
|
className: "item--left"
|
|
168
|
-
},
|
|
162
|
+
}, _react["default"].createElement("div", {
|
|
169
163
|
className: "item__time"
|
|
170
|
-
}, item.timestamp),
|
|
164
|
+
}, item.timestamp), _react["default"].createElement("div", {
|
|
171
165
|
className: "item__extra"
|
|
172
|
-
}, item.extraTime)), item.icon &&
|
|
166
|
+
}, item.extraTime)), item.icon && _react["default"].createElement("div", {
|
|
173
167
|
className: "item__icon"
|
|
174
|
-
}, item.icon) ||
|
|
168
|
+
}, item.icon) || _react["default"].createElement("div", {
|
|
175
169
|
className: "item__dot"
|
|
176
|
-
}),
|
|
170
|
+
}), _react["default"].createElement("div", {
|
|
177
171
|
className: "item__line"
|
|
178
|
-
}),
|
|
172
|
+
}), _react["default"].createElement("div", {
|
|
179
173
|
className: "item--right"
|
|
180
|
-
},
|
|
174
|
+
}, _react["default"].createElement("div", {
|
|
181
175
|
className: "item__title"
|
|
182
|
-
}, item.title),
|
|
176
|
+
}, item.title), _react["default"].createElement("div", {
|
|
183
177
|
className: "item__content"
|
|
184
178
|
}, item.content)));
|
|
185
179
|
});
|
|
186
180
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderDefault", function (item, index, isLast, isFirst) {
|
|
187
|
-
return [
|
|
181
|
+
return [_react["default"].createElement("div", {
|
|
188
182
|
key: index,
|
|
189
183
|
className: (0, _classnames["default"])('timeline__item', {
|
|
190
184
|
'timeline__item--last': isLast,
|
|
191
185
|
'timeline__item--first': isFirst
|
|
192
186
|
})
|
|
193
|
-
},
|
|
187
|
+
}, _react["default"].createElement("div", {
|
|
194
188
|
className: "item--left"
|
|
195
|
-
},
|
|
189
|
+
}, _react["default"].createElement("div", {
|
|
196
190
|
className: "item__time"
|
|
197
|
-
}, item.timestamp),
|
|
191
|
+
}, item.timestamp), _react["default"].createElement("div", {
|
|
198
192
|
className: "item__extra"
|
|
199
|
-
}, item.extraTime)), item.icon &&
|
|
193
|
+
}, item.extraTime)), item.icon && _react["default"].createElement("div", {
|
|
200
194
|
className: "item__icon"
|
|
201
|
-
}, item.icon) ||
|
|
195
|
+
}, item.icon) || _react["default"].createElement("div", {
|
|
202
196
|
className: "item__dot"
|
|
203
|
-
}),
|
|
197
|
+
}), _react["default"].createElement("div", {
|
|
204
198
|
className: "item__line"
|
|
205
|
-
}),
|
|
199
|
+
}), _react["default"].createElement("div", {
|
|
206
200
|
className: "item--right"
|
|
207
|
-
},
|
|
201
|
+
}, _react["default"].createElement("div", {
|
|
208
202
|
className: "item__title"
|
|
209
|
-
}, item.title),
|
|
203
|
+
}, item.title), _react["default"].createElement("div", {
|
|
210
204
|
className: "item__content"
|
|
211
205
|
}, item.content))), item.children && _this.renderCollapse(item.children)];
|
|
212
206
|
});
|
|
@@ -228,9 +222,9 @@ var Timeline = /*#__PURE__*/function (_Component) {
|
|
|
228
222
|
var _layout = type === 'default' ? layout : type;
|
|
229
223
|
|
|
230
224
|
var rootCls = (0, _classnames["default"])('hi-timeline', "theme__".concat(theme), "hi-timeline--".concat(['normal', 'default'].includes(_layout) ? 'default' : _layout));
|
|
231
|
-
return
|
|
225
|
+
return _react["default"].createElement("div", {
|
|
232
226
|
className: rootCls
|
|
233
|
-
},
|
|
227
|
+
}, _react["default"].createElement("ul", null, (data || list).map(function (item, index) {
|
|
234
228
|
if (item.groupTitle) {
|
|
235
229
|
var isLast = index === (data || list).length - 1;
|
|
236
230
|
return _this2.renderGroup(item, index, isLast);
|