From 1ff58d23f08d8d7f487c123f21eaf5d3a79f95e9 Mon Sep 17 00:00:00 2001 From: MadCcc <1075746765@qq.com> Date: Thu, 28 Apr 2022 19:50:33 +0800 Subject: [PATCH] feat: dropdown auto-focus (#35307) * feat: dropdown auto-focus * chore: update rc-tabs --- components/dropdown/index.en-US.md | 1 + components/dropdown/index.zh-CN.md | 1 + package.json | 4 ++-- 3 files changed, 4 insertions(+), 2 deletions(-) diff --git a/components/dropdown/index.en-US.md b/components/dropdown/index.en-US.md index 035af00153be..012b9a1fbe1c 100644 --- a/components/dropdown/index.en-US.md +++ b/components/dropdown/index.en-US.md @@ -18,6 +18,7 @@ When there are more than a few options to choose from, you can wrap them in a `D | Property | Description | Type | Default | Version | | --- | --- | --- | --- | --- | | arrow | Whether the dropdown arrow should be visible | boolean \| { pointAtCenter: boolean } | false | | +| autoFocus | Auto focus overlay when opened | boolean | - | 4.20.2 | | disabled | Whether the dropdown menu is disabled | boolean | - | | | destroyPopupOnHide | Whether destroy dropdown when hidden | boolean | false | | | getPopupContainer | To set the container of the dropdown menu. The default is to create a div element in body, but you can reset it to the scrolling area and make a relative reposition. [Example on CodePen](https://codepen.io/afc163/pen/zEjNOy?editors=0010) | (triggerNode: HTMLElement) => HTMLElement | () => document.body | | diff --git a/components/dropdown/index.zh-CN.md b/components/dropdown/index.zh-CN.md index 3ff8a060bdda..45f471950679 100644 --- a/components/dropdown/index.zh-CN.md +++ b/components/dropdown/index.zh-CN.md @@ -22,6 +22,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/eedWN59yJ/Dropdown.svg | 参数 | 说明 | 类型 | 默认值 | 版本 | | --- | --- | --- | --- | --- | | arrow | 下拉框箭头是否显示 | boolean \| { pointAtCenter: boolean } | false | | +| autoFocus | 打开下拉单后自动聚焦 | boolean | - | 4.20.2 | | disabled | 菜单是否禁用 | boolean | - | | | destroyPopupOnHide | 关闭后是否销毁 Dropdown | boolean | false | | | getPopupContainer | 菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。[示例](https://codepen.io/afc163/pen/zEjNOy?editors=0010) | (triggerNode: HTMLElement) => HTMLElement | () => document.body | | diff --git a/package.json b/package.json index 974501d1cadc..eafd570616b0 100644 --- a/package.json +++ b/package.json @@ -128,7 +128,7 @@ "rc-collapse": "~3.1.0", "rc-dialog": "~8.8.1", "rc-drawer": "~4.4.2", - "rc-dropdown": "~3.5.0", + "rc-dropdown": "~3.6.2", "rc-field-form": "~1.26.1", "rc-image": "~5.6.0", "rc-input": "~0.0.1-alpha.5", @@ -148,7 +148,7 @@ "rc-steps": "~4.1.0", "rc-switch": "~3.2.0", "rc-table": "~7.24.0", - "rc-tabs": "~11.13.0", + "rc-tabs": "~11.14.0", "rc-textarea": "~0.3.0", "rc-tooltip": "~5.1.1", "rc-tree": "~5.5.0",