@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/loading/Loading.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"));
|
|
@@ -29,25 +29,17 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
|
29
29
|
|
|
30
30
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
31
|
|
|
32
|
-
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); }
|
|
33
|
-
|
|
34
|
-
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; }
|
|
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
32
|
var loadingInstance = {};
|
|
41
33
|
var prefixCls = 'hi-loading';
|
|
42
34
|
|
|
43
|
-
var Loading =
|
|
35
|
+
var Loading =
|
|
36
|
+
/*#__PURE__*/
|
|
37
|
+
function (_Component) {
|
|
44
38
|
(0, _inherits2["default"])(Loading, _Component);
|
|
45
39
|
|
|
46
|
-
var _super = _createSuper(Loading);
|
|
47
|
-
|
|
48
40
|
function Loading() {
|
|
49
41
|
(0, _classCallCheck2["default"])(this, Loading);
|
|
50
|
-
return
|
|
42
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Loading).apply(this, arguments));
|
|
51
43
|
}
|
|
52
44
|
|
|
53
45
|
(0, _createClass2["default"])(Loading, [{
|
|
@@ -65,15 +57,15 @@ var Loading = /*#__PURE__*/function (_Component) {
|
|
|
65
57
|
var mountNode = target || (full ? document.body : '');
|
|
66
58
|
var iconCls = (0, _classnames["default"])("".concat(prefixCls, "__icon"), "".concat(prefixCls, "__icon--").concat(size));
|
|
67
59
|
var maskCls = (0, _classnames["default"])("".concat(prefixCls, "__mask"), (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "__mask--global"), full), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "__mask--part"), !full), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "__mask--hide"), visible === false), _classNames));
|
|
68
|
-
return
|
|
60
|
+
return _react["default"].createElement(PortalWrapper, {
|
|
69
61
|
mountNode: mountNode
|
|
70
|
-
}, children,
|
|
62
|
+
}, children, _react["default"].createElement("div", {
|
|
71
63
|
className: maskCls
|
|
72
|
-
},
|
|
64
|
+
}, _react["default"].createElement("div", {
|
|
73
65
|
className: "".concat(prefixCls, "__outter")
|
|
74
|
-
},
|
|
66
|
+
}, _react["default"].createElement("div", {
|
|
75
67
|
className: iconCls
|
|
76
|
-
},
|
|
68
|
+
}, _react["default"].createElement("div", null), _react["default"].createElement("div", null)), _react["default"].createElement("div", {
|
|
77
69
|
className: "".concat(prefixCls, "__text")
|
|
78
70
|
}, content))));
|
|
79
71
|
}
|
|
@@ -96,7 +88,7 @@ Loading.defaultProps = {
|
|
|
96
88
|
function PortalWrapper(_ref) {
|
|
97
89
|
var mountNode = _ref.mountNode,
|
|
98
90
|
children = _ref.children;
|
|
99
|
-
return mountNode ?
|
|
91
|
+
return mountNode ? _reactDom["default"].createPortal(children, mountNode) : _react["default"].createElement("div", {
|
|
100
92
|
className: "".concat(prefixCls, "__wrapper")
|
|
101
93
|
}, children);
|
|
102
94
|
}
|
|
@@ -113,7 +105,7 @@ function open(target) {
|
|
|
113
105
|
mountNode.nodeName !== 'BODY' && (window.getComputedStyle(mountNode).position === 'absolute' || mountNode.style.setProperty('position', 'relative'));
|
|
114
106
|
var full = !target;
|
|
115
107
|
|
|
116
|
-
_reactDom["default"].render(
|
|
108
|
+
_reactDom["default"].render(_react["default"].createElement(Loading, {
|
|
117
109
|
content: content,
|
|
118
110
|
full: full,
|
|
119
111
|
visible: true,
|
|
@@ -142,7 +134,7 @@ function deprecatedOpen() {
|
|
|
142
134
|
mountNode.nodeName !== 'BODY' && (window.getComputedStyle(mountNode).position === 'absolute' || mountNode.style.setProperty('position', 'relative'));
|
|
143
135
|
var full = !target;
|
|
144
136
|
|
|
145
|
-
_reactDom["default"].render(
|
|
137
|
+
_reactDom["default"].render(_react["default"].createElement(Loading, {
|
|
146
138
|
tip: tip,
|
|
147
139
|
full: full,
|
|
148
140
|
show: true,
|
|
@@ -13,26 +13,26 @@ describe('Loading', function () {
|
|
|
13
13
|
describe('PropTypes', function () {
|
|
14
14
|
it('size', function () {
|
|
15
15
|
var sizes = ['small', 'default', 'large'];
|
|
16
|
-
var wrapper = (0, _enzyme.mount)(
|
|
17
|
-
return
|
|
16
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, sizes.map(function (size, index) {
|
|
17
|
+
return _react["default"].createElement(_Loading3["default"], {
|
|
18
18
|
size: size,
|
|
19
19
|
key: index
|
|
20
20
|
});
|
|
21
|
-
}),
|
|
21
|
+
}), _react["default"].createElement(_Loading3["default"], null)));
|
|
22
22
|
expect(wrapper.find('.hi-loading__icon--small')).toHaveLength(1);
|
|
23
23
|
expect(wrapper.find('.hi-loading__icon--large')).toHaveLength(1);
|
|
24
24
|
expect(wrapper.find('.hi-loading__icon--default')).toHaveLength(2);
|
|
25
25
|
wrapper.unmount();
|
|
26
26
|
});
|
|
27
27
|
it('content', function () {
|
|
28
|
-
var wrapper = (0, _enzyme.mount)(
|
|
28
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Loading3["default"], {
|
|
29
29
|
content: "Loading..."
|
|
30
30
|
}));
|
|
31
31
|
expect(wrapper.find('.hi-loading__text').text()).toEqual('Loading...');
|
|
32
32
|
wrapper.unmount();
|
|
33
33
|
});
|
|
34
34
|
it('visible', function () {
|
|
35
|
-
var wrapper = (0, _enzyme.mount)(
|
|
35
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Loading3["default"], null));
|
|
36
36
|
expect(wrapper.find('.hi-loading__mask--hide')).toHaveLength(0);
|
|
37
37
|
wrapper.setProps({
|
|
38
38
|
visible: false
|
|
@@ -41,7 +41,7 @@ describe('Loading', function () {
|
|
|
41
41
|
wrapper.unmount();
|
|
42
42
|
});
|
|
43
43
|
it('full', function () {
|
|
44
|
-
var wrapper = (0, _enzyme.mount)(
|
|
44
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Loading3["default"], {
|
|
45
45
|
full: true
|
|
46
46
|
}));
|
|
47
47
|
expect(document.querySelectorAll('.hi-loading__mask--global')).toHaveLength(1);
|
|
@@ -86,7 +86,7 @@ describe('Loading', function () {
|
|
|
86
86
|
jest.useRealTimers();
|
|
87
87
|
});
|
|
88
88
|
it('deprecatedOpen', function () {
|
|
89
|
-
(0, _enzyme.mount)(
|
|
89
|
+
(0, _enzyme.mount)(_react["default"].createElement("div", {
|
|
90
90
|
className: "container"
|
|
91
91
|
}));
|
|
92
92
|
|
package/es/locales/en-US.js
CHANGED
package/es/locales/zh-CN.js
CHANGED
package/es/locales/zh-Hant-HK.js
CHANGED
package/es/locales/zh-Hant-TW.js
CHANGED
package/es/menu/Item.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"));
|
|
@@ -27,22 +27,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
27
27
|
|
|
28
28
|
var _Title = _interopRequireDefault(require("./Title"));
|
|
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 Item = /*#__PURE__*/function (_Component) {
|
|
30
|
+
var Item =
|
|
31
|
+
/*#__PURE__*/
|
|
32
|
+
function (_Component) {
|
|
39
33
|
(0, _inherits2["default"])(Item, _Component);
|
|
40
34
|
|
|
41
|
-
var _super = _createSuper(Item);
|
|
42
|
-
|
|
43
35
|
function Item() {
|
|
44
36
|
(0, _classCallCheck2["default"])(this, Item);
|
|
45
|
-
return
|
|
37
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Item).apply(this, arguments));
|
|
46
38
|
}
|
|
47
39
|
|
|
48
40
|
(0, _createClass2["default"])(Item, [{
|
|
@@ -65,7 +57,7 @@ var Item = /*#__PURE__*/function (_Component) {
|
|
|
65
57
|
'hi-menu-item--disabled': disabled,
|
|
66
58
|
'hi-menu-item--active': isActive
|
|
67
59
|
});
|
|
68
|
-
return
|
|
60
|
+
return _react["default"].createElement("li", {
|
|
69
61
|
className: cls,
|
|
70
62
|
key: index,
|
|
71
63
|
onClick: function onClick(e) {
|
|
@@ -75,7 +67,7 @@ var Item = /*#__PURE__*/function (_Component) {
|
|
|
75
67
|
_onClick(index, id, data);
|
|
76
68
|
}
|
|
77
69
|
}
|
|
78
|
-
},
|
|
70
|
+
}, _react["default"].createElement(_Title["default"], {
|
|
79
71
|
icon: icon,
|
|
80
72
|
content: children,
|
|
81
73
|
placement: placement,
|
package/es/menu/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
|
|
@@ -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 _react = _interopRequireWildcard(require("react"));
|
|
27
27
|
|
|
28
28
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
@@ -39,24 +39,16 @@ var _SubMenu = _interopRequireDefault(require("./SubMenu"));
|
|
|
39
39
|
|
|
40
40
|
require("./style/index");
|
|
41
41
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
47
|
-
|
|
48
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
49
|
-
|
|
50
|
-
var Menu = /*#__PURE__*/function (_Component) {
|
|
42
|
+
var Menu =
|
|
43
|
+
/*#__PURE__*/
|
|
44
|
+
function (_Component) {
|
|
51
45
|
(0, _inherits2["default"])(Menu, _Component);
|
|
52
46
|
|
|
53
|
-
var _super = _createSuper(Menu);
|
|
54
|
-
|
|
55
47
|
function Menu(props) {
|
|
56
48
|
var _this;
|
|
57
49
|
|
|
58
50
|
(0, _classCallCheck2["default"])(this, Menu);
|
|
59
|
-
_this =
|
|
51
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Menu).call(this, props));
|
|
60
52
|
var _this$props = _this.props,
|
|
61
53
|
activeId = _this$props.activeId,
|
|
62
54
|
collapsed = _this$props.collapsed;
|
|
@@ -281,7 +273,7 @@ var Menu = /*#__PURE__*/function (_Component) {
|
|
|
281
273
|
key: index,
|
|
282
274
|
data: data
|
|
283
275
|
}, props);
|
|
284
|
-
return
|
|
276
|
+
return _react["default"].createElement(_Item["default"], mergeProps, data.content);
|
|
285
277
|
}
|
|
286
278
|
}, {
|
|
287
279
|
key: "renderFatSubMenu",
|
|
@@ -291,15 +283,15 @@ var Menu = /*#__PURE__*/function (_Component) {
|
|
|
291
283
|
// render胖菜单
|
|
292
284
|
var groups = [];
|
|
293
285
|
data.forEach(function (dataItem, groupIndex) {
|
|
294
|
-
groups.push(
|
|
286
|
+
groups.push(_react["default"].createElement("li", {
|
|
295
287
|
className: "hi-menu-fat",
|
|
296
288
|
key: groupIndex
|
|
297
|
-
},
|
|
289
|
+
}, _react["default"].createElement("div", {
|
|
298
290
|
className: "hi-menu-fat__title hi-menu__title"
|
|
299
|
-
},
|
|
291
|
+
}, _react["default"].createElement(_Title["default"], {
|
|
300
292
|
icon: dataItem.icon,
|
|
301
293
|
content: dataItem.content
|
|
302
|
-
})), dataItem.children &&
|
|
294
|
+
})), dataItem.children && _react["default"].createElement("ul", {
|
|
303
295
|
className: "hi-menu-fat__content"
|
|
304
296
|
}, dataItem.children.map(function (child, index) {
|
|
305
297
|
return _this5.renderItem(child, parentIndex + '-' + groupIndex + '-' + index, {
|
|
@@ -330,7 +322,7 @@ var Menu = /*#__PURE__*/function (_Component) {
|
|
|
330
322
|
var level = indexStr.split('-').length;
|
|
331
323
|
|
|
332
324
|
if (item.children) {
|
|
333
|
-
items.push(
|
|
325
|
+
items.push(_react["default"].createElement(_SubMenu["default"], {
|
|
334
326
|
key: index,
|
|
335
327
|
theme: theme,
|
|
336
328
|
onClick: _this6.onClickSubMenu.bind(_this6),
|
|
@@ -371,15 +363,15 @@ var Menu = /*#__PURE__*/function (_Component) {
|
|
|
371
363
|
'hi-menu--mini': collapsed
|
|
372
364
|
});
|
|
373
365
|
|
|
374
|
-
var miniIcon =
|
|
366
|
+
var miniIcon = _react["default"].createElement("i", {
|
|
375
367
|
className: "hi-icon icon-".concat(collapsed ? 'Expand' : 'Collapse')
|
|
376
368
|
});
|
|
377
369
|
|
|
378
|
-
return
|
|
370
|
+
return _react["default"].createElement("div", {
|
|
379
371
|
className: cls
|
|
380
|
-
},
|
|
372
|
+
}, _react["default"].createElement("ul", {
|
|
381
373
|
className: "hi-menu-items"
|
|
382
|
-
}, this.renderMenu(data)), placement === 'vertical' && showCollapse &&
|
|
374
|
+
}, this.renderMenu(data)), placement === 'vertical' && showCollapse && _react["default"].createElement("div", {
|
|
383
375
|
className: "hi-menu--mini__toggle",
|
|
384
376
|
onClick: this.toggleMini.bind(this)
|
|
385
377
|
}, miniIcon));
|
package/es/menu/SubMenu.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"));
|
|
@@ -31,22 +31,14 @@ var _icon = _interopRequireDefault(require("../icon"));
|
|
|
31
31
|
|
|
32
32
|
var _Title = _interopRequireDefault(require("./Title"));
|
|
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 SubMenu = /*#__PURE__*/function (_Component) {
|
|
34
|
+
var SubMenu =
|
|
35
|
+
/*#__PURE__*/
|
|
36
|
+
function (_Component) {
|
|
43
37
|
(0, _inherits2["default"])(SubMenu, _Component);
|
|
44
38
|
|
|
45
|
-
var _super = _createSuper(SubMenu);
|
|
46
|
-
|
|
47
39
|
function SubMenu() {
|
|
48
40
|
(0, _classCallCheck2["default"])(this, SubMenu);
|
|
49
|
-
return
|
|
41
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(SubMenu).apply(this, arguments));
|
|
50
42
|
}
|
|
51
43
|
|
|
52
44
|
(0, _createClass2["default"])(SubMenu, [{
|
|
@@ -96,7 +88,7 @@ var SubMenu = /*#__PURE__*/function (_Component) {
|
|
|
96
88
|
placement = 'bottom-start';
|
|
97
89
|
}
|
|
98
90
|
|
|
99
|
-
return
|
|
91
|
+
return _react["default"].createElement(_popper["default"], {
|
|
100
92
|
show: isExpand,
|
|
101
93
|
attachEle: this.submenuTrigger,
|
|
102
94
|
zIndex: 1050,
|
|
@@ -107,7 +99,7 @@ var SubMenu = /*#__PURE__*/function (_Component) {
|
|
|
107
99
|
}),
|
|
108
100
|
width: false,
|
|
109
101
|
placement: placement
|
|
110
|
-
},
|
|
102
|
+
}, _react["default"].createElement("ul", {
|
|
111
103
|
className: (0, _classnames["default"])('hi-submenu__items'),
|
|
112
104
|
onClick: function onClick() {
|
|
113
105
|
return clickInside();
|
|
@@ -124,7 +116,7 @@ var SubMenu = /*#__PURE__*/function (_Component) {
|
|
|
124
116
|
renderMenu = _this$props2.renderMenu,
|
|
125
117
|
clickInside = _this$props2.clickInside,
|
|
126
118
|
theme = _this$props2.theme;
|
|
127
|
-
return
|
|
119
|
+
return _react["default"].createElement("ul", {
|
|
128
120
|
className: (0, _classnames["default"])('hi-submenu__items', "theme__".concat(theme), {
|
|
129
121
|
'hi-submenu__items--hide': !isExpand
|
|
130
122
|
}),
|
|
@@ -170,26 +162,26 @@ var SubMenu = /*#__PURE__*/function (_Component) {
|
|
|
170
162
|
toggleIcon = isExpand ? 'up' : 'down';
|
|
171
163
|
}
|
|
172
164
|
|
|
173
|
-
return
|
|
165
|
+
return _react["default"].createElement("li", {
|
|
174
166
|
className: cls,
|
|
175
167
|
ref: function ref(node) {
|
|
176
168
|
_this.submenuTrigger = node;
|
|
177
169
|
},
|
|
178
170
|
key: index
|
|
179
|
-
},
|
|
171
|
+
}, _react["default"].createElement("div", {
|
|
180
172
|
className: "theme__".concat(theme, " hi-submenu__title hi-menu__title"),
|
|
181
173
|
onClick: function onClick() {
|
|
182
174
|
!disabled && _this.onClick(index);
|
|
183
175
|
}
|
|
184
|
-
},
|
|
176
|
+
}, _react["default"].createElement(_Title["default"], {
|
|
185
177
|
icon: icon,
|
|
186
178
|
content: content,
|
|
187
179
|
mini: mini,
|
|
188
180
|
level: level,
|
|
189
181
|
placement: mode
|
|
190
|
-
}),
|
|
182
|
+
}), _react["default"].createElement("div", {
|
|
191
183
|
className: "hi-menu__title-toggle-icon"
|
|
192
|
-
},
|
|
184
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
193
185
|
name: toggleIcon
|
|
194
186
|
}))), !mini && mode === 'vertical' ? this.renderVerticalMenu(isActive, isExpand) : this.renderPopperMenu(deepSubmenu, isExpand));
|
|
195
187
|
}
|
package/es/menu/Title.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,34 +13,26 @@ 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"));
|
|
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 Title = /*#__PURE__*/function (_Component) {
|
|
28
|
+
var Title =
|
|
29
|
+
/*#__PURE__*/
|
|
30
|
+
function (_Component) {
|
|
37
31
|
(0, _inherits2["default"])(Title, _Component);
|
|
38
32
|
|
|
39
|
-
var _super = _createSuper(Title);
|
|
40
|
-
|
|
41
33
|
function Title() {
|
|
42
34
|
(0, _classCallCheck2["default"])(this, Title);
|
|
43
|
-
return
|
|
35
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Title).apply(this, arguments));
|
|
44
36
|
}
|
|
45
37
|
|
|
46
38
|
(0, _createClass2["default"])(Title, [{
|
|
@@ -57,12 +49,12 @@ var Title = /*#__PURE__*/function (_Component) {
|
|
|
57
49
|
}
|
|
58
50
|
|
|
59
51
|
if (typeof icon === 'string') {
|
|
60
|
-
icon =
|
|
52
|
+
icon = _react["default"].createElement(_icon["default"], {
|
|
61
53
|
name: icon
|
|
62
54
|
});
|
|
63
55
|
}
|
|
64
56
|
|
|
65
|
-
return icon || level === 1 && placement === 'vertical' && mini ?
|
|
57
|
+
return icon || level === 1 && placement === 'vertical' && mini ? _react["default"].createElement("div", {
|
|
66
58
|
className: "hi-menu__title-icon"
|
|
67
59
|
}, icon || content.substring(0, 1)) : null;
|
|
68
60
|
}
|
|
@@ -72,7 +64,7 @@ var Title = /*#__PURE__*/function (_Component) {
|
|
|
72
64
|
var _this$props2 = this.props,
|
|
73
65
|
content = _this$props2.content,
|
|
74
66
|
icon = _this$props2.icon;
|
|
75
|
-
return
|
|
67
|
+
return _react["default"].createElement(_react["default"].Fragment, null, this.renderIcon(icon), _react["default"].createElement("div", {
|
|
76
68
|
className: "hi-menu__title-content"
|
|
77
69
|
}, content));
|
|
78
70
|
}
|