fix(select): filter break bug

CHANGELOG.en-US.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## Pending
+
+### Fixes
+
+- Fix `n-select` filterable select breaks, closes [#510](https://github.com/TuSimple/naive-ui/issues/510).
+
 ## 2.16.0 (2021-08-02)
 
 ### Breaking Changes

CHANGELOG.zh-CN.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## Pending
+
+### Fixes
+
+- 修复 `n-select` 可过滤的选择器失效，关闭 [#510](https://github.com/TuSimple/naive-ui/issues/510)
+
 ## 2.16.0 (2021-08-02)
 
 ### Breaking Changes

src/_internal/selection/src/Selection.tsx

@@ -82,6 +82,7 @@ export default defineComponent({
     onKeyup: Function as PropType<(e: KeyboardEvent) => void>,
     onKeydown: Function as PropType<(e: KeyboardEvent) => void>,
     onClick: Function as PropType<(e: MouseEvent) => void>,
+    onMousedown: Function as PropType<(e: MouseEvent) => void>,
     onBlur: Function as PropType<(e: FocusEvent) => void>,
     onFocus: Function as PropType<(e: FocusEvent) => void>,
     onDeleteOption: Function,
@@ -209,6 +210,7 @@ export default defineComponent({
       hoverRef.value = false
     }
     function handleMouseDown (e: MouseEvent): void {
+      props.onMousedown?.(e)
       if (!props.active || !props.filterable) return
       if (e.target === patternInputRef.value) return
       e.preventDefault()

src/select/src/Select.tsx

@@ -713,7 +713,7 @@ export default defineComponent({
                       }
                       loading={this.loading}
                       focused={this.focused}
-                      onClick={this.handleTriggerClick}
+                      onMousedown={this.handleTriggerClick}
                       onDeleteOption={this.handleToggleOption}
                       onPatternInput={this.handlePatternInput}
                       onClear={this.handleClear}