@hi-ui/dropdown 4.1.2 → 4.1.4
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 +40 -0
- package/lib/cjs/Dropdown.js +31 -20
- package/lib/cjs/context.js +3 -0
- package/lib/cjs/types.js +3 -0
- package/lib/cjs/use-dropdown.js +3 -0
- package/lib/cjs/utils/index.js +3 -0
- package/lib/esm/Dropdown.js +7 -7
- package/package.json +16 -16
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,45 @@
|
|
|
1
1
|
# @hi-ui/dropdown
|
|
2
2
|
|
|
3
|
+
## 4.1.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- build: rollup2 构建
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
- @hi-ui/core@4.0.8
|
|
10
|
+
- @hi-ui/use-latest@4.0.4
|
|
11
|
+
- @hi-ui/use-timeout@4.0.4
|
|
12
|
+
- @hi-ui/use-toggle@4.0.4
|
|
13
|
+
- @hi-ui/use-unmount-effect@4.0.4
|
|
14
|
+
- @hi-ui/icons@4.0.18
|
|
15
|
+
- @hi-ui/button@4.0.9
|
|
16
|
+
- @hi-ui/popper@4.1.3
|
|
17
|
+
- @hi-ui/classname@4.0.4
|
|
18
|
+
- @hi-ui/dom-utils@4.0.7
|
|
19
|
+
- @hi-ui/env@4.0.4
|
|
20
|
+
- @hi-ui/react-utils@4.0.4
|
|
21
|
+
- @hi-ui/type-assertion@4.0.4
|
|
22
|
+
|
|
23
|
+
## 4.1.3
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- fix: 修复 rollup3 打包 cjs 模块问题
|
|
28
|
+
- Updated dependencies
|
|
29
|
+
- @hi-ui/env@4.0.3
|
|
30
|
+
- @hi-ui/core@4.0.7
|
|
31
|
+
- @hi-ui/use-latest@4.0.3
|
|
32
|
+
- @hi-ui/use-timeout@4.0.3
|
|
33
|
+
- @hi-ui/use-toggle@4.0.3
|
|
34
|
+
- @hi-ui/use-unmount-effect@4.0.3
|
|
35
|
+
- @hi-ui/icons@4.0.17
|
|
36
|
+
- @hi-ui/button@4.0.8
|
|
37
|
+
- @hi-ui/popper@4.1.2
|
|
38
|
+
- @hi-ui/classname@4.0.3
|
|
39
|
+
- @hi-ui/dom-utils@4.0.6
|
|
40
|
+
- @hi-ui/react-utils@4.0.3
|
|
41
|
+
- @hi-ui/type-assertion@4.0.3
|
|
42
|
+
|
|
3
43
|
## 4.1.2
|
|
4
44
|
|
|
5
45
|
### Patch Changes
|
package/lib/cjs/Dropdown.js
CHANGED
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
12
16
|
var tslib = require('tslib');
|
|
13
17
|
var React = require('react');
|
|
14
18
|
var classname = require('@hi-ui/classname');
|
|
@@ -19,6 +23,13 @@ var useDropdown = require('./use-dropdown.js');
|
|
|
19
23
|
var typeAssertion = require('@hi-ui/type-assertion');
|
|
20
24
|
var Button = require('@hi-ui/button');
|
|
21
25
|
var icons = require('@hi-ui/icons');
|
|
26
|
+
function _interopDefaultLegacy(e) {
|
|
27
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
28
|
+
'default': e
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
32
|
+
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
22
33
|
var _role = 'dropdown';
|
|
23
34
|
var _prefix = classname.getPrefixCls(_role);
|
|
24
35
|
var DEFAULT_DATA = [];
|
|
@@ -53,19 +64,19 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
53
64
|
var cls = classname.cx(prefixCls, className, disabled && prefixCls + "--disabled");
|
|
54
65
|
var dig = function dig(treeData) {
|
|
55
66
|
return treeData.map(function (item) {
|
|
56
|
-
var menu = typeAssertion.isArrayNonEmpty(item.children) ? /*#__PURE__*/
|
|
67
|
+
var menu = typeAssertion.isArrayNonEmpty(item.children) ? ( /*#__PURE__*/React__default["default"].createElement(DropdownMenu, {
|
|
57
68
|
overlay: {
|
|
58
69
|
gutterGap: 16
|
|
59
70
|
},
|
|
60
71
|
size: size
|
|
61
|
-
}, dig(item.children)) : null;
|
|
72
|
+
}, dig(item.children))) : null;
|
|
62
73
|
if (item.split) {
|
|
63
|
-
return /*#__PURE__*/
|
|
74
|
+
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
64
75
|
key: item.id,
|
|
65
76
|
className: prefixCls + "-divider"
|
|
66
77
|
});
|
|
67
78
|
}
|
|
68
|
-
return /*#__PURE__*/
|
|
79
|
+
return /*#__PURE__*/React__default["default"].createElement(DropdownMenuItem, {
|
|
69
80
|
key: item.id,
|
|
70
81
|
disabled: item.disabled,
|
|
71
82
|
href: item.href,
|
|
@@ -88,39 +99,39 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
88
99
|
return /*#__PURE__*/React.cloneElement(triggerButton, getTriggerProps(triggerButton.props, triggerButton.ref));
|
|
89
100
|
}
|
|
90
101
|
if (type === 'text' || type === 'button') {
|
|
91
|
-
return /*#__PURE__*/
|
|
102
|
+
return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({}, getTriggerProps(), {
|
|
92
103
|
appearance: type === 'button' ? 'filled' : 'link'
|
|
93
|
-
}), title, /*#__PURE__*/
|
|
104
|
+
}), title, /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, {
|
|
94
105
|
style: {
|
|
95
106
|
marginInlineStart: 2
|
|
96
107
|
}
|
|
97
108
|
}));
|
|
98
109
|
}
|
|
99
110
|
if (type === 'group') {
|
|
100
|
-
return /*#__PURE__*/
|
|
111
|
+
return /*#__PURE__*/React__default["default"].createElement(Button.ButtonGroup, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
101
112
|
onClick: onButtonClick
|
|
102
|
-
}, title), /*#__PURE__*/
|
|
113
|
+
}, title), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({
|
|
103
114
|
className: classname.cx(prefixCls + "__icon", prefixCls + "__icon-btn-wrap")
|
|
104
115
|
}, getTriggerProps(), {
|
|
105
|
-
icon: /*#__PURE__*/
|
|
116
|
+
icon: /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null)
|
|
106
117
|
})));
|
|
107
118
|
}
|
|
108
119
|
return null;
|
|
109
120
|
};
|
|
110
|
-
return /*#__PURE__*/
|
|
121
|
+
return /*#__PURE__*/React__default["default"].createElement(context.DropDownProvider, {
|
|
111
122
|
value: providedValue
|
|
112
|
-
}, /*#__PURE__*/
|
|
123
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
|
|
113
124
|
ref: ref,
|
|
114
125
|
role: role,
|
|
115
126
|
className: cls
|
|
116
|
-
}, rootProps), renderButton(), typeAssertion.isArrayNonEmpty(data) ? /*#__PURE__*/
|
|
127
|
+
}, rootProps), renderButton(), typeAssertion.isArrayNonEmpty(data) ? ( /*#__PURE__*/React__default["default"].createElement(DropdownMenu, Object.assign({}, getMenuProps({
|
|
117
128
|
overlay: {
|
|
118
129
|
disabledPortal: false,
|
|
119
130
|
className: overlayClassName
|
|
120
131
|
}
|
|
121
132
|
}), {
|
|
122
133
|
size: size
|
|
123
|
-
}), dig(data)) : null));
|
|
134
|
+
}), dig(data))) : null));
|
|
124
135
|
});
|
|
125
136
|
if (env.__DEV__) {
|
|
126
137
|
Dropdown.displayName = 'Dropdown';
|
|
@@ -137,10 +148,10 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
137
148
|
size = _a$size2 === void 0 ? 'lg' : _a$size2,
|
|
138
149
|
rest = tslib.__rest(_a, ["prefixCls", "role", "overlay", "parents", "className", "children", "size"]);
|
|
139
150
|
var cls = classname.cx(prefixCls, className, prefixCls + "--size-" + size);
|
|
140
|
-
return /*#__PURE__*/
|
|
151
|
+
return /*#__PURE__*/React__default["default"].createElement(popper.Popper, Object.assign({}, overlay), /*#__PURE__*/React__default["default"].createElement("ul", Object.assign({
|
|
141
152
|
ref: ref,
|
|
142
153
|
className: cls
|
|
143
|
-
}, rest), children ?
|
|
154
|
+
}, rest), children ? React__default["default"].Children.map(children, function (child) {
|
|
144
155
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
145
156
|
parents: parents
|
|
146
157
|
});
|
|
@@ -180,18 +191,18 @@ var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
180
191
|
getMenuProps = _useDropdown.getMenuProps;
|
|
181
192
|
var cls = classname.cx(prefixCls, className, menuVisible && prefixCls + "--active", disabled && prefixCls + "--disabled");
|
|
182
193
|
var shouldUseLink = href && !disabled;
|
|
183
|
-
return /*#__PURE__*/
|
|
194
|
+
return /*#__PURE__*/React__default["default"].createElement("li", Object.assign({
|
|
184
195
|
ref: ref,
|
|
185
196
|
className: cls
|
|
186
|
-
}, rootProps), /*#__PURE__*/
|
|
197
|
+
}, rootProps), /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
|
|
187
198
|
className: prefixCls + "__trigger"
|
|
188
|
-
}, getTriggerProps()), shouldUseLink ? /*#__PURE__*/
|
|
199
|
+
}, getTriggerProps()), shouldUseLink ? ( /*#__PURE__*/React__default["default"].createElement("a", {
|
|
189
200
|
className: prefixCls + "__link",
|
|
190
201
|
href: href,
|
|
191
202
|
target: target
|
|
192
|
-
}, children) : children, menu ? /*#__PURE__*/
|
|
203
|
+
}, children)) : children, menu ? ( /*#__PURE__*/React__default["default"].createElement("span", {
|
|
193
204
|
className: prefixCls + "__arrow"
|
|
194
|
-
}, /*#__PURE__*/
|
|
205
|
+
}, /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null))) : null), menu ? /*#__PURE__*/React.cloneElement(menu, Object.assign({}, getMenuProps(menu.props))) : null);
|
|
195
206
|
});
|
|
196
207
|
if (env.__DEV__) {
|
|
197
208
|
DropdownMenuItem.displayName = 'DropdownMenuItem';
|
package/lib/cjs/context.js
CHANGED
package/lib/cjs/types.js
CHANGED
package/lib/cjs/use-dropdown.js
CHANGED
package/lib/cjs/utils/index.js
CHANGED
package/lib/esm/Dropdown.js
CHANGED
|
@@ -51,12 +51,12 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
51
51
|
var cls = cx(prefixCls, className, disabled && prefixCls + "--disabled");
|
|
52
52
|
var dig = function dig(treeData) {
|
|
53
53
|
return treeData.map(function (item) {
|
|
54
|
-
var menu = isArrayNonEmpty(item.children) ? /*#__PURE__*/React.createElement(DropdownMenu, {
|
|
54
|
+
var menu = isArrayNonEmpty(item.children) ? ( /*#__PURE__*/React.createElement(DropdownMenu, {
|
|
55
55
|
overlay: {
|
|
56
56
|
gutterGap: 16
|
|
57
57
|
},
|
|
58
58
|
size: size
|
|
59
|
-
}, dig(item.children)) : null;
|
|
59
|
+
}, dig(item.children))) : null;
|
|
60
60
|
if (item.split) {
|
|
61
61
|
return /*#__PURE__*/React.createElement("li", {
|
|
62
62
|
key: item.id,
|
|
@@ -111,14 +111,14 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
111
111
|
ref: ref,
|
|
112
112
|
role: role,
|
|
113
113
|
className: cls
|
|
114
|
-
}, rootProps), renderButton(), isArrayNonEmpty(data) ? /*#__PURE__*/React.createElement(DropdownMenu, Object.assign({}, getMenuProps({
|
|
114
|
+
}, rootProps), renderButton(), isArrayNonEmpty(data) ? ( /*#__PURE__*/React.createElement(DropdownMenu, Object.assign({}, getMenuProps({
|
|
115
115
|
overlay: {
|
|
116
116
|
disabledPortal: false,
|
|
117
117
|
className: overlayClassName
|
|
118
118
|
}
|
|
119
119
|
}), {
|
|
120
120
|
size: size
|
|
121
|
-
}), dig(data)) : null));
|
|
121
|
+
}), dig(data))) : null));
|
|
122
122
|
});
|
|
123
123
|
if (__DEV__) {
|
|
124
124
|
Dropdown.displayName = 'Dropdown';
|
|
@@ -183,13 +183,13 @@ var DropdownMenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
183
183
|
className: cls
|
|
184
184
|
}, rootProps), /*#__PURE__*/React.createElement("div", Object.assign({
|
|
185
185
|
className: prefixCls + "__trigger"
|
|
186
|
-
}, getTriggerProps()), shouldUseLink ? /*#__PURE__*/React.createElement("a", {
|
|
186
|
+
}, getTriggerProps()), shouldUseLink ? ( /*#__PURE__*/React.createElement("a", {
|
|
187
187
|
className: prefixCls + "__link",
|
|
188
188
|
href: href,
|
|
189
189
|
target: target
|
|
190
|
-
}, children) : children, menu ? /*#__PURE__*/React.createElement("span", {
|
|
190
|
+
}, children)) : children, menu ? ( /*#__PURE__*/React.createElement("span", {
|
|
191
191
|
className: prefixCls + "__arrow"
|
|
192
|
-
}, /*#__PURE__*/React.createElement(DownOutlined, null)) : null), menu ? /*#__PURE__*/cloneElement(menu, Object.assign({}, getMenuProps(menu.props))) : null);
|
|
192
|
+
}, /*#__PURE__*/React.createElement(DownOutlined, null))) : null), menu ? /*#__PURE__*/cloneElement(menu, Object.assign({}, getMenuProps(menu.props))) : null);
|
|
193
193
|
});
|
|
194
194
|
if (__DEV__) {
|
|
195
195
|
DropdownMenuItem.displayName = 'DropdownMenuItem';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hi-ui/dropdown",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.4",
|
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "HiUI <mi-hiui@xiaomi.com>",
|
|
@@ -43,27 +43,27 @@
|
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@hi-ui/button": "^4.0.
|
|
47
|
-
"@hi-ui/classname": "^4.0.
|
|
48
|
-
"@hi-ui/dom-utils": "^4.0.
|
|
49
|
-
"@hi-ui/env": "^4.0.
|
|
50
|
-
"@hi-ui/icons": "^4.0.
|
|
51
|
-
"@hi-ui/popper": "^4.1.
|
|
52
|
-
"@hi-ui/react-utils": "^4.0.
|
|
53
|
-
"@hi-ui/type-assertion": "^4.0.
|
|
54
|
-
"@hi-ui/use-latest": "^4.0.
|
|
55
|
-
"@hi-ui/use-timeout": "^4.0.
|
|
56
|
-
"@hi-ui/use-toggle": "^4.0.
|
|
57
|
-
"@hi-ui/use-unmount-effect": "^4.0.
|
|
46
|
+
"@hi-ui/button": "^4.0.9",
|
|
47
|
+
"@hi-ui/classname": "^4.0.4",
|
|
48
|
+
"@hi-ui/dom-utils": "^4.0.7",
|
|
49
|
+
"@hi-ui/env": "^4.0.4",
|
|
50
|
+
"@hi-ui/icons": "^4.0.18",
|
|
51
|
+
"@hi-ui/popper": "^4.1.3",
|
|
52
|
+
"@hi-ui/react-utils": "^4.0.4",
|
|
53
|
+
"@hi-ui/type-assertion": "^4.0.4",
|
|
54
|
+
"@hi-ui/use-latest": "^4.0.4",
|
|
55
|
+
"@hi-ui/use-timeout": "^4.0.4",
|
|
56
|
+
"@hi-ui/use-toggle": "^4.0.4",
|
|
57
|
+
"@hi-ui/use-unmount-effect": "^4.0.4"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
60
|
-
"@hi-ui/core": ">=4.0.
|
|
60
|
+
"@hi-ui/core": ">=4.0.8",
|
|
61
61
|
"react": ">=16.8.6",
|
|
62
62
|
"react-dom": ">=16.8.6"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
|
-
"@hi-ui/core": "^4.0.
|
|
66
|
-
"@hi-ui/core-css": "^4.1.
|
|
65
|
+
"@hi-ui/core": "^4.0.8",
|
|
66
|
+
"@hi-ui/core-css": "^4.1.5",
|
|
67
67
|
"react": "^17.0.1",
|
|
68
68
|
"react-dom": "^17.0.1"
|
|
69
69
|
}
|