@hi-ui/hiui 2.15.10 → 2.15.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -0
- package/es/_util/SwitchVersion.js +5 -9
- package/es/_util/depreactedPropsCompat.js +2 -2
- package/es/_util/index.js +0 -1
- package/es/alert/Alert.js +15 -23
- package/es/alert/__tests__/index.test.js +11 -15
- package/es/badge/Badge.js +11 -19
- package/es/badge/__tests__/index.test.js +8 -8
- package/es/breadcrumb/__tests__/index.test.js +4 -4
- package/es/breadcrumb/index.js +13 -21
- package/es/button/Button.js +16 -22
- package/es/button/ButtonGroup.js +9 -17
- package/es/button/IconLoading.js +4 -4
- package/es/button/__tests__/index.test.js +48 -46
- package/es/card/__tests__/index.test.js +54 -44
- package/es/card/index.js +17 -25
- package/es/carousel/__tests__/index.test.js +10 -10
- package/es/carousel/index.js +22 -30
- package/es/cascader/Cascader.js +22 -30
- package/es/cascader/Menu.js +17 -23
- package/es/cascader/__tests__/index.test.js +42 -39
- package/es/checkbox/Checkbox.js +14 -22
- package/es/checkbox/Group.js +13 -21
- package/es/checkbox/__tests__/index.test.js +18 -18
- package/es/checkbox/checkbox-legacy/Base.js +13 -21
- package/es/checkbox/checkbox-legacy/CheckBox.js +12 -20
- package/es/collapse/__tests__/index.test.js +19 -19
- package/es/collapse/index.js +20 -28
- package/es/confirm/index.js +11 -19
- package/es/context/index.js +16 -24
- package/es/counter/Counter.js +23 -27
- package/es/counter/__tests__/index.test.js +7 -7
- package/es/counter/counter-legacy/index.js +11 -15
- package/es/date-picker/BasePicker.js +17 -25
- package/es/date-picker/Calender.js +28 -36
- package/es/date-picker/DatePanel.js +29 -37
- package/es/date-picker/DatePicker.js +17 -21
- package/es/date-picker/DateRangePanel.js +39 -47
- package/es/date-picker/Modal.js +7 -11
- package/es/date-picker/Time.js +16 -24
- package/es/date-picker/TimeList.js +18 -26
- package/es/date-picker/TimePanel.js +10 -18
- package/es/date-picker/TimePeriodPanel.js +14 -22
- package/es/date-picker/TimePicker.js +8 -12
- package/es/date-picker/TimeRangePanel.js +12 -20
- package/es/date-picker/WeekRangePanel.js +33 -41
- package/es/date-picker/YMRangePanel.js +25 -33
- package/es/date-picker/__tests__/index.test.js +36 -41
- package/es/date-picker/datepicker-legacy/BasePicker.js +18 -26
- package/es/date-picker/datepicker-legacy/Calender.js +16 -24
- package/es/date-picker/datepicker-legacy/DatePanel.js +31 -39
- package/es/date-picker/datepicker-legacy/DatePicker.js +10 -14
- package/es/date-picker/datepicker-legacy/DateRangePanel.js +35 -43
- package/es/date-picker/datepicker-legacy/Modal.js +7 -11
- package/es/date-picker/datepicker-legacy/Time.js +39 -47
- package/es/date-picker/datepicker-legacy/TimePanel.js +10 -18
- package/es/date-picker/datepicker-legacy/TimePeriodPanel.js +14 -22
- package/es/date-picker/datepicker-legacy/TimePicker.js +8 -12
- package/es/date-picker/datepicker-legacy/TimeRangePanel.js +12 -20
- package/es/date-picker/datepicker-legacy/WeekRangePanel.js +28 -36
- package/es/dropdown/Dropdown.js +16 -22
- package/es/dropdown/DropdownButton.js +10 -14
- package/es/dropdown/DropdownMenu.js +9 -13
- package/es/dropdown/DropdownMenuItem.js +20 -26
- package/es/dropdown/__tests__/index.test.js +20 -24
- package/es/dropdown/index.js +8 -12
- package/es/dropdown/tests/index.test.js +5 -5
- package/es/ficon/index.js +7 -11
- package/es/form/Form.js +9 -17
- package/es/form/Item.js +20 -28
- package/es/form/__tests__/index.test.js +69 -73
- package/es/grid/__tests__/index.test.js +21 -25
- package/es/grid/index.js +19 -27
- package/es/icon/index.js +7 -11
- package/es/input/Input.js +24 -36
- package/es/input/__tests__/index.test.js +34 -39
- package/es/input/index.js +4 -8
- package/es/input/input-legacy/index.js +19 -31
- package/es/loading/Loading.js +16 -24
- package/es/loading/__tests__/index.test.js +7 -7
- package/es/locales/en-US.js +3 -1
- package/es/locales/zh-CN.js +3 -1
- package/es/locales/zh-Hant-HK.js +3 -1
- package/es/locales/zh-Hant-TW.js +3 -1
- package/es/menu/Item.js +10 -18
- package/es/menu/Menu.js +20 -28
- package/es/menu/SubMenu.js +16 -24
- package/es/menu/Title.js +11 -19
- package/es/menu/__tests__/index.test.js +14 -19
- package/es/message/__tests__/index.test.js +1 -5
- package/es/message/index.js +4 -4
- package/es/modal/__tests__/index.test.js +15 -15
- package/es/modal/index.js +20 -28
- package/es/nav-menu/NavMenu.js +23 -26
- package/es/nav-menu/__test__/index.test.js +6 -6
- package/es/nav-menu/__tests__/index.test.js +1 -5
- package/es/notice/Notice.js +17 -23
- package/es/notice/NoticeContainer.js +14 -20
- package/es/notice/__tests__/index.test.js +14 -14
- package/es/notice/index.js +2 -2
- package/es/notification/HandleNotification/index.js +16 -24
- package/es/notification/__tests__/index.test.js +1 -5
- package/es/notification/index.js +7 -7
- package/es/pagination/Pager.js +2 -2
- package/es/pagination/Pagination.js +31 -39
- package/es/pagination/__tests__/index.test.js +15 -19
- package/es/panel/index.js +13 -21
- package/es/popover/__test__/index.test.js +8 -8
- package/es/popover/__tests__/index.test.js +16 -16
- package/es/popover/index.js +17 -25
- package/es/popper/index.js +14 -20
- package/es/preview/index.js +43 -41
- package/es/progress/BarProgress.js +15 -17
- package/es/progress/CircleProgress.js +5 -5
- package/es/progress/DashboardProgress.js +5 -5
- package/es/progress/Progress.js +12 -20
- package/es/progress/__tests__/index.test.js +10 -10
- package/es/radio/Group.js +12 -16
- package/es/radio/Radio.js +14 -18
- package/es/radio/__tests__/index.test.js +9 -10
- package/es/radio/radio-legacy/__test__/index.test.js +3 -3
- package/es/radio/radio-legacy/index.js +13 -21
- package/es/rate/Icons.js +68 -68
- package/es/rate/Rate.js +22 -30
- package/es/rate/__tests__/index.test.js +7 -7
- package/es/select/Select.js +18 -25
- package/es/select/SelectDropdown.js +29 -37
- package/es/select/SelectInput.js +47 -52
- package/es/select/__tests__/index.test.js +15 -15
- package/es/select/select-legacy/Option.js +7 -10
- package/es/select/select-legacy/Select.js +16 -24
- package/es/select/select-legacy/SelectDropdown.js +21 -28
- package/es/select/select-legacy/SelectInput.js +48 -52
- package/es/stepper/Stepper.js +15 -19
- package/es/stepper/__tests__/index.test.js +7 -7
- package/es/switch/__tests__/index.test.js +6 -6
- package/es/switch/index.js +10 -18
- package/es/table/Body.js +30 -38
- package/es/table/ClickOuterside.js +11 -19
- package/es/table/Footer.js +19 -27
- package/es/table/Header.js +42 -46
- package/es/table/TableContent.js +14 -22
- package/es/table/__tests__/index.test.js +12 -16
- package/es/table/checkbox/index.js +11 -19
- package/es/table/index.js +98 -105
- package/es/table/menu/index.js +13 -21
- package/es/tabs/ItemDropdown.js +17 -25
- package/es/tabs/TabPane.js +9 -17
- package/es/tabs/Tabs.js +24 -32
- package/es/tabs/__tests__/index.test.js +33 -37
- package/es/tabs/tabs-legacy/ItemDropdown.js +17 -25
- package/es/tabs/tabs-legacy/TabPane.js +9 -17
- package/es/tabs/tabs-legacy/Tabs.js +24 -32
- package/es/tag/__tests__/index.test.js +7 -7
- package/es/tag/index.js +9 -17
- package/es/timeline/__tests__/index.test.js +11 -11
- package/es/timeline/index.js +58 -64
- package/es/tooltip/__tests__/index.test.js +19 -23
- package/es/tooltip/index.js +22 -28
- package/es/transfer/Item.js +33 -40
- package/es/transfer/Transfer.js +30 -38
- package/es/transfer/__tests__/index.test.js +6 -6
- package/es/tree/IconLoading.js +4 -4
- package/es/tree/Tree.js +32 -39
- package/es/tree/TreeDivider.js +3 -3
- package/es/tree/TreeItem.js +40 -42
- package/es/tree/TreeNode.js +40 -40
- package/es/tree/__tests__/index.test.js +22 -26
- package/es/tree/tree-legacy/Tree.js +32 -39
- package/es/tree/tree-legacy/TreeDivider.js +3 -3
- package/es/tree/tree-legacy/TreeItem.js +38 -45
- package/es/tree/tree-legacy/TreeNode.js +28 -36
- package/es/tree/tree-legacy/util.js +1 -1
- package/es/tree/util.js +1 -1
- package/es/upload/Upload.js +23 -27
- package/es/upload/UploadAvatar.js +29 -33
- package/es/upload/UploadClick.js +23 -25
- package/es/upload/UploadDrag.js +28 -32
- package/es/upload/UploadPhoto.js +24 -28
- package/es/upload/UploadPictureCard.js +23 -25
- package/es/upload/__tests__/index.test.js +21 -21
- package/es/upload/main.js +14 -22
- package/es/upload/upload-legacy/Preview.js +26 -34
- package/es/upload/upload-legacy/Upload.js +6 -10
- package/es/upload/upload-legacy/UploadAvatar.js +27 -31
- package/es/upload/upload-legacy/UploadClick.js +19 -23
- package/es/upload/upload-legacy/UploadDrag.js +24 -28
- package/es/upload/upload-legacy/UploadPhoto.js +25 -29
- package/es/upload/upload-legacy/UploadPictureCard.js +20 -24
- package/es/upload/upload-legacy/index.js +13 -21
- package/es/watermark/index.js +8 -12
- package/es/watermark/watermark.js +30 -19
- package/package.json +4 -1
package/es/card/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,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 _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -29,24 +29,16 @@ require("./style/index");
|
|
|
29
29
|
|
|
30
30
|
var _context = _interopRequireDefault(require("../context"));
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
37
|
-
|
|
38
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
39
|
-
|
|
40
|
-
var Card = /*#__PURE__*/function (_Component) {
|
|
32
|
+
var Card =
|
|
33
|
+
/*#__PURE__*/
|
|
34
|
+
function (_Component) {
|
|
41
35
|
(0, _inherits2["default"])(Card, _Component);
|
|
42
36
|
|
|
43
|
-
var _super = _createSuper(Card);
|
|
44
|
-
|
|
45
37
|
function Card(props) {
|
|
46
38
|
var _this;
|
|
47
39
|
|
|
48
40
|
(0, _classCallCheck2["default"])(this, Card);
|
|
49
|
-
_this =
|
|
41
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Card).call(this, props));
|
|
50
42
|
_this.state = {
|
|
51
43
|
extraShow: props.extraShow === 'stay' && props.extraType === 'default'
|
|
52
44
|
};
|
|
@@ -79,43 +71,43 @@ var Card = /*#__PURE__*/function (_Component) {
|
|
|
79
71
|
var coverCls = (0, _classnames["default"])('hi-card__content', (cover || coverUrl) && 'hi-card__content--cover');
|
|
80
72
|
var extraCls = (0, _classnames["default"])('hi-card__extra', !this.state.extraShow && 'hi-card__extra--hide');
|
|
81
73
|
|
|
82
|
-
var header = (title || extra) &&
|
|
74
|
+
var header = (title || extra) && _react["default"].createElement("div", {
|
|
83
75
|
className: headerCls
|
|
84
|
-
},
|
|
76
|
+
}, _react["default"].createElement("div", {
|
|
85
77
|
className: "hi-card__title"
|
|
86
|
-
}, title), extra &&
|
|
78
|
+
}, title), extra && _react["default"].createElement("div", {
|
|
87
79
|
className: extraCls
|
|
88
80
|
}, extra));
|
|
89
81
|
|
|
90
|
-
var body =
|
|
82
|
+
var body = _react["default"].createElement(_react["default"].Fragment, null, header, _react["default"].createElement("div", {
|
|
91
83
|
className: coverCls
|
|
92
84
|
}, children));
|
|
93
85
|
|
|
94
86
|
var coverDom = null;
|
|
95
87
|
|
|
96
88
|
if (cover || coverUrl) {
|
|
97
|
-
coverDom =
|
|
89
|
+
coverDom = _react["default"].createElement(_react["default"].Fragment, null, cover && _react["default"].cloneElement(cover, {
|
|
98
90
|
style: {
|
|
99
91
|
width: '100%'
|
|
100
92
|
}
|
|
101
|
-
}), coverUrl &&
|
|
93
|
+
}), coverUrl && _react["default"].createElement("img", {
|
|
102
94
|
src: coverUrl,
|
|
103
95
|
style: {
|
|
104
96
|
width: '100%'
|
|
105
97
|
}
|
|
106
|
-
}),
|
|
98
|
+
}), _react["default"].createElement("div", {
|
|
107
99
|
className: coverCls
|
|
108
100
|
}, header, content || description));
|
|
109
101
|
}
|
|
110
102
|
|
|
111
103
|
if (type === 'simple') {
|
|
112
|
-
body =
|
|
104
|
+
body = _react["default"].createElement("div", {
|
|
113
105
|
className: "hi-card__content hi-card__content--simple"
|
|
114
106
|
}, children);
|
|
115
107
|
coverDom = null;
|
|
116
108
|
}
|
|
117
109
|
|
|
118
|
-
return
|
|
110
|
+
return _react["default"].createElement("div", {
|
|
119
111
|
className: cls,
|
|
120
112
|
style: style,
|
|
121
113
|
onMouseEnter: function onMouseEnter() {
|
|
@@ -21,11 +21,11 @@ describe("Carousel", function () {
|
|
|
21
21
|
var data = [1, 2, 3, 4, 5, 6, 7];
|
|
22
22
|
describe('lifeCycle', function () {
|
|
23
23
|
it('componentDidmount', function () {
|
|
24
|
-
var wrapper = (0, _enzyme.mount)(
|
|
24
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
25
25
|
defaultActive: 0,
|
|
26
26
|
duration: 300
|
|
27
27
|
}, data.map(function (item, index) {
|
|
28
|
-
return
|
|
28
|
+
return _react["default"].createElement("div", {
|
|
29
29
|
key: index
|
|
30
30
|
}, item);
|
|
31
31
|
})));
|
|
@@ -40,11 +40,11 @@ describe("Carousel", function () {
|
|
|
40
40
|
expect(wrapper.state("showArrow")).toEqual(false);
|
|
41
41
|
});
|
|
42
42
|
it('componentWillUnmount', function () {
|
|
43
|
-
var wrapper = (0, _enzyme.mount)(
|
|
43
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
44
44
|
defaultActive: 0,
|
|
45
45
|
duration: 300
|
|
46
46
|
}, data.map(function (item, index) {
|
|
47
|
-
return
|
|
47
|
+
return _react["default"].createElement("div", {
|
|
48
48
|
key: index
|
|
49
49
|
}, item);
|
|
50
50
|
})));
|
|
@@ -55,16 +55,16 @@ describe("Carousel", function () {
|
|
|
55
55
|
});
|
|
56
56
|
describe('props', function () {
|
|
57
57
|
it('duration', function () {
|
|
58
|
-
var wrapper = (0, _enzyme.mount)(
|
|
58
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
59
59
|
duration: 300
|
|
60
|
-
},
|
|
60
|
+
}, _react["default"].createElement("div", null, "1"), _react["default"].createElement("div", null, "2"), _react["default"].createElement("div", null, "3")));
|
|
61
61
|
clock.tick(310);
|
|
62
62
|
expect(wrapper.state("active")).toEqual(1);
|
|
63
63
|
clock.tick(300);
|
|
64
64
|
expect(wrapper.state("active")).toEqual(2);
|
|
65
65
|
});
|
|
66
66
|
it('showDots', function () {
|
|
67
|
-
var wrapper = (0, _enzyme.mount)(
|
|
67
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], null, _react["default"].createElement("div", null, "1"), _react["default"].createElement("div", null, "2"), _react["default"].createElement("div", null, "3"), _react["default"].createElement("div", null, "4")));
|
|
68
68
|
expect(wrapper.find('.hi-carousel__dots')).toHaveLength(1);
|
|
69
69
|
wrapper.find('.hi-carousel__dot').at(3).simulate('click');
|
|
70
70
|
expect(wrapper.state("active")).toEqual(3);
|
|
@@ -74,7 +74,7 @@ describe("Carousel", function () {
|
|
|
74
74
|
expect(wrapper.find('.hi-carousel__dots')).toHaveLength(0);
|
|
75
75
|
});
|
|
76
76
|
it('showArrows', function () {
|
|
77
|
-
var wrapper = (0, _enzyme.mount)(
|
|
77
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], null, _react["default"].createElement("div", null, "1"), _react["default"].createElement("div", null, "2"), _react["default"].createElement("div", null, "3")));
|
|
78
78
|
expect(wrapper.find('.hi-carousel__arrows')).toHaveLength(1);
|
|
79
79
|
wrapper.setProps({
|
|
80
80
|
showArrows: false
|
|
@@ -82,9 +82,9 @@ describe("Carousel", function () {
|
|
|
82
82
|
expect(wrapper.find('.hi-carousel__arrows')).toHaveLength(0);
|
|
83
83
|
});
|
|
84
84
|
it('defaultActive', function () {
|
|
85
|
-
var wrapper = (0, _enzyme.mount)(
|
|
85
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
86
86
|
defaultActive: 0
|
|
87
|
-
},
|
|
87
|
+
}, _react["default"].createElement("div", null, "1"), _react["default"].createElement("div", null, "2"), _react["default"].createElement("div", null, "3")));
|
|
88
88
|
expect(wrapper.find('.hi-carousel__arrows')).toHaveLength(1);
|
|
89
89
|
expect(wrapper.state("active")).toEqual(0);
|
|
90
90
|
wrapper.setProps({
|
package/es/carousel/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 _react = _interopRequireWildcard(require("react"));
|
|
25
25
|
|
|
26
26
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -31,30 +31,22 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
31
31
|
|
|
32
32
|
require("./style/index");
|
|
33
33
|
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
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; }
|
|
37
|
-
|
|
38
|
-
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; }
|
|
34
|
+
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; }
|
|
39
35
|
|
|
40
36
|
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; }
|
|
41
37
|
|
|
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
|
// const url = 'http://i1.mifile.cn/f/i/hiui/docs/'
|
|
47
|
-
var Carousel =
|
|
39
|
+
var Carousel =
|
|
40
|
+
/*#__PURE__*/
|
|
41
|
+
function (_Component) {
|
|
48
42
|
(0, _inherits2["default"])(Carousel, _Component);
|
|
49
43
|
|
|
50
|
-
var _super = _createSuper(Carousel);
|
|
51
|
-
|
|
52
44
|
function Carousel(props) {
|
|
53
45
|
var _this;
|
|
54
46
|
|
|
55
47
|
(0, _classCallCheck2["default"])(this, Carousel);
|
|
56
|
-
_this =
|
|
57
|
-
_this.rootRef =
|
|
48
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Carousel).call(this, props));
|
|
49
|
+
_this.rootRef = _react["default"].createRef();
|
|
58
50
|
var defaultActive = props.defaultActive;
|
|
59
51
|
_this.state = {
|
|
60
52
|
rootWidth: 0,
|
|
@@ -150,18 +142,18 @@ var Carousel = /*#__PURE__*/function (_Component) {
|
|
|
150
142
|
|
|
151
143
|
var len = children.length || 0;
|
|
152
144
|
var arrowCls = (0, _classnames["default"])('hi-carousel__arrows', showArrow && 'hi-carousel__arrows--show');
|
|
153
|
-
return
|
|
145
|
+
return _react["default"].createElement("div", {
|
|
154
146
|
className: "hi-carousel",
|
|
155
147
|
ref: this.rootRef,
|
|
156
148
|
onMouseOver: this.mouseEvent.bind(this, 'over'),
|
|
157
149
|
onMouseOut: this.mouseEvent.bind(this, 'out')
|
|
158
|
-
},
|
|
150
|
+
}, _react["default"].createElement("div", {
|
|
159
151
|
className: "hi-carousel__container",
|
|
160
152
|
style: {
|
|
161
153
|
width: rootWidth * children.length
|
|
162
154
|
}
|
|
163
155
|
}, children.map(function (child, index) {
|
|
164
|
-
return
|
|
156
|
+
return _react["default"].cloneElement(child, {
|
|
165
157
|
key: index,
|
|
166
158
|
style: _objectSpread({
|
|
167
159
|
position: 'relative',
|
|
@@ -174,30 +166,30 @@ var Carousel = /*#__PURE__*/function (_Component) {
|
|
|
174
166
|
fontSize: 24
|
|
175
167
|
}, child.props.style)
|
|
176
168
|
});
|
|
177
|
-
})), showArrows &&
|
|
169
|
+
})), showArrows && _react["default"].createElement("ul", {
|
|
178
170
|
className: arrowCls
|
|
179
|
-
},
|
|
171
|
+
}, _react["default"].createElement("li", {
|
|
180
172
|
className: "hi-carousel__arrow",
|
|
181
173
|
onClick: this.preNextEvent.bind(this, -1)
|
|
182
|
-
},
|
|
174
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
183
175
|
name: "left"
|
|
184
|
-
})),
|
|
176
|
+
})), _react["default"].createElement("li", {
|
|
185
177
|
className: "hi-carousel__arrow",
|
|
186
178
|
onClick: this.preNextEvent.bind(this, 1)
|
|
187
|
-
},
|
|
179
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
188
180
|
name: "right"
|
|
189
|
-
}))), showDots &&
|
|
181
|
+
}))), showDots && _react["default"].createElement("ul", {
|
|
190
182
|
className: "hi-carousel__dots"
|
|
191
183
|
}, children.map(function (_, index) {
|
|
192
184
|
var cls = (0, _classnames["default"])('hi-carousel__dot', active === index && 'hi-carousel__dot--active');
|
|
193
|
-
return
|
|
185
|
+
return _react["default"].createElement("li", {
|
|
194
186
|
className: cls,
|
|
195
187
|
key: index,
|
|
196
188
|
onClick: _this4.pageEvent.bind(_this4, index)
|
|
197
189
|
});
|
|
198
|
-
})), showPages &&
|
|
190
|
+
})), showPages && _react["default"].createElement("div", {
|
|
199
191
|
className: "hi-carousel__pages"
|
|
200
|
-
},
|
|
192
|
+
}, _react["default"].createElement("span", null, active, " / ", len)));
|
|
201
193
|
}
|
|
202
194
|
}]);
|
|
203
195
|
return Carousel;
|
package/es/cascader/Cascader.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,14 +15,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
15
15
|
|
|
16
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
17
|
|
|
18
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
18
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
19
|
|
|
24
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
21
|
|
|
22
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
+
|
|
24
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
+
|
|
26
26
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
27
|
|
|
28
28
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -45,24 +45,16 @@ var _Menu = _interopRequireDefault(require("./Menu"));
|
|
|
45
45
|
|
|
46
46
|
var _context = _interopRequireDefault(require("../context"));
|
|
47
47
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
function
|
|
51
|
-
|
|
52
|
-
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); }; }
|
|
53
|
-
|
|
54
|
-
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; } }
|
|
55
|
-
|
|
56
|
-
var Cascader = /*#__PURE__*/function (_Component) {
|
|
48
|
+
var Cascader =
|
|
49
|
+
/*#__PURE__*/
|
|
50
|
+
function (_Component) {
|
|
57
51
|
(0, _inherits2["default"])(Cascader, _Component);
|
|
58
52
|
|
|
59
|
-
var _super = _createSuper(Cascader);
|
|
60
|
-
|
|
61
53
|
function Cascader(props) {
|
|
62
54
|
var _this;
|
|
63
55
|
|
|
64
56
|
(0, _classCallCheck2["default"])(this, Cascader);
|
|
65
|
-
_this =
|
|
57
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Cascader).call(this, props));
|
|
66
58
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeValue", function (value, hasChildren) {
|
|
67
59
|
var _this$props = _this.props,
|
|
68
60
|
onChange = _this$props.onChange,
|
|
@@ -118,7 +110,7 @@ var Cascader = /*#__PURE__*/function (_Component) {
|
|
|
118
110
|
|
|
119
111
|
var cascaderLabel = _this.getCascaderLabel(cascaderValue);
|
|
120
112
|
|
|
121
|
-
_this.hiCascader =
|
|
113
|
+
_this.hiCascader = _react["default"].createRef();
|
|
122
114
|
_this.debouncedKeywordChange = (0, _debounce["default"])(_this.onKeywordChange.bind((0, _assertThisInitialized2["default"])(_this)), 300);
|
|
123
115
|
_this.clickOutsideHandel = _this.clickOutside.bind((0, _assertThisInitialized2["default"])(_this));
|
|
124
116
|
_this.state = {
|
|
@@ -347,7 +339,7 @@ var Cascader = /*#__PURE__*/function (_Component) {
|
|
|
347
339
|
}, (0, _defineProperty2["default"])(_levelItem, labelKey, []), (0, _defineProperty2["default"])(_levelItem, valueKey, []), _levelItem);
|
|
348
340
|
|
|
349
341
|
if (index !== 0) {
|
|
350
|
-
jointOption[labelKey].push(
|
|
342
|
+
jointOption[labelKey].push(_react["default"].createElement("span", {
|
|
351
343
|
className: "hi-cascader-menu__item--label-split",
|
|
352
344
|
key: "split-".concat(index)
|
|
353
345
|
}, "/"));
|
|
@@ -390,10 +382,10 @@ var Cascader = /*#__PURE__*/function (_Component) {
|
|
|
390
382
|
_keyword = keyword.includes('(') ? _keyword.replace(/\(/gi, '\\(') : _keyword;
|
|
391
383
|
_keyword = keyword.includes(')') ? _keyword.replace(/\)/gi, '\\)') : _keyword;
|
|
392
384
|
var parts = text.split(new RegExp("(".concat(_keyword, ")"), 'gi'));
|
|
393
|
-
return
|
|
385
|
+
return _react["default"].createElement("span", {
|
|
394
386
|
key: uniqueKey
|
|
395
387
|
}, parts.map(function (part, i) {
|
|
396
|
-
return
|
|
388
|
+
return _react["default"].createElement("span", {
|
|
397
389
|
key: i,
|
|
398
390
|
className: part === keyword ? 'hi-cascader-menu__item--label-hightlight' : ''
|
|
399
391
|
}, part);
|
|
@@ -454,17 +446,17 @@ var Cascader = /*#__PURE__*/function (_Component) {
|
|
|
454
446
|
};
|
|
455
447
|
var expandIcon = popperShow ? 'icon-up' : 'icon-down';
|
|
456
448
|
var placeholder = cascaderLabel || this.localeDatasProps('placeholder');
|
|
457
|
-
return
|
|
449
|
+
return _react["default"].createElement("div", {
|
|
458
450
|
className: (0, _classnames["default"])('hi-cascader', "theme__".concat(theme), className, extraClass),
|
|
459
451
|
style: style,
|
|
460
452
|
ref: this.hiCascader
|
|
461
|
-
},
|
|
453
|
+
}, _react["default"].createElement("div", {
|
|
462
454
|
className: "hi-cascader__input-container",
|
|
463
455
|
ref: function ref(node) {
|
|
464
456
|
_this4.inputContainer = node;
|
|
465
457
|
},
|
|
466
458
|
onClick: this.handleClick.bind(this)
|
|
467
|
-
},
|
|
459
|
+
}, _react["default"].createElement("input", {
|
|
468
460
|
ref: function ref(node) {
|
|
469
461
|
_this4.inputRef = node;
|
|
470
462
|
},
|
|
@@ -479,14 +471,14 @@ var Cascader = /*#__PURE__*/function (_Component) {
|
|
|
479
471
|
});
|
|
480
472
|
},
|
|
481
473
|
onKeyUp: this.debouncedKeywordChange.bind(this)
|
|
482
|
-
}),
|
|
474
|
+
}), _react["default"].createElement("span", {
|
|
483
475
|
className: "hi-cascader__icon"
|
|
484
|
-
},
|
|
476
|
+
}, _react["default"].createElement("i", {
|
|
485
477
|
className: (0, _classnames["default"])('hi-cascader__icon--expand', 'hi-icon', expandIcon)
|
|
486
|
-
}), clearable &&
|
|
478
|
+
}), clearable && _react["default"].createElement("i", {
|
|
487
479
|
className: "hi-cascader__icon--clear hi-icon icon-close-circle",
|
|
488
480
|
onClick: this.clearValue.bind(this)
|
|
489
|
-
}))),
|
|
481
|
+
}))), _react["default"].createElement(_popper["default"], {
|
|
490
482
|
show: popperShow,
|
|
491
483
|
attachEle: this.inputContainer,
|
|
492
484
|
zIndex: 1050,
|
|
@@ -494,7 +486,7 @@ var Cascader = /*#__PURE__*/function (_Component) {
|
|
|
494
486
|
width: 'auto',
|
|
495
487
|
className: "hi-cascader__popper",
|
|
496
488
|
placement: "top-bottom-start"
|
|
497
|
-
},
|
|
489
|
+
}, _react["default"].createElement(_Menu["default"], {
|
|
498
490
|
ref: function ref(node) {
|
|
499
491
|
_this4.menuNode = node;
|
|
500
492
|
},
|
package/es/cascader/Menu.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
|
|
|
@@ -31,20 +31,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
31
31
|
|
|
32
32
|
var _loading = _interopRequireDefault(require("../loading"));
|
|
33
33
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
function
|
|
37
|
-
|
|
38
|
-
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); }; }
|
|
39
|
-
|
|
40
|
-
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; } }
|
|
41
|
-
|
|
42
|
-
var Menu = /*#__PURE__*/function (_Component) {
|
|
34
|
+
var Menu =
|
|
35
|
+
/*#__PURE__*/
|
|
36
|
+
function (_Component) {
|
|
43
37
|
(0, _inherits2["default"])(Menu, _Component);
|
|
44
38
|
|
|
45
|
-
var _super = _createSuper(Menu);
|
|
46
|
-
|
|
47
39
|
function Menu() {
|
|
40
|
+
var _getPrototypeOf2;
|
|
41
|
+
|
|
48
42
|
var _this;
|
|
49
43
|
|
|
50
44
|
(0, _classCallCheck2["default"])(this, Menu);
|
|
@@ -53,7 +47,7 @@ var Menu = /*#__PURE__*/function (_Component) {
|
|
|
53
47
|
args[_key] = arguments[_key];
|
|
54
48
|
}
|
|
55
49
|
|
|
56
|
-
_this =
|
|
50
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(Menu)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
|
57
51
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderMenus", function () {
|
|
58
52
|
var _this$props = _this.props,
|
|
59
53
|
value = _this$props.value,
|
|
@@ -81,13 +75,13 @@ var Menu = /*#__PURE__*/function (_Component) {
|
|
|
81
75
|
var _currentOptions = currentOptions.slice();
|
|
82
76
|
|
|
83
77
|
currentOptions = false;
|
|
84
|
-
menus.push(
|
|
78
|
+
menus.push(_react["default"].createElement("ul", {
|
|
85
79
|
className: "hi-cascader-menu theme__".concat(theme),
|
|
86
80
|
key: deep,
|
|
87
81
|
style: {
|
|
88
82
|
width: isFiltered ? filterOptionWidth : 'auto'
|
|
89
83
|
}
|
|
90
|
-
}, _currentOptions.length === 0 &&
|
|
84
|
+
}, _currentOptions.length === 0 && _react["default"].createElement(_loading["default"], {
|
|
91
85
|
size: "small"
|
|
92
86
|
}), _currentOptions.map(function (option, index) {
|
|
93
87
|
var optionValue = option[valueKey];
|
|
@@ -101,7 +95,7 @@ var Menu = /*#__PURE__*/function (_Component) {
|
|
|
101
95
|
currentOptions = option[childrenKey];
|
|
102
96
|
}
|
|
103
97
|
|
|
104
|
-
return
|
|
98
|
+
return _react["default"].createElement("li", {
|
|
105
99
|
className: (0, _classnames["default"])('hi-cascader-menu__item', {
|
|
106
100
|
'hi-cascader-menu__item-expanded': hasChildren,
|
|
107
101
|
'hi-cascader-menu__item-disabled': !!option.disabled,
|
|
@@ -123,9 +117,9 @@ var Menu = /*#__PURE__*/function (_Component) {
|
|
|
123
117
|
}
|
|
124
118
|
},
|
|
125
119
|
key: optionValue + option[labelKey]
|
|
126
|
-
},
|
|
120
|
+
}, _react["default"].createElement("span", {
|
|
127
121
|
className: "hi-cascader-menu__item--label"
|
|
128
|
-
}, option[labelKey]), hasChildren &&
|
|
122
|
+
}, option[labelKey]), hasChildren && _react["default"].createElement("i", {
|
|
129
123
|
className: (0, _classnames["default"])('hi-cascader-menu__item--icon', 'hi-icon', expandIcon)
|
|
130
124
|
}));
|
|
131
125
|
})));
|