Skip to content

Commit f8cef20

Browse files
committed
doc: update menu
1 parent 05ff353 commit f8cef20

File tree

4 files changed

+19
-4
lines changed

4 files changed

+19
-4
lines changed

components/menu/index.en-US.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ More layouts with navigation: [Layout](/components/layout).
4343
| mode | type of the menu; `vertical`, `horizontal`, and `inline` modes are supported | `vertical` \| `horizontal` \| `inline` | `vertical` |
4444
| multiple | Allow selection of multiple items | boolean | false |
4545
| openKeys(v-model) | array with the keys of currently opened sub menus | string\[] | |
46-
| overflowedIndicator | Customized icon when menu is collapsed | DOM | `<span>···</span>` |
46+
| overflowedIndicator | Customized the ellipsis icon when menu is collapsed horizontally | slot | `<EllipsisOutlined />` |
4747
| selectable | allow selecting menu items | boolean | true |
4848
| selectedKeys(v-model) | array with the keys of currently selected menu items | string\[] | |
4949
| style | style of the root node | object | |

components/menu/index.zh-CN.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
4444
| mode | 菜单类型,现在支持垂直、水平、和内嵌模式三种 | `vertical` \| `horizontal` \| `inline` | `vertical` |
4545
| multiple | 是否允许多选 | boolean | false |
4646
| openKeys(v-model) | 当前展开的 SubMenu 菜单项 key 数组 | string\[] | |
47-
| overflowedIndicator | 自定义 Menu 折叠时的图标 | DOM | `<span>···</span>` |
47+
| overflowedIndicator | 用于自定义 Menu 水平空间不足时的省略收缩的图标 | slot | `<EllipsisOutlined />` |
4848
| selectable | 是否允许选中 | boolean | true |
4949
| selectedKeys(v-model) | 当前选中的菜单项 key 数组 | string\[] | |
5050
| subMenuCloseDelay | 用户鼠标离开子菜单后关闭延时,单位:秒 | number | 0.1 |

components/menu/style/dark.less

+15
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,19 @@
1+
.accessibility-focus-dark() {
2+
box-shadow: 0 0 0 2px @primary-7;
3+
}
4+
15
.@{menu-prefix-cls} {
6+
&&-root:focus-visible {
7+
.accessibility-focus-dark();
8+
}
9+
10+
&-dark &-item,
11+
&-dark &-submenu-title {
12+
&:focus-visible {
13+
.accessibility-focus-dark();
14+
}
15+
}
16+
217
// dark theme
318
&&-dark,
419
&-dark &-sub,

components/menu/style/index.less

+2-2
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
@menu-animation-duration-normal: 0.15s;
77

88
.accessibility-focus() {
9-
box-shadow: 0 0 0 2px @primary-1;
9+
box-shadow: 0 0 0 2px @primary-2;
1010
}
1111

1212
// TODO: Should remove icon style compatible in v5
@@ -315,7 +315,7 @@
315315
position: absolute;
316316
width: 6px;
317317
height: 1.5px;
318-
background-color: currentColor;
318+
background-color: currentcolor;
319319
border-radius: 2px;
320320
transition: background @animation-duration-slow @ease-in-out,
321321
transform @animation-duration-slow @ease-in-out, top @animation-duration-slow @ease-in-out,

0 commit comments

Comments
 (0)