mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-12-15 17:31:43 +08:00
3aeeeb2aed
* refactor: transfer、tooltip (#4306) * refactor(transfer): use composition api (#4135) * refactor(transfer): use composition api * fix: remove console * refactor(tooltip): use composition api (#4059) * refactor(tooltip): use composition api * chore: useConfigInject * fix: remove useless * style: format code * refactor: transfer * refactor: tooltip Co-authored-by: ajuner <106791576@qq.com> * Refactor mentions (#4341) * refactor(mentions): use compositionAPI (#4313) * refactor: mentions * refactor: mentions Co-authored-by: ajuner <106791576@qq.com> * Refactor progress (#4358) * fix: timepicker error border not show #4331 * fix(UploadDragger): fix UploadDrager no export (#4334) * refactor(switch): support customize checked value #4329 (#4332) * refactor(switch): support customize checked value #4329 * test: add test case * refactor: update props name * refactor: update ts * refactor: optimize * style: uncheckedValue to unCheckedValue * test: update snap * feat: udpate switch ts * docs: remove ie11 * fix: tree-select throw error when use slot title * fix: TypeScript definition of Table interface for typescript 4.3.5 (#4353) * fix type for typescript 4.3.5 * Update interface.ts close #4296 * fix: dropdown submenu style error #4351 close #4351 * fix(notification): 完善notification类型 (#4346) * refactor(progress): use composition API (#4355) * refactor(progress): use composition API * refactor(vc-progress): update * refactor: progress * refactor: progress * fix: timepicker error border not show #4331 * fix(UploadDragger): fix UploadDrager no export (#4334) * refactor(switch): support customize checked value #4329 (#4332) * refactor(switch): support customize checked value #4329 * test: add test case * refactor: update props name * refactor: update ts * refactor: optimize * style: uncheckedValue to unCheckedValue * test: update snap * feat: udpate switch ts * docs: remove ie11 * fix: tree-select throw error when use slot title * fix: TypeScript definition of Table interface for typescript 4.3.5 (#4353) * fix type for typescript 4.3.5 * Update interface.ts close #4296 * fix: dropdown submenu style error #4351 close #4351 * fix(notification): 完善notification类型 (#4346) * refactor(progress): use composition API (#4355) * refactor(progress): use composition API * refactor(vc-progress): update * refactor: progress * refactor: progress Co-authored-by: Jarvis <35361626+fanhaoyuan@users.noreply.github.com> Co-authored-by: John <John60676@qq.com> Co-authored-by: 艾斯特洛 <axetroy.dev@gmail.com> Co-authored-by: zanllp <qc@zanllp.cn> * docs: add changelog * refactor: tree * refactor: tree * style: lint * refactor: tree * 热factor: tree * refactor: tree * refactor: tree * refactor: tree * refactor: directory tree * refactor: tree * refactor: tree-select * refactor: tree-select * refactor: tree-select * refactor: tree-select * refactor: tree-select * style: lint format * refactor: tree-select * refactor: tree-select * refactor: tree-select * refactor: tree-select * refactor: tree-select * refactor: tree-select * fix: upload ts error * fix: update tree title render & switchIcon * test: update tree test * feat: add VirtualScroll tree * refactor: datePicker & calendar & trigger (#4522) * style: update * test: update calendar test * test: update test * test: update test * refactor: slider * feat: update slider css * refactor: slider to ts * refactor: slider to ts * perf: update default itemHeight * test: update * fix: uddate ts type * fix: update skeleton * fix: update skeleton * refactor: update vc-pagination * refactor: pagination * refactor: timeline * refactor: steps * refactor: collapse * refactor: collapse * refactor: popconfirm * refactor: popover * refactor: dropdown * doc: merge doc * chore: vite for dev (#4602) * style: js to jsx * doc: add site * style: lint * style: format ts type * doc: update * style: format code * style: format site * doc: update * style: dmeo * style: format scripts * chore: remove sub-modules * chore: update vite * site: add site build * test: update snap * doc(select): add tip (#4606) * refactor: table (#4641) * refactor: table * refactor: table * refactor: table * refactor: table * refactor: table * refactor: table * refactor: table * refactor: table * refactor: table * fix: column not pass to cell * doc: uppate table * fix: update bodyCell headerCell * doc: remove examples * refactor: table * fix: table title not work * fix: table selection * fix: table checkStrictly * refactor: table * fix: table template error * feat: table support summary * test: update snap * perf: table * docs(table): fix ajax demo (#4639) * test: update table * refactor: remove old table * doc: update table doc * doc: update doc * doc: update select * doc: update summary Co-authored-by: John <John60676@qq.com> * doc: update doc * fix: menu arrow not work * test: update * doc: add next site * style: format * doc: update * doc: update site script * fix: expand icon not fixed * feat: use renderSlot * test: update table snap * feat: confirm support reactively * feat: configProvider.config * feat: message support configprovider.config * feat: notification support configprovider.config * doc: update doc * fix: typescript compile error * style: add import eslint * doc: update demo * chore: set transpileOnly true * style: fix eslint error * test: update snap * doc: update * test: mock date * test: update snap * chore: remove gulp-typescript (#4675) * feat: V3 form (#4678) * chore: update husky * perf: update formItem * perf: useInjectFormItemContext * fix: table ts error * doc: add Customized Form Controls demo * feat: export useInjectFormItemContext * doc: update form doc * doc: update doc * doc: update doc * feat: autocomplete support option slot * doc: update * feat: add form item rest * style: remove omit.js * refactor: autocomplete * doc: add changelog to site * doc: update site anchor * doc: update doc layout * test: update table test * doc: update * chore: udpate gulp script * chore: udpate gulp script * doc: add changelog * doc: update * test: ignore some test wait vue-test-utils * fix: form id error #4582 close #4582 * doc: add select Responsive demo * doc: remove temp doc Co-authored-by: ajuner <106791576@qq.com> Co-authored-by: Jarvis <35361626+fanhaoyuan@users.noreply.github.com> Co-authored-by: John <John60676@qq.com> Co-authored-by: 艾斯特洛 <axetroy.dev@gmail.com> Co-authored-by: zanllp <qc@zanllp.cn> Co-authored-by: Amour1688 <lcz_1996@foxmail.com>
4.3 KiB
4.3 KiB
category | cols | type | title | cover |
---|---|---|---|---|
Components | 1 | Navigation | Menu | https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg |
A versatile menu for navigation.
When To Use
Navigation is an important part of any website, as a good navigation setup allows users to move around the site quickly and efficiently. Ant Design offers top and side navigation options. Top navigation provides all the categories and functions of the website. Side navigation provides the multi-level structure of the website.
More layouts with navigation: Layout.
API
<template>
<a-menu>
<a-menu-item>Menu</a-menu-item>
<a-sub-menu title="SubMenu">
<a-menu-item>SubMenuItem</a-menu-item>
</a-sub-menu>
</a-menu>
</template>
Menu
Param | Description | Type | Default value |
---|---|---|---|
forceSubMenuRender | render submenu into DOM before it shows | boolean | false |
inlineCollapsed | specifies the collapsed status when menu is inline mode | boolean | - |
inlineIndent | indent px of inline menu item on each level | number | 24 |
mode | type of the menu; vertical , horizontal , and inline modes are supported |
string: vertical | vertical-right | horizontal | inline |
vertical |
multiple | Allow selection of multiple items | boolean | false |
openKeys(v-model) | array with the keys of currently opened sub menus | string[] | |
selectable | allow selecting menu items | boolean | true |
selectedKeys(v-model) | array with the keys of currently selected menu items | string[] | |
style | style of the root node | object | |
subMenuCloseDelay | delay time to hide submenu when mouse leave, unit: second | number | 0.1 |
subMenuOpenDelay | delay time to show submenu when mouse enter, unit: second | number | 0 |
theme | color theme of the menu | string: light dark |
light |
overflowedIndicator | Customized icon when menu is collapsed | DOM | <span>···</span> |
Menu Events
Events Name | Description | Arguments |
---|---|---|
click | callback executed when a menu item is clicked | function({ item, key, keyPath }) |
deselect | callback executed when a menu item is deselected, only supported for multiple mode | function({ item, key, selectedKeys }) |
openChange | called when open/close sub menu | function(openKeys: string[]) |
select | callback executed when a menu item is selected | function({ item, key, selectedKeys }) |
Menu.Item
Param | Description | Type | Default value |
---|---|---|---|
disabled | whether menu item is disabled or not | boolean | false |
key | unique id of the menu item | string | |
title | set display title for collapsed item | string |
Menu.SubMenu
Param | Description | Type | Default value | Version |
---|---|---|---|---|
popupClassName | Sub-menu class name | string | 1.5.0 | |
disabled | whether sub menu is disabled or not | boolean | false | |
key | Unique ID of the sub menu | string | ||
title | title of the sub menu | string|slot | ||
expandIcon | Customized expandIcon | slot | arrow icon | | |
The children of Menu.SubMenu must be MenuItem
or SubMenu
.
Menu.SubMenu Events
Events Name | Description | Arguments |
---|---|---|
titleClick | callback executed when the sub menu title is clicked | function({ key, domEvent }) |
Menu.ItemGroup
Param | Description | Type | Default value |
---|---|---|---|
children | sub-menu items | MenuItem[] | |
title | title of the group | string|slot |
The children of Menu.ItemGroup must be MenuItem
.
Menu.Divider
Divider line in between menu items, only used in vertical popup Menu or Dropdown Menu.