feat: n-select, n-tree-select, n-cascader pressing arrow down can ope…

…n menu, ref #300
tusen-ai · Jul 25, 2021 · a78c6de · a78c6de
1 parent 7b7877b
commit a78c6de
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 1 deletion.
diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
@@ -7,6 +7,9 @@
 - `n-time-picker` add `actions` prop, closes [#401](https://github.com/TuSimple/naive-ui/issues/401).
 - `n-switch` add `checked`, `unchecked` slots.
 - `n-switch` add `loading` prop, closes [#301](https://github.com/TuSimple/naive-ui/issues/301).
+- `n-select` pressing arrow down can open menu, ref [#300](https://github.com/TuSimple/naive-ui/issues/300)
+- `n-tree-select` pressing arrow down can open menu, ref [#300](https://github.com/TuSimple/naive-ui/issues/300)
+- `n-cascader` pressing arrow down can open menu, ref [#300](https://github.com/TuSimple/naive-ui/issues/300)
 
 ### Fixes
 

diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
@@ -7,6 +7,9 @@
 - `n-time-picker` 增加 `actions` 属性, 关闭 [#401](https://github.com/TuSimple/naive-ui/issues/401)
 - `n-switch` 增加 `checked`、`unchecked` 插槽
 - `n-switch` 增加 `loading` 属性，关闭 [#301](https://github.com/TuSimple/naive-ui/issues/301)
+- `n-select` 按下箭头会打开菜单，有关 [#300](https://github.com/TuSimple/naive-ui/issues/300)
+- `n-tree-select` 按下箭头会打开菜单，有关 [#300](https://github.com/TuSimple/naive-ui/issues/300)
+- `n-cascader` 按下箭头会打开菜单，有关 [#300](https://github.com/TuSimple/naive-ui/issues/300)
 
 ### Fixes
 

diff --git a/src/cascader/src/Cascader.tsx b/src/cascader/src/Cascader.tsx
@@ -537,6 +537,8 @@ export default defineComponent({
             } else {
               move('next')
             }
+          } else {
+            openMenu()
           }
           break
         case 'ArrowLeft':

diff --git a/src/select/src/Select.tsx b/src/select/src/Select.tsx
@@ -576,6 +576,8 @@ export default defineComponent({
           if (props.loading) return
           if (mergedShowRef.value) {
             menuRef.value?.next()
+          } else {
+            openMenu()
           }
           break
         case 'Escape':

diff --git a/src/tree-select/src/TreeSelect.tsx b/src/tree-select/src/TreeSelect.tsx
@@ -452,7 +452,11 @@ export default defineComponent({
         closeMenu()
         focusSelection()
       } else {
-        treeHandleKeyup(e)
+        if (mergedShowRef.value) {
+          treeHandleKeyup(e)
+        } else if (e.code === 'ArrowDown') {
+          openMenu()
+        }
       }
     }
     function treeHandleKeyup (e: KeyboardEvent): void {