github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

doc: update menu

pull/5361/head
tangjinzhou 2022-03-17 11:14:54 +08:00
parent 05ff353f5d
commit f8cef206f3
4 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/menu/index.en-US.md
View File

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

2
components/menu/index.zh-CN.md
View File

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

15
components/menu/style/dark.less
View File

@ -1,4 +1,19 @@
.accessibility-focus-dark() {
box-shadow: 0 0 0 2px @primary-7;
}
.@{menu-prefix-cls} { .@{menu-prefix-cls} {
&&-root:focus-visible {
.accessibility-focus-dark();
}
&-dark &-item,
&-dark &-submenu-title {
&:focus-visible {
.accessibility-focus-dark();
}
}
// dark theme // dark theme
&&-dark, &&-dark,
&-dark &-sub, &-dark &-sub,

4
components/menu/style/index.less
View File

@ -6,7 +6,7 @@
@menu-animation-duration-normal: 0.15s; @menu-animation-duration-normal: 0.15s;
.accessibility-focus() { .accessibility-focus() {
box-shadow: 0 0 0 2px @primary-1; box-shadow: 0 0 0 2px @primary-2;
} }
// TODO: Should remove icon style compatible in v5 // TODO: Should remove icon style compatible in v5
@ -315,7 +315,7 @@
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 1.5px; height: 1.5px;
background-color: currentColor; background-color: currentcolor;
border-radius: 2px; border-radius: 2px;
transition: background @animation-duration-slow @ease-in-out, transition: background @animation-duration-slow @ease-in-out,
transform @animation-duration-slow @ease-in-out, top @animation-duration-slow @ease-in-out, transform @animation-duration-slow @ease-in-out, top @animation-duration-slow @ease-in-out,