build: Travis CI automatic compilation

Author: juzi214032

dist/image-picker/index.js

@@ -1 +1 @@
-{"component":true,"usingComponents":{"l-icon":"../icon/index","l-grid-item":"../grid-item/index","l-grid":"../grid/index"}}
+{"component":true,"styleIsolation":"apply-shared","usingComponents":{"l-icon":"../icon/index"}}

dist/image-picker/index.json

@@ -1,21 +1,17 @@
-
-<l-grid row-num="{{ size }}" l-class="l-class">
-  <l-grid-item wx:for="{{ urls }}" wx:key="index" key="{{ index }}" slot="{{ index }}" l-grid-item="l-grid-item">
-    <view class="item l-item-class" catchtap="onPreviewTap" data-index="{{ index }}">
-      <view class="close" data-index="{{ index }}" catchtap="onDelTap">
-        <l-icon name="close" color="#fff" size="22" l-class="close-icon"/>
+<view class="lin-image-picker__container l-class">
+  <block wx:for="{{value}}" wx:key="index">
+    <view class="lin-image-picker__item lin-image-picker__item--{{size}}" style="{{itemSizePercentage?'width:'+itemSizePercentage+'padding-bottom:'+itemSizePercentage:'xxx'}}">
+      <image mut-bind:tap="onTapImage" data-image-index="{{index}}" src="{{item}}" mode="{{mode}}" class="lin-image-picker__image"/>
+      <view mut-bind:tap="onTapRemove" class="lin-image-picker__remove" data-image-index="{{ index }}">
+        <l-icon name="close" color="#ffffff" size="18"/>
       </view>
-      <image class="{{size === 3? 'img': 'min-img'}}" mode="{{ mode }}" src="{{newOrOld==='old'? item:item.url }}"/>
     </view>
-  </l-grid-item>
+  </block>
 
-  <l-grid-item wx:if="{{ showBtn }}" l-grid-item="l-grid-item">
-    
-    <view class="item l-item-class {{size === 3? 'img': 'min-img'}}" catchtap="onAddTap" wx:if="{{ custom }}">
-      <slot></slot>
+  <view wx:if="{{count-value.length>0}}" mut-bind:tap="onTapAdd" class="lin-image-picker__item lin-image-picker__item--add lin-image-picker__item--{{size}}" style="{{itemSizePercentage?'width:'+itemSizePercentage+'padding-bottom:'+itemSizePercentage:''}}">
+    <view class="lin-image-picker__item-slot-wrapper">
+      <slot/>
     </view>
-    <view class="item l-item-class {{size === 3? 'img': 'min-img'}}" catchtap="onAddTap" wx:else>
-      <image class="add-icon" src="./image/add.png"/>
-    </view>
-  </l-grid-item>
-</l-grid>
+    <image src="./image/add.png" class="lin-image-picker__image--add"/>
+  </view>
+</view>

dist/image-picker/index.wxml

@@ -1 +1 @@
-.item{position:relative}.close{position:absolute;right:10rpx;top:10rpx;height:40rpx;width:40rpx;border-radius:50%;background:rgba(0,0,0,.4);display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;z-index:99}.add{height:220rpx;width:220rpx;border:1rpx solid #eee;border-radius:4rpx;display:flex;flex-direction:row;align-items:center;justify-content:center}.add-icon{height:100rpx;width:100rpx}.img{height:220rpx;width:220rpx;margin-bottom:10rpx;border:1rpx solid #eee;border-radius:4rpx;display:flex;flex-direction:row;align-items:center;justify-content:center}.min-img{height:160rpx;width:160rpx;margin-bottom:10rpx;border:1rpx solid #eee;border-radius:4rpx;display:flex;flex-direction:row;align-items:center;justify-content:center}.flex{border:1rpx solid #eee;border-radius:4rpx;display:flex;flex-direction:row;align-items:center;justify-content:center}.l-grid-item{padding:0!important}
+.lin-image-picker__container{position:relative;display:flex;flex-wrap:wrap}.lin-image-picker__item{position:relative;width:220rpx;padding-bottom:220rpx;height:0}.lin-image-picker__item--2:nth-of-type(n+3){margin-top:20rpx}.lin-image-picker__item--2:not(:nth-of-type(2n+1)){margin-left:20rpx}.lin-image-picker__item--3:nth-of-type(n+4){margin-top:20rpx}.lin-image-picker__item--3:not(:nth-of-type(3n+1)){margin-left:20rpx}.lin-image-picker__item--4:nth-of-type(n+5){margin-top:20rpx}.lin-image-picker__item--4:not(:nth-of-type(4n+1)){margin-left:20rpx}.lin-image-picker__item--5:nth-of-type(n+6){margin-top:20rpx}.lin-image-picker__item--5:not(:nth-of-type(5n+1)){margin-left:20rpx}.lin-image-picker__item--6:nth-of-type(n+7){margin-top:20rpx}.lin-image-picker__item--6:not(:nth-of-type(6n+1)){margin-left:20rpx}.lin-image-picker__item--7:nth-of-type(n+8){margin-top:20rpx}.lin-image-picker__item--7:not(:nth-of-type(7n+1)){margin-left:20rpx}.lin-image-picker__item--8:nth-of-type(n+9){margin-top:20rpx}.lin-image-picker__item--8:not(:nth-of-type(8n+1)){margin-left:20rpx}.lin-image-picker__item--9:nth-of-type(n+10){margin-top:20rpx}.lin-image-picker__item--9:not(:nth-of-type(9n+1)){margin-left:20rpx}.lin-image-picker__item--10:nth-of-type(n+11){margin-top:20rpx}.lin-image-picker__item--10:not(:nth-of-type(10n+1)){margin-left:20rpx}.lin-image-picker__item--null:nth-of-type(n+4){margin-top:20rpx}.lin-image-picker__item--null:not(:nth-of-type(3n+1)){margin-left:20rpx}.lin-image-picker__image{position:absolute;left:0;top:0;width:100%;height:100%;border:1rpx solid #eee;border-radius:4rpx}.lin-image-picker__remove{position:absolute;right:10rpx;top:10rpx;height:40rpx;width:40rpx;border-radius:50%;background:rgba(0,0,0,.4);display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box}.lin-image-picker__item--add{border:1rpx solid #eee;border-radius:4rpx;background-color:#fff}.lin-image-picker__image--add{visibility:hidden;position:absolute;width:50%;height:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.lin-image-picker__item-slot-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;top:0;left:0}.lin-image-picker__item-slot-wrapper:empty+.lin-image-picker__image--add{visibility:visible}