fix:修复water-flow组件在数据为[]是不刷新的问题（#572）

Author: 张寸起

dist/water-flow/index.js

@@ -38,6 +38,8 @@ Component({
           console.error('[data]参数类型错误，渲染失败');
           return false;
         }
+        // 绑定data，判断data是否为[]
+        this.setData({ data });
         if (refresh) {
           this.data.leftData = [];
           this.data.rightData = [];
@@ -50,15 +52,14 @@ Component({
     _select(data, refresh) {
       const query = wx.createSelectorQuery().in(this);
       this.columnNodes = query.selectAll('#left, #right');
-
       return new Promise((resolve) => {
         this._render(data, 0, refresh, () => {
           resolve();
         });
       });
     },
     _render(data, i, refresh, success) {
-      if (data.length > i) {
+      if ((data.length > i || refresh) && this.data.data.length !== 0) {
         this.columnNodes.boundingClientRect().exec(res => {
           const rects = res[0];
           this.data.leftHeight = rects[0].height;

dist/water-flow/index.wxml

@@ -1,4 +1,4 @@
-<view class="l-class water-flow-container">
+<view class="l-class water-flow-container" wx:if="{{data.length!==0}}" >
   <view class="water-column" style="margin-right:{{columnGap}}">
     <view id="left">
       <block wx:for="{{leftData}}" wx:key="{{index}}">

examples/dist/water-flow/index.js

@@ -38,6 +38,8 @@ Component({
           console.error('[data]参数类型错误，渲染失败');
           return false;
         }
+        // 绑定data，判断data是否为[]
+        this.setData({ data });
         if (refresh) {
           this.data.leftData = [];
           this.data.rightData = [];
@@ -50,15 +52,14 @@ Component({
     _select(data, refresh) {
       const query = wx.createSelectorQuery().in(this);
       this.columnNodes = query.selectAll('#left, #right');
-
       return new Promise((resolve) => {
         this._render(data, 0, refresh, () => {
           resolve();
         });
       });
     },
     _render(data, i, refresh, success) {
-      if (data.length > i) {
+      if ((data.length > i || refresh) && this.data.data.length !== 0) {
         this.columnNodes.boundingClientRect().exec(res => {
           const rects = res[0];
           this.data.leftHeight = rects[0].height;

examples/dist/water-flow/index.wxml

@@ -1,4 +1,4 @@
-<view class="l-class water-flow-container">
+<view class="l-class water-flow-container" wx:if="{{data.length!==0}}" >
   <view class="water-column" style="margin-right:{{columnGap}}">
     <view id="left">
       <block wx:for="{{leftData}}" wx:key="{{index}}">

src/water-flow/index.js

@@ -38,6 +38,8 @@ Component({
           console.error('[data]参数类型错误，渲染失败');
           return false;
         }
+        // 绑定data，判断data是否为[]
+        this.setData({ data });
         if (refresh) {
           this.data.leftData = [];
           this.data.rightData = [];
@@ -50,15 +52,14 @@ Component({
     _select(data, refresh) {
       const query = wx.createSelectorQuery().in(this);
       this.columnNodes = query.selectAll('#left, #right');
-
       return new Promise((resolve) => {
         this._render(data, 0, refresh, () => {
           resolve();
         });
       });
     },
     _render(data, i, refresh, success) {
-      if (data.length > i) {
+      if ((data.length > i || refresh) && this.data.data.length !== 0) {
         this.columnNodes.boundingClientRect().exec(res => {
           const rects = res[0];
           this.data.leftHeight = rects[0].height;

src/water-flow/index.wxml

@@ -1,4 +1,4 @@
-<view class="l-class water-flow-container">
+<view class="l-class water-flow-container" wx:if="{{data.length!==0}}" >
   <view class="water-column" style="margin-right:{{columnGap}}">
     <view id="left">
       <block wx:for="{{leftData}}" wx:key="{{index}}">