fix(select): filter break bug (#756)

* fix(select): filter break

* changelog update

* fix(select): use another way to solve this problem

* fix(select): optimization

Co-authored-by: Jiwen Bai <56228105@qq.com>
Co-authored-by: 07akioni <07akioni2@gmail.com>

CHANGELOG.en-US.md

@@ -10,6 +10,7 @@
 
 - Fix `n-avatar`'s scale value is incorrect while use v-show, closes [#779](https://github.com/TuSimple/naive-ui/issues/779).
 - Fix `n-menu` show a blue background when click the menu on mobile phone, closes [#799](https://github.com/TuSimple/naive-ui/issues/799).
+- Fix `n-select` filterable select breaks, closes [#510](https://github.com/TuSimple/naive-ui/issues/510).
 
 ## 2.16.1 (2020-08-06)
 

CHANGELOG.zh-CN.md

@@ -10,6 +10,7 @@
 
 - 修复 `n-avatar` 的缩放在使用 `v-show` 时不正确，关闭 [#779](https://github.com/TuSimple/naive-ui/issues/779)
 - 修复 `n-menu` 在手机端点击菜单的时候出现蓝色背景问题，关闭 [#799](https://github.com/TuSimple/naive-ui/issues/799)
+- 修复 `n-select` 可过滤的选择器失效，关闭 [#510](https://github.com/TuSimple/naive-ui/issues/510)
 
 ## 2.16.1 (2020-08-06)
 

src/select/src/Select.tsx

@@ -509,6 +509,9 @@ export default defineComponent({
       )
     }
     function handlePatternInput (e: InputEvent): void {
+      if (!mergedShowRef.value) {
+        openMenu()
+      }
       const { value } = e.target as unknown as HTMLInputElement
       patternRef.value = value
       const { tag, remote } = props