#### 解释：搜索框

#### 属性说明：
|属性名 | 类型 | 必填 | 默认值 |说明 |
|---|---|---|---|
|value |String |否||搜索框的当前值|
|placeholder |String |否|`搜索`|输入框为空时占位符|
|search-text-color |String |否|`#000`|搜索按钮激活态文字颜色|
|confirm-type |String |否|`search`|设置键盘右下角按钮的文字|
|is-default-query |Boolean |否|`false`|是否将`placeholder`设为默认query|

#### confirm-type有效值
|值 |说明 |
|---|---|
|send|键盘右下角按钮为 “发送”|
|search|键盘右下角按钮为 “搜索”|
|next|键盘右下角按钮为 “下一个”|
|go|键盘右下角按钮为 “前往”|
|done|键盘右下角按钮为 “完成”|

#### 组件的回调

|事件名|含义|参数|
|--|--|--|
|bindfocus|输入框聚焦时触发||
|bindblur|输入框失去焦点时触发||
|bindinput|当键盘输入时，触发该事件||
|bindconfirm|点击键盘右下角按钮时，触发该事件||
|bindclear|点击清空icon时，触发该事件||
|bindsearch|点击组件搜索按钮时，触发该事件||

## 示例
json:
```json
{
    "navigationBarTitleText": "搜索框",
    "usingComponents": {
        "search-bar": "yourpath/components/SearchBar/src/index"
    }
}
```
swan:
```html
<view>
    <search-bar value="{{value}}"
        placeholder="{{placeholder}}"
        is-default-query="{{isDefaultQuery}}"
        confirm-type="{{confirmType}}"
        search-text-color="{{searchTextColor}}"
        bindfocus="focusHandel"
        bindblur="blurHandel"
        bindchange="inputHandle"
        bindconfirm="confirmHandel"
        bindclear="clearHandle"
        bindsearch="searchHandle" />
</view>
```

js:
```js
/* eslint-disable babel/new-cap */
Page({
/* eslint-enable babel/new-cap */
    data: {
        placeholder: '搜索',
        value: '',
        confirmType: 'search',
        searchTextColor: 'red',
        isDefaultQuery: true
    },

    focusHandel(e) {
        console.log('focusHandel')
    },

    blurHandel(e) {
        console.log('blurHandel')
    },

    inputHandle(e) {
        console.log('blurHandel')
    },

    confirmHandel() {
        console.log('confirmHandel');
    },

    clearHandle() {
        console.log('clearHandle')
    },
    searchHandle() {
        console.log('searchHandle')
    }
})
```