@hi-ui/dropdown 4.0.0-alpha.10 → 4.0.0-alpha.14
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/README.md +9 -8
- package/lib/cjs/Dropdown.js +10 -9
- package/lib/cjs/Dropdown.js.map +1 -1
- package/lib/cjs/styles/index.scss.js +1 -1
- package/lib/esm/Dropdown.js +10 -9
- package/lib/esm/Dropdown.js.map +1 -1
- package/lib/esm/styles/index.scss.js +1 -1
- package/lib/types/Dropdown.d.ts +1 -1
- package/lib/types/types.d.ts +4 -0
- package/package.json +11 -11
package/README.md
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
| width | 菜单项宽度 | number | - | 180 |
|
|
25
25
|
| overlayClassName | 下拉根元素的类名称 | string | - | - |
|
|
26
26
|
| overlay | 自定义控制弹出层 popper 行为 | PopperOverlayProps | - | - |
|
|
27
|
-
|
|
|
27
|
+
| children | 自定义下拉菜单触发按钮，优先级大于 type | ReactElement | - | - |
|
|
28
28
|
|
|
29
29
|
> 注意：自定义按钮需要支持 ref 获取元素 dom 引用 以及 trigger 对应的事件：
|
|
30
30
|
>
|
|
@@ -53,10 +53,11 @@
|
|
|
53
53
|
|
|
54
54
|
## CHANGELOG
|
|
55
55
|
|
|
56
|
-
| 参数
|
|
57
|
-
|
|
|
58
|
-
| propName
|
|
59
|
-
| ----
|
|
60
|
-
|
|
|
61
|
-
| popper
|
|
62
|
-
| id
|
|
56
|
+
| 参数 | 变更类型 | 变更内容 | 解决的问题 |
|
|
57
|
+
| -------- | ------------------------------- | ------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------- |
|
|
58
|
+
| propName | feature \| deprecated \| update | 变更了什么 | 之前是什么样子，解决什么问题 |
|
|
59
|
+
| ---- | ---- | ---- | ---- |
|
|
60
|
+
| children | feature | 自定义下拉菜单触发按钮 | 功能强化 |
|
|
61
|
+
| popper | feature | 字段 placement -> popper | Picker 类型组件统一支持，聚合管理。比如： placement arrow container disablePortal 等，之前有的加了有的没加 |
|
|
62
|
+
| id | update | 对于表单控件 id 值的控制，均使用 ReactText（即 string 和 number 都支持） | 之前是 string 类型 |
|
|
63
|
+
| data | update | 添加 { type: } | 扩展分割线 |
|
package/lib/cjs/Dropdown.js
CHANGED
|
@@ -65,6 +65,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
65
65
|
_a$role = _a.role,
|
|
66
66
|
role = _a$role === void 0 ? _role : _a$role,
|
|
67
67
|
className = _a.className,
|
|
68
|
+
triggerButton = _a.children,
|
|
68
69
|
_a$data = _a.data,
|
|
69
70
|
data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
|
|
70
71
|
title = _a.title,
|
|
@@ -73,8 +74,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
73
74
|
_onClick = _a.onClick,
|
|
74
75
|
onButtonClick = _a.onButtonClick,
|
|
75
76
|
overlayClassName = _a.overlayClassName,
|
|
76
|
-
|
|
77
|
-
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "title", "type", "onClick", "onButtonClick", "overlayClassName", "triggerButton"]);
|
|
77
|
+
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "title", "type", "onClick", "onButtonClick", "overlayClassName"]);
|
|
78
78
|
|
|
79
79
|
var _b = useDropdown.useDropdown(rest),
|
|
80
80
|
rootProps = _b.rootProps,
|
|
@@ -92,11 +92,9 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
92
92
|
overlay: {
|
|
93
93
|
gutterGap: 16
|
|
94
94
|
}
|
|
95
|
-
}, dig(item.children)) : null;
|
|
95
|
+
}, dig(item.children)) : null;
|
|
96
96
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
if (shouldRenderDivider) {
|
|
97
|
+
if (item.split) {
|
|
100
98
|
return /*#__PURE__*/React__default['default'].createElement("li", {
|
|
101
99
|
key: item.id,
|
|
102
100
|
className: prefixCls + "-divider"
|
|
@@ -129,7 +127,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
129
127
|
|
|
130
128
|
if (type === 'text' || type === 'button') {
|
|
131
129
|
return /*#__PURE__*/React__default['default'].createElement(Button__default['default'], Object.assign({}, getTriggerProps(), {
|
|
132
|
-
appearance: type === 'button' ? '
|
|
130
|
+
appearance: type === 'button' ? 'filled' : 'link'
|
|
133
131
|
}), title, /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, {
|
|
134
132
|
style: {
|
|
135
133
|
marginInlineStart: 2
|
|
@@ -226,11 +224,12 @@ var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
226
224
|
trigger: triggerMethods,
|
|
227
225
|
parents: parentsProp
|
|
228
226
|
})),
|
|
227
|
+
menuVisible = _useDropdown.menuVisible,
|
|
229
228
|
rootProps = _useDropdown.rootProps,
|
|
230
229
|
getTriggerProps = _useDropdown.getTriggerProps,
|
|
231
230
|
getMenuProps = _useDropdown.getMenuProps;
|
|
232
231
|
|
|
233
|
-
var cls = classname.cx(prefixCls, className);
|
|
232
|
+
var cls = classname.cx(prefixCls, className, menuVisible && prefixCls + "--active");
|
|
234
233
|
var shouldUseLink = href && !disabled;
|
|
235
234
|
return /*#__PURE__*/React__default['default'].createElement("li", Object.assign({
|
|
236
235
|
ref: ref,
|
|
@@ -241,7 +240,9 @@ var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
241
240
|
className: prefixCls + "__link",
|
|
242
241
|
href: href,
|
|
243
242
|
target: target
|
|
244
|
-
}, children) : children
|
|
243
|
+
}, children) : children, menu ? /*#__PURE__*/React__default['default'].createElement("span", {
|
|
244
|
+
className: prefixCls + "__arrow"
|
|
245
|
+
}, /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null)) : null), menu ? /*#__PURE__*/React.cloneElement(menu, Object.assign({}, getMenuProps(menu.props))) : null);
|
|
245
246
|
});
|
|
246
247
|
|
|
247
248
|
if (env.__DEV__) {
|
package/lib/cjs/Dropdown.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../src/Dropdown.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","DEFAULT_DATA","Dropdown","forwardRef","_a","ref","prefixCls","role","className","data","title","type","onClick","onButtonClick","overlayClassName","
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../src/Dropdown.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","DEFAULT_DATA","Dropdown","forwardRef","_a","ref","prefixCls","role","className","triggerButton","children","data","title","type","onClick","onButtonClick","overlayClassName","rest","_b","useDropdown","rootProps","providedValue","getMenuProps","getTriggerProps","disabled","menuVisibleAction","cls","cx","dig","treeData","map","item","menu","isArrayNonEmpty","React","DropdownMenu","overlay","gutterGap","split","key","id","DropdownMenuItem","href","target","value","isArray","off","renderButton","cloneElement","props","Button","appearance","DownOutlined","style","marginInlineStart","ButtonGroup","DropDownProvider","disabledPortal","__DEV__","displayName","dropdownMenuPrefix","parents","PopperPortal","Children","child","dropdownMenuItemPrefix","parentsProp","useDropDownContext","triggerMethods","width","placement","trigger","menuVisible","shouldUseLink"],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
Object.defineProperty(exports, '__esModule', {
|
|
13
13
|
value: true
|
|
14
14
|
});
|
|
15
|
-
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-dropdown-menu {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n width: 180px;\n width: var(--hi-v4-dropdown-menu-width, 180px); }\n.hi-v4-dropdown-menu-item {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n list-style: none;\n margin: 0;\n box-sizing: border-box;\n overflow: visible; }\n.hi-v4-dropdown-menu-item__link {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n width: 100%;\n text-decoration: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-dropdown-menu-item__trigger {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n cursor: pointer;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding:
|
|
15
|
+
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-dropdown {\n display: inline-block; }\n.hi-v4-dropdown-menu {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n width: 180px;\n width: var(--hi-v4-dropdown-menu-width, 180px); }\n.hi-v4-dropdown-menu-item {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n list-style: none;\n margin: 0;\n box-sizing: border-box;\n overflow: visible;\n padding: 4px 0;\n padding: var(--hi-v4-spacing-2, 4px) 0; }\n.hi-v4-dropdown-menu-item__link {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n width: 100%;\n text-decoration: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-dropdown-menu-item__arrow {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg); }\n.hi-v4-dropdown-menu-item__trigger {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n cursor: pointer;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 8px 12px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-6, 12px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between; }\n.hi-v4-dropdown-menu-item__trigger:hover {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-dropdown-menu-item--active > .hi-v4-dropdown-menu-item__trigger {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-dropdown-divider {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n list-style: none;\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n width: 100%;\n height: 1px;\n margin: 8px 0;\n margin: var(--hi-v4-spacing-4, 8px) 0; }\n";
|
|
16
16
|
|
|
17
17
|
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
|
18
18
|
|
package/lib/esm/Dropdown.js
CHANGED
|
@@ -37,6 +37,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
37
37
|
_a$role = _a.role,
|
|
38
38
|
role = _a$role === void 0 ? _role : _a$role,
|
|
39
39
|
className = _a.className,
|
|
40
|
+
triggerButton = _a.children,
|
|
40
41
|
_a$data = _a.data,
|
|
41
42
|
data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
|
|
42
43
|
title = _a.title,
|
|
@@ -45,8 +46,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
45
46
|
_onClick = _a.onClick,
|
|
46
47
|
onButtonClick = _a.onButtonClick,
|
|
47
48
|
overlayClassName = _a.overlayClassName,
|
|
48
|
-
|
|
49
|
-
rest = __rest(_a, ["prefixCls", "role", "className", "children", "data", "title", "type", "onClick", "onButtonClick", "overlayClassName", "triggerButton"]);
|
|
49
|
+
rest = __rest(_a, ["prefixCls", "role", "className", "children", "data", "title", "type", "onClick", "onButtonClick", "overlayClassName"]);
|
|
50
50
|
|
|
51
51
|
var _b = useDropdown(rest),
|
|
52
52
|
rootProps = _b.rootProps,
|
|
@@ -64,11 +64,9 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
64
64
|
overlay: {
|
|
65
65
|
gutterGap: 16
|
|
66
66
|
}
|
|
67
|
-
}, dig(item.children)) : null;
|
|
67
|
+
}, dig(item.children)) : null;
|
|
68
68
|
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
if (shouldRenderDivider) {
|
|
69
|
+
if (item.split) {
|
|
72
70
|
return /*#__PURE__*/React.createElement("li", {
|
|
73
71
|
key: item.id,
|
|
74
72
|
className: prefixCls + "-divider"
|
|
@@ -101,7 +99,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
101
99
|
|
|
102
100
|
if (type === 'text' || type === 'button') {
|
|
103
101
|
return /*#__PURE__*/React.createElement(Button, Object.assign({}, getTriggerProps(), {
|
|
104
|
-
appearance: type === 'button' ? '
|
|
102
|
+
appearance: type === 'button' ? 'filled' : 'link'
|
|
105
103
|
}), title, /*#__PURE__*/React.createElement(DownOutlined, {
|
|
106
104
|
style: {
|
|
107
105
|
marginInlineStart: 2
|
|
@@ -198,11 +196,12 @@ var DropdownMenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
198
196
|
trigger: triggerMethods,
|
|
199
197
|
parents: parentsProp
|
|
200
198
|
})),
|
|
199
|
+
menuVisible = _useDropdown.menuVisible,
|
|
201
200
|
rootProps = _useDropdown.rootProps,
|
|
202
201
|
getTriggerProps = _useDropdown.getTriggerProps,
|
|
203
202
|
getMenuProps = _useDropdown.getMenuProps;
|
|
204
203
|
|
|
205
|
-
var cls = cx(prefixCls, className);
|
|
204
|
+
var cls = cx(prefixCls, className, menuVisible && prefixCls + "--active");
|
|
206
205
|
var shouldUseLink = href && !disabled;
|
|
207
206
|
return /*#__PURE__*/React.createElement("li", Object.assign({
|
|
208
207
|
ref: ref,
|
|
@@ -213,7 +212,9 @@ var DropdownMenuItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
213
212
|
className: prefixCls + "__link",
|
|
214
213
|
href: href,
|
|
215
214
|
target: target
|
|
216
|
-
}, children) : children
|
|
215
|
+
}, children) : children, menu ? /*#__PURE__*/React.createElement("span", {
|
|
216
|
+
className: prefixCls + "__arrow"
|
|
217
|
+
}, /*#__PURE__*/React.createElement(DownOutlined, null)) : null), menu ? /*#__PURE__*/cloneElement(menu, Object.assign({}, getMenuProps(menu.props))) : null);
|
|
217
218
|
});
|
|
218
219
|
|
|
219
220
|
if (__DEV__) {
|
package/lib/esm/Dropdown.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../src/Dropdown.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","DEFAULT_DATA","Dropdown","forwardRef","_a","ref","prefixCls","role","className","data","title","type","onClick","onButtonClick","overlayClassName","
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../src/Dropdown.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","DEFAULT_DATA","Dropdown","forwardRef","_a","ref","prefixCls","role","className","triggerButton","children","data","title","type","onClick","onButtonClick","overlayClassName","rest","_b","useDropdown","rootProps","providedValue","getMenuProps","getTriggerProps","disabled","menuVisibleAction","cls","cx","dig","treeData","map","item","menu","isArrayNonEmpty","React","DropdownMenu","overlay","gutterGap","split","key","id","DropdownMenuItem","href","target","value","isArray","off","renderButton","cloneElement","props","Button","appearance","DownOutlined","style","marginInlineStart","ButtonGroup","DropDownProvider","disabledPortal","__DEV__","displayName","dropdownMenuPrefix","parents","PopperPortal","Children","child","dropdownMenuItemPrefix","parentsProp","useDropDownContext","triggerMethods","width","placement","trigger","menuVisible","shouldUseLink"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
9
|
*/
|
|
10
|
-
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-dropdown-menu {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n width: 180px;\n width: var(--hi-v4-dropdown-menu-width, 180px); }\n.hi-v4-dropdown-menu-item {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n list-style: none;\n margin: 0;\n box-sizing: border-box;\n overflow: visible; }\n.hi-v4-dropdown-menu-item__link {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n width: 100%;\n text-decoration: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-dropdown-menu-item__trigger {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n cursor: pointer;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding:
|
|
10
|
+
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-dropdown {\n display: inline-block; }\n.hi-v4-dropdown-menu {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n padding: 8px;\n padding: var(--hi-v4-spacing-4, 8px);\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n width: 180px;\n width: var(--hi-v4-dropdown-menu-width, 180px); }\n.hi-v4-dropdown-menu-item {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n list-style: none;\n margin: 0;\n box-sizing: border-box;\n overflow: visible;\n padding: 4px 0;\n padding: var(--hi-v4-spacing-2, 4px) 0; }\n.hi-v4-dropdown-menu-item__link {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n width: 100%;\n text-decoration: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-dropdown-menu-item__arrow {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg); }\n.hi-v4-dropdown-menu-item__trigger {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n cursor: pointer;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 8px 12px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-6, 12px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between; }\n.hi-v4-dropdown-menu-item__trigger:hover {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-dropdown-menu-item--active > .hi-v4-dropdown-menu-item__trigger {\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-dropdown-divider {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n list-style: none;\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n width: 100%;\n height: 1px;\n margin: 8px 0;\n margin: var(--hi-v4-spacing-4, 8px) 0; }\n";
|
|
11
11
|
|
|
12
12
|
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
|
|
13
13
|
|
package/lib/types/Dropdown.d.ts
CHANGED
package/lib/types/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hi-ui/dropdown",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.14",
|
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
|
@@ -43,19 +43,19 @@
|
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@hi-ui/button": "^4.0.0-alpha.
|
|
46
|
+
"@hi-ui/button": "^4.0.0-alpha.26",
|
|
47
47
|
"@hi-ui/classname": "^4.0.0-alpha.3",
|
|
48
|
-
"@hi-ui/core": "^4.0.0-alpha.
|
|
49
|
-
"@hi-ui/core-css": "^4.0.0-alpha.
|
|
48
|
+
"@hi-ui/core": "^4.0.0-alpha.20",
|
|
49
|
+
"@hi-ui/core-css": "^4.0.0-alpha.14",
|
|
50
50
|
"@hi-ui/dom-utils": "^4.0.0-alpha.7",
|
|
51
|
-
"@hi-ui/env": "^4.0.0-alpha.
|
|
52
|
-
"@hi-ui/icons": "^4.0.0-alpha.
|
|
53
|
-
"@hi-ui/popper": "^4.0.0-alpha.
|
|
54
|
-
"@hi-ui/react-utils": "^4.0.0-alpha.
|
|
55
|
-
"@hi-ui/type-assertion": "^4.0.0-alpha.
|
|
51
|
+
"@hi-ui/env": "^4.0.0-alpha.6",
|
|
52
|
+
"@hi-ui/icons": "^4.0.0-alpha.29",
|
|
53
|
+
"@hi-ui/popper": "^4.0.0-alpha.25",
|
|
54
|
+
"@hi-ui/react-utils": "^4.0.0-alpha.8",
|
|
55
|
+
"@hi-ui/type-assertion": "^4.0.0-alpha.14",
|
|
56
56
|
"@hi-ui/use-latest": "^4.0.0-alpha.5",
|
|
57
57
|
"@hi-ui/use-timeout": "^4.0.0-alpha.5",
|
|
58
|
-
"@hi-ui/use-toggle": "^4.0.0-alpha.
|
|
58
|
+
"@hi-ui/use-toggle": "^4.0.0-alpha.12",
|
|
59
59
|
"@hi-ui/use-unmount-effect": "^4.0.0-alpha.6"
|
|
60
60
|
},
|
|
61
61
|
"peerDependencies": {
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"react": "^17.0.1",
|
|
68
68
|
"react-dom": "^17.0.1"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "e2c5a8d51cea3fbc08cb475b4acfb0972f95d418"
|
|
71
71
|
}
|