feat(Search): add blur method

youzan · Nov 21, 2020 · d26282e · d26282e
1 parent 2833bc0
commit d26282e
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 1 deletion.
diff --git a/src/search/README.md b/src/search/README.md
@@ -148,6 +148,7 @@ Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get Search
 | Name  | Description         | Attribute | Return value |
 | ----- | ------------------- | --------- | ------------ |
 | focus | Trigger input focus | -         | -            |
+| blur  | Trigger input blur  | -         | -            |
 
 ### Slots
 

diff --git a/src/search/README.zh-CN.md b/src/search/README.zh-CN.md
@@ -164,6 +164,7 @@ export default {
 | 方法名 | 说明           | 参数 | 返回值 |
 | ------ | -------------- | ---- | ------ |
 | focus  | 获取输入框焦点 | -    | -      |
+| blur   | 取消输入框焦点 | -    | -      |
 
 ### Slots
 

diff --git a/src/search/index.js b/src/search/index.js
@@ -88,6 +88,12 @@ export default createComponent({
       }
     };
 
+    const blur = () => {
+      if (filedRef.value) {
+        filedRef.value.blur();
+      }
+    };
+
     const fieldPropNames = [
       'leftIcon',
       'rightIcon',
@@ -116,7 +122,7 @@ export default createComponent({
       );
     };
 
-    useExpose({ focus });
+    useExpose({ focus, blur });
 
     return () => (
       <div

diff --git a/types/search.d.ts b/types/search.d.ts
@@ -2,4 +2,6 @@ import { VanComponent } from './component';
 
 export class Search extends VanComponent {
   focus(): void;
+
+  blur(): void;
 }