Merge pull request #301 from ant-mini-program/verion/0.4.34

Verion/0.4.34

Author: oimz1989

components/filter/index.axml

@@ -1,5 +1,5 @@
 <view class="am-filter-{{show ? 'show' : 'hide'}} {{className}}" disable-scroll="{{false}}">
-  <view class="am-filter-mask" />
+  <view class="am-filter-mask" onTap="maskTap" />
   <view class="am-filter-document">
     <view class="am-filter-content" onChange="{{callBackFn}}">
       <view class="am-filter-list">

components/filter/index.less

@@ -14,10 +14,10 @@
     top: 0;
     left: 0;
     right: 0;
-    bottom: 0;
   }
 
   &-mask {
+    bottom: 0;
     background: rgba(0, 0, 0, 0.65);
   }
 
@@ -35,7 +35,7 @@
     overflow-x: hidden;
     min-height: 200px;
     overflow-y: scroll;
-    max-height: 515px;
+    max-height: 415px;
     box-sizing: border-box;
   }
 

components/filter/index.md

@@ -13,6 +13,7 @@
 | show | 是否显示 可选值 `show` `hide` | String | hide | false |
 | max | 可选数量最大值，1为单选 | Number | 10000 | false |
 | onChange | 多选时提交选中回调 | (e: Object) => void | | false |
+| onMaskTap | 点击遮罩层时触发，可用于关闭 filter | () => void | | false |
 
 ## filter-item
 
@@ -37,7 +38,7 @@
 ```
 
 ```html
-<filter show="{{show}}" max="{{5}}" onChange="handleCallBack">
+<filter show="{{show}}" max="{{5}}" onChange="handleCallBack" onMaskTap="toggleFilter">
   <block a:for="{{items}}">
     <filter-item value="{{item.value}}" id="{{item.id}}" selected="{{item.selected}}"/>
   </block>

components/filter/index.ts

@@ -30,5 +30,10 @@ Component({
       const { results } = this.data;
       onChange(results);
     },
+    maskTap() {
+      if (this.props.onMaskTap) {
+        this.props.onMaskTap();
+      }
+    },
   },
 });

components/search-bar/index.ts

@@ -40,6 +40,10 @@ Component({
       //   focus: true,
       // });
 
+      setTimeout(() => {
+        this.handleFocus();
+      }, 100);
+
       if (!('value' in this.props)) {
         this.setData({
           _value: '',

examples/pages/filter/alternative/index.axml

@@ -1,4 +1,4 @@
-<filter show="{{show}}" max="{{5}}" onChange="handleCallBack">
+<filter show="{{show}}" max="{{5}}" onChange="handleCallBack" onMaskTap="toggleFilter">
   <block a:for="{{items}}">
     <filter-item value="{{item.value}}" id="{{item.id}}" selected="{{item.selected}}" key="filter-item-{{index}}" />
   </block>