File tree 4 files changed +19
-4
lines changed
4 files changed +19
-4
lines changed Original file line number Diff line number Diff line change @@ -43,7 +43,7 @@ More layouts with navigation: [Layout](/components/layout).
43
43
| mode | type of the menu; ` vertical ` , ` horizontal ` , and ` inline ` modes are supported | ` vertical ` \| ` horizontal ` \| ` inline ` | ` vertical ` |
44
44
| multiple | Allow selection of multiple items | boolean | false |
45
45
| 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 / > ` |
47
47
| selectable | allow selecting menu items | boolean | true |
48
48
| selectedKeys(v-model) | array with the keys of currently selected menu items | string\[ ] | |
49
49
| style | style of the root node | object | |
Original file line number Diff line number Diff line change @@ -44,7 +44,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
44
44
| mode | 菜单类型,现在支持垂直、水平、和内嵌模式三种 | ` vertical ` \| ` horizontal ` \| ` inline ` | ` vertical ` |
45
45
| multiple | 是否允许多选 | boolean | false |
46
46
| openKeys(v-model) | 当前展开的 SubMenu 菜单项 key 数组 | string\[ ] | |
47
- | overflowedIndicator | 自定义 Menu 折叠时的图标 | DOM | ` <span>···</span > ` |
47
+ | overflowedIndicator | 用于自定义 Menu 水平空间不足时的省略收缩的图标 | slot | ` <EllipsisOutlined / > ` |
48
48
| selectable | 是否允许选中 | boolean | true |
49
49
| selectedKeys(v-model) | 当前选中的菜单项 key 数组 | string\[ ] | |
50
50
| subMenuCloseDelay | 用户鼠标离开子菜单后关闭延时,单位:秒 | number | 0.1 |
Original file line number Diff line number Diff line change
1
+ .accessibility-focus-dark () {
2
+ box-shadow : 0 0 0 2px @primary-7 ;
3
+ }
4
+
1
5
.@{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
+
2
17
// dark theme
3
18
&&-dark ,
4
19
&-dark &-sub ,
Original file line number Diff line number Diff line change 6
6
@menu-animation-duration-normal : 0.15s ;
7
7
8
8
.accessibility-focus () {
9
- box-shadow : 0 0 0 2px @primary-1 ;
9
+ box-shadow : 0 0 0 2px @primary-2 ;
10
10
}
11
11
12
12
// TODO: Should remove icon style compatible in v5
315
315
position : absolute ;
316
316
width : 6px ;
317
317
height : 1.5px ;
318
- background-color : currentColor ;
318
+ background-color : currentcolor ;
319
319
border-radius : 2px ;
320
320
transition : background @animation-duration-slow @ease-in-out ,
321
321
transform @animation-duration-slow @ease-in-out , top @animation-duration-slow @ease-in-out ,
You can’t perform that action at this time.
0 commit comments