feat(WaterFlow): 新增事件 linitemtap

linitemtap 为点击瀑布流子项的回调事件
使用场景：需要在页面中监听瀑布流子项的点击事件

close #839

Author: juzi214032

dist/water-flow/index.js

@@ -2,15 +2,15 @@
   <view class="water-column" style="margin-right:{{columnGap}}">
     <view id="left">
       <block wx:for="{{leftData}}" wx:key="index">
-        <l-water-flow-item data="{{item}}"/>
+        <l-water-flow-item data-item="{{item}}" catch:tap="onTapItem" data="{{item}}"/>
       </block>
     </view>
   </view>
   <view class="water-column">
     <view id="right">
       <block wx:for="{{rightData}}" wx:key="index">
-        <l-water-flow-item data="{{item}}"/>
+        <l-water-flow-item data-item="{{item}}" catch:tap="onTapItem" data="{{item}}"/>
       </block>
     </view>
   </view>
-</view>
+</view>

dist/water-flow/index.wxml

@@ -1,7 +1,9 @@
+import eventUtil from '../core/utils/event-util'
+
 Component({
   /**
-  * 组件的属性列表
-  */
+   * 组件的属性列表
+   */
   properties: {
     columnGap: {
       type: String,
@@ -10,8 +12,8 @@ Component({
   },
 
   /**
-  * 组件的初始数据
-  */
+   * 组件的初始数据
+   */
   data: {
     data: [],
     leftData: [],
@@ -79,6 +81,14 @@ Component({
       } else {
         success && success();
       }
+    },
+
+    /**
+     * 监听：点击 water-flow-item
+     * @param e 事件对象
+     */
+    onTapItem(e) {
+      eventUtil.emit(this, 'linitemtap', e.detail)
     }
   }
-});
+});

examples/dist/water-flow/index.js

@@ -2,15 +2,15 @@
   <view class="water-column" style="margin-right:{{columnGap}}">
     <view id="left">
       <block wx:for="{{leftData}}" wx:key="index">
-        <l-water-flow-item data="{{item}}" />
+        <l-water-flow-item data-item="{{item}}" catch:tap="onTapItem" data="{{item}}" />
       </block>
     </view>
   </view>
   <view class="water-column">
     <view id="right">
       <block wx:for="{{rightData}}" wx:key="index">
-        <l-water-flow-item data="{{item}}" />
+        <l-water-flow-item data-item="{{item}}" catch:tap="onTapItem" data="{{item}}" />
       </block>
     </view>
   </view>
-</view>
+</view>

examples/dist/water-flow/index.wxml

@@ -1,7 +1,9 @@
+import eventUtil from '../core/utils/event-util'
+
 Component({
   /**
-  * 组件的属性列表
-  */
+   * 组件的属性列表
+   */
   properties: {
     columnGap: {
       type: String,
@@ -10,8 +12,8 @@ Component({
   },
 
   /**
-  * 组件的初始数据
-  */
+   * 组件的初始数据
+   */
   data: {
     data: [],
     leftData: [],
@@ -79,6 +81,14 @@ Component({
       } else {
         success && success();
       }
+    },
+
+    /**
+     * 监听：点击 water-flow-item
+     * @param e 事件对象
+     */
+    onTapItem(e) {
+      eventUtil.emit(this, 'linitemtap', e.detail)
     }
   }
-});
+});

src/water-flow/index.js

@@ -2,15 +2,15 @@
   <view class="water-column" style="margin-right:{{columnGap}}">
     <view id="left">
       <block wx:for="{{leftData}}" wx:key="index">
-        <l-water-flow-item data="{{item}}" />
+        <l-water-flow-item data-item="{{item}}" catch:tap="onTapItem" data="{{item}}" />
       </block>
     </view>
   </view>
   <view class="water-column">
     <view id="right">
       <block wx:for="{{rightData}}" wx:key="index">
-        <l-water-flow-item data="{{item}}" />
+        <l-water-flow-item data-item="{{item}}" catch:tap="onTapItem" data="{{item}}" />
       </block>
     </view>
   </view>
-</view>
+</view>