diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 00000000..1e8a8ae3
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,33 @@
+# 指定运行环境
+language: node_js
+node_js:
+  - lts/*
+
+# 仅监控 master 分支
+branches:
+  except:
+    - master
+
+jobs:
+  include:
+    - name: "Push Compile"
+      if: type = push AND branch = develop
+      install: yarn install
+      before_script:
+        - rm -rf dist
+        - rm -rf examples/dist
+      script:
+        - yarn dev
+        - yarn build
+      after_success:
+        - git config --global user.name "Deployment Bot"
+        - git config --global user.email "deploy@travis-ci.org"
+        - git add -A
+        - "git commit -m 'build: Travis CI automatic compilation'"
+        - git push "https://juzi214032:${GITHUB_TOKEN}@github.com/TaleLin/lin-ui" HEAD:develop
+    - name: "Check Compile"
+      if: type = pull_request
+      install: yarn install
+      script:
+        - yarn dev
+        - yarn build
diff --git a/commitlint.config.js b/commitlint.config.js
index a3bb25ce..b4a4c8f0 100644
--- a/commitlint.config.js
+++ b/commitlint.config.js
@@ -61,7 +61,8 @@ module.exports = {
         'Price',
         'Counter',
         'SearchBar',
-        'IndexList'
+        'IndexList',
+        'Behavior'
       ]
     ]
   }
diff --git a/config/styles/_base.less b/config/styles/_base.less
index 41e47305..3eb499da 100644
--- a/config/styles/_base.less
+++ b/config/styles/_base.less
@@ -1,37 +1,38 @@
 @import "_theme";
 
 // Color 
-@default-color          : @theme-color;
-@success-color          : #34BFA3;
-@warning-color          : #FFE57F;
-@error-color            : #F4516C;
-@disabled-color         : #DEE2E6;
-@selected-color         : fade(@default-color, 90%);
-@tooltip-color          : #fff;
-@subsidiary-color       : #80848f;
-@rate-star-color        : #f5a623;
+@default-color    : @theme-color;
+@success-color    : #34BFA3;
+@warning-color    : #FFE57F;
+@error-color      : #F4516C;
+@disabled-color   : #DEE2E6;
+@selected-color   : fade(@default-color, 90%);
+@tooltip-color    : #fff;
+@subsidiary-color : #80848f;
+@rate-star-color  : #f5a623;
+@active-color     : #333;
 
 // steps
 
-@step-color             : #C4C9D2;
-@step-active-color      : @theme-color;
+@step-color        : #C4C9D2;
+@step-active-color : @theme-color;
 
 // Text
-@title-color            : #333; 
-@text-color             : #888;
+@title-color : #333;
+@text-color  : #888;
 
 // Background Color
-@background-color-base  : #f8f8f8;  // base
+@background-color-base : #f8f8f8; // base
 
 // Border color
-@border-color-base      : #dddee1;  // outside
-@border-color-split     : #e9eaec;  // inside
+@border-color-base  : #dddee1; // outside
+@border-color-split : #e9eaec; // inside
 
 // Size
-@size-grid-icon         : 28rpx;
-@size-font-base         : 28rpx;
-@size-font-mini         : 24rpx;
-@size-font-large        : 32rpx;
+@size-grid-icon  : 28rpx;
+@size-font-base  : 28rpx;
+@size-font-mini  : 24rpx;
+@size-font-large : 32rpx;
 
 // Button
 @btn-font-weight        : normal;
@@ -57,8 +58,8 @@
 @btn-width              : 180rpx;
 @btn-height-large       : 88rpx;
 @btn-width-large        : 710rpx;
-@btn-height-mini        : 60rpx; 
-@btn-width-mini         : 140rpx; 
+@btn-height-mini        : 60rpx;
+@btn-width-mini         : 140rpx;
 @btn-loading-color      : #fff;
 @btn-circle-size        : 40rpx;
 @btn-circle-size-mini   : 30rpx;
@@ -66,28 +67,28 @@
 
 
 // icon
-@icon-font-size         : 32px;                      // 图标字体大小        默认
-@icon-font-size-large   : 42px;                      // 图标字体大小        大号
-@icon-font-size-small   : 22px;                      // 图标字体大小        小号
-@icon-font-color        : #80848f;
+@icon-font-size       : 32px; // 图标字体大小        默认
+@icon-font-size-large : 42px; // 图标字体大小        大号
+@icon-font-size-small : 22px; // 图标字体大小        小号
+@icon-font-color      : #80848f;
 
 
 // Avatar
-@avatar-bg              : #ccc;
-@avatar-color           : #fff;
-@avatar-size-base       : 32px;
-@avatar-size-lg         : 40px;
-@avatar-size-sm         : 24px;
-@avatar-font-size-base  : 18px;
-@avatar-font-size-lg    : 24px;
-@avatar-font-size-sm    : 14px;
-@avatar-border-radius   : @border-radius-small;
-@border-radius-small    : 4px;
+@avatar-bg             : #ccc;
+@avatar-color          : #fff;
+@avatar-size-base      : 32px;
+@avatar-size-lg        : 40px;
+@avatar-size-sm        : 24px;
+@avatar-font-size-base : 18px;
+@avatar-font-size-lg   : 24px;
+@avatar-font-size-sm   : 14px;
+@avatar-border-radius  : @border-radius-small;
+@border-radius-small   : 4px;
 
 // Animation
-@animation-time         : .3s;
-@transition-time        : .2s;
-@ease-in-out            : ease-in-out;
+@animation-time  : .3s;
+@transition-time : .2s;
+@ease-in-out     : ease-in-out;
 
 // Progress
 @progress-active-color : @theme-color;
\ No newline at end of file
diff --git a/config/styles/_mixins.less b/config/styles/_mixins.less
index bac2dde9..796d15bc 100644
--- a/config/styles/_mixins.less
+++ b/config/styles/_mixins.less
@@ -12,4 +12,19 @@
     pointer-events: none;
     box-sizing: border-box;
     border: 0 solid @border-color-split;
+}
+
+.active() {
+    opacity: 0.15;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    height: 100%;
+    border: inherit;
+    border-radius: inherit; /* inherit parent's border radius */
+    transform: translate(-50%, -50%);
+    content: ' ';
+    background-color: @active-color;
+    border-color: @active-color;
 }
\ No newline at end of file
diff --git a/dist/behaviors/rules.js b/dist/behaviors/rules.js
index e13efe04..200caf39 100644
--- a/dist/behaviors/rules.js
+++ b/dist/behaviors/rules.js
@@ -1 +1 @@
-import Schema from"../common/async-validator/index";import validator from"../behaviors/validator";export default Behavior({behaviors:[validator],properties:{rules:{type:[Object,Array],value:[]},tipType:{type:String,value:"toast",options:["toast","message","text"]}},data:{schema:"",tipFun:{message:"showMessage",toast:"showToast"},tipContent:{message:"content",toast:"title"},errorText:"",errors:[]},methods:{initRules(){const{rules:t}=this.data;t&&("[object Object]"===Object.prototype.toString.call(t)&&(this.data.rules=[t]),this.data.rules.forEach(t=>{t.trigger?"string"!=typeof t.trigger||(t.trigger=[t.trigger]):t.trigger=[]}))},getNeedValidateRule(t){const e=this.data.name,{rules:a}=this.data;if(!a)return;const r=t?a.filter(e=>e.trigger.indexOf(t)>-1):a,s=new Schema({[e]:r});return this.setData({schema:s}),r},validatorData(t,e){const{tipType:a,tipFun:r,tipContent:s}=this.data;this.getNeedValidateRule(e)&&this.data.schema.validate(t,t=>{if(this.setData({errors:t||[]}),this.triggerEvent("linvalidate",{errors:t,isError:!!t}),t&&a){const e=r[a],i=s[a];return"text"===a?(this.setData({errorText:t[0].message}),t):wx.lin&&wx.lin[e]?(wx.lin[e]&&wx.lin[e]({[i]:t[0].message,duration:1500,mask:!1}),t):(wx.showToast({icon:"none",title:`请在页面内引入${a}组件`}),t)}!t&&a&&this.setData({errorText:""})})}}});
\ No newline at end of file
+import Schema from"../common/async-validator/index";import validator from"../behaviors/validator";export default Behavior({behaviors:[validator],properties:{rules:{type:[Object,Array],value:[]},tipType:{type:String,value:"toast",options:["toast","message","text"]}},data:{schema:"",tipFun:{message:"showMessage",toast:"showToast"},tipContent:{message:"content",toast:"title"},errorText:"",errors:[]},methods:{initRules(){const{rules:t}=this.data;t&&("[object Object]"===Object.prototype.toString.call(t)&&(this.data.rules=[t]),this.data.rules.forEach(t=>{t.trigger?"string"!=typeof t.trigger||(t.trigger=[t.trigger]):t.trigger=[]}))},getNeedValidateRule(t){const e=this.data.name,{rules:a}=this.data;if(!a)return;const r=t?a.filter(e=>e.trigger.indexOf(t)>-1):a,s=new Schema({[e]:r});return this.setData({schema:s}),r},validatorData(t,e){const{tipType:a,tipFun:r,tipContent:s}=this.data;this.getNeedValidateRule(e)&&(Object.getOwnPropertyNames(t).forEach(e=>{""===t[e]&&(t[e]=void 0)}),this.data.schema.validate(t,t=>{if(this.setData({errors:t||[]}),this.triggerEvent("linvalidate",{errors:t,isError:!!t}),t&&a){const e=r[a],i=s[a];return"text"===a?(this.setData({errorText:t[0].message}),t):wx.lin&&wx.lin[e]?(wx.lin[e]&&wx.lin[e]({[i]:t[0].message,duration:1500,mask:!1}),t):(wx.showToast({icon:"none",title:`请在页面内引入${a}组件`}),t)}!t&&a&&this.setData({errorText:""})}))}}});
\ No newline at end of file
diff --git a/dist/behaviors/validator.js b/dist/behaviors/validator.js
index 9b43b561..ae390caf 100644
--- a/dist/behaviors/validator.js
+++ b/dist/behaviors/validator.js
@@ -1 +1 @@
-export default Behavior({definitionFilter(e){const{properties:o}=e;Object.keys(o).forEach(e=>{const{options:t}=o[e];t&&(o[e].observer=function(o){t.includes(o)||console.error(`${e}: ${o} must be in the [${t}]`)})})}});
\ No newline at end of file
+export default Behavior({definitionFilter(e){const{properties:o}=e;Object.keys(o).forEach(e=>{const{options:t}=o[e];t&&(o[e].observer=function(o){!t.includes(o)&&o&&console.error(`${e}: ${o} must be in the [${t}]`)})})}});
\ No newline at end of file
diff --git a/dist/button/index.wxml b/dist/button/index.wxml
index 81fba9c5..82159c9c 100644
--- a/dist/button/index.wxml
+++ b/dist/button/index.wxml
@@ -5,7 +5,7 @@
     </view>
   </block>
   <block wx:else>
-    <view class="l-btn {{ 'l-btn-' + size }} {{ 'l-btn-' + type }} {{ 'l-btn-' + shape }} {{plain?'l-btn-plain':''}} {{ disabled ? 'l-btn-disabled' : ''}} l-class" hover-class="btn-hover l-hover-class" hover-stop-propagation="{{hoverStopPropagation}}" hover-start-time="{{hoverStartTime}}" hover-stay-time="{{hoverStayTime}}" style="{{width?'min-width:'+width+'rpx;':''}} {{height?'height:'+height+'rpx;'+'line-height:'+height+'rpx;':''}} {{size=='long'?'border-radius:0;':''}} {{'background-color:'+bgColor}}">
+    <view class="l-btn {{ 'l-btn-' + size }} {{ 'l-btn-' + type }} {{ 'l-btn-' + shape }} {{plain?'l-btn-plain':''}} {{ disabled ? 'l-btn-disabled' : ''}} l-class" hover-class="{{disabled?'':'btn-hover l-hover-class'}}" hover-stop-propagation="{{hoverStopPropagation}}" hover-start-time="{{hoverStartTime}}" hover-stay-time="{{hoverStayTime}}" style="{{width?'min-width:'+width+'rpx;':''}} {{height?'height:'+height+'rpx;'+'line-height:'+height+'rpx;':''}} {{size=='long'?'border-radius:0;':''}} {{'background-color:'+bgColor}}">
       <view wx:if="{{loading}}" class="l-btn-loading {{'margin-' + size}} {{ plain ?'l-btn-loading-' + type : '' }}"></view>
       <l-icon l-class="l-icon-class" class="{{'margin-' + size}}" wx:if="{{icon}}" name="{{icon}}" color="{{iconColor}}" size="{{iconSize}}"/>
       <slot/>
diff --git a/dist/button/index.wxss b/dist/button/index.wxss
index da04df64..2597fc32 100644
--- a/dist/button/index.wxss
+++ b/dist/button/index.wxss
@@ -1 +1 @@
-.btn-hover{opacity:.8}.special-container{display:flex}.l-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:28rpx;position:relative;color:#fff;padding:0 12rpx;box-sizing:border-box}.l-btn-img-mini{width:30rpx;height:30rpx}.l-btn-img-medium{width:36rpx;height:36rpx}.l-btn-img-large{height:44rpx;width:44rpx}.l-btn-long{border-radius:0;margin:0;height:88rpx;width:100%}.l-btn-medium{height:72rpx;min-width:180rpx}.l-btn-large{height:88rpx;min-width:710rpx}.l-btn-mini{height:60rpx;min-width:140rpx;font-size:24rpx}.l-btn-default{background-color:#3963bc}.l-btn-success{background-color:#34bfa3}.l-btn-warning{background-color:#ffe57f;color:#333}.l-btn-error{background-color:#f4516c}.l-btn-square{border-radius:0}.l-btn-semicircle{border-radius:40rpx}.l-btn-large.l-btn-semicircle{border-radius:48rpx}.l-btn-mini.l-btn-semicircle{border-radius:30rpx}.l-btn-circle{border-radius:8rpx}.l-btn-large.l-btn-circle{border-radius:9.6rpx}.l-btn-mini.l-btn-circle{border-radius:6rpx}.l-btn-plain{background-color:#fff;color:#3963bc;border:2rpx solid #3963bc}.l-btn-success.l-btn-plain{background-color:#fff;color:#34bfa3;border:2rpx solid #34bfa3}.l-btn-error.l-btn-plain{background-color:#fff;color:#f4516c;border:2rpx solid #f4516c}.l-btn-warning.l-btn-plain{background-color:#fff;color:#ffe57f;border:2rpx solid #ffe57f}.l-btn-loading{opacity:.6;display:inline-block;vertical-align:middle;width:24rpx;height:24rpx;background:0 0;border-radius:50%;border:4rpx solid #fff;border-color:#fff #fff #fff transparent;animation:btn-spin .6s linear;animation-iteration-count:infinite}.l-btn-loading-default{border:4rpx solid #3963bc;border-color:#3963bc #3963bc #3963bc transparent}.l-btn-loading-success{border:4rpx solid #34bfa3;border-color:#34bfa3 #34bfa3 #34bfa3 transparent}.l-btn-loading-error{border:4rpx solid #f4516c;border-color:#f4516c #f4516c #f4516c transparent}.l-btn-loading-warning{border:4rpx solid #ffe57f;border-color:#ffe57f #ffe57f #ffe57f transparent}.l-btn-disabled{opacity:.8;background-color:#dee2e6}.icon{display:flex!important}.margin-mini{margin-right:10rpx}.margin-medium{margin-right:18rpx}.margin-large{margin-right:24rpx}@keyframes btn-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
\ No newline at end of file
+.btn-hover::before{opacity:.15;position:absolute;top:50%;left:50%;width:100%;height:100%;border:inherit;border-radius:inherit;transform:translate(-50%,-50%);content:' ';background-color:#333;border-color:#333}.special-container{display:flex}.l-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:28rpx;position:relative;color:#fff;padding:0 12rpx;box-sizing:border-box}.l-btn-img-mini{width:30rpx;height:30rpx}.l-btn-img-medium{width:36rpx;height:36rpx}.l-btn-img-large{height:44rpx;width:44rpx}.l-btn-long{border-radius:0;margin:0;height:88rpx;width:100%}.l-btn-medium{height:72rpx;min-width:180rpx}.l-btn-large{height:88rpx;min-width:710rpx}.l-btn-mini{height:60rpx;min-width:140rpx;font-size:24rpx}.l-btn-default{background-color:#3963bc}.l-btn-success{background-color:#34bfa3}.l-btn-warning{background-color:#ffe57f;color:#333}.l-btn-error{background-color:#f4516c}.l-btn-square{border-radius:0}.l-btn-semicircle{border-radius:40rpx}.l-btn-large.l-btn-semicircle{border-radius:48rpx}.l-btn-mini.l-btn-semicircle{border-radius:30rpx}.l-btn-circle{border-radius:8rpx}.l-btn-large.l-btn-circle{border-radius:9.6rpx}.l-btn-mini.l-btn-circle{border-radius:6rpx}.l-btn-plain{background-color:#fff;color:#3963bc;border:2rpx solid #3963bc}.l-btn-success.l-btn-plain{background-color:#fff;color:#34bfa3;border:2rpx solid #34bfa3}.l-btn-error.l-btn-plain{background-color:#fff;color:#f4516c;border:2rpx solid #f4516c}.l-btn-warning.l-btn-plain{background-color:#fff;color:#ffe57f;border:2rpx solid #ffe57f}.l-btn-loading{opacity:.6;display:inline-block;vertical-align:middle;width:24rpx;height:24rpx;background:0 0;border-radius:50%;border:4rpx solid #fff;border-color:#fff #fff #fff transparent;animation:btn-spin .6s linear;animation-iteration-count:infinite}.l-btn-loading-default{border:4rpx solid #3963bc;border-color:#3963bc #3963bc #3963bc transparent}.l-btn-loading-success{border:4rpx solid #34bfa3;border-color:#34bfa3 #34bfa3 #34bfa3 transparent}.l-btn-loading-error{border:4rpx solid #f4516c;border-color:#f4516c #f4516c #f4516c transparent}.l-btn-loading-warning{border:4rpx solid #ffe57f;border-color:#ffe57f #ffe57f #ffe57f transparent}.l-btn-disabled{opacity:.8}.icon{display:flex!important}.margin-mini{margin-right:10rpx}.margin-medium{margin-right:18rpx}.margin-large{margin-right:24rpx}@keyframes btn-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
\ No newline at end of file
diff --git a/dist/card/index.js b/dist/card/index.js
index 26ae5f69..f6b45b00 100644
--- a/dist/card/index.js
+++ b/dist/card/index.js
@@ -1 +1 @@
-import validator from"../behaviors/validator";Component({externalClasses:["l-class","l-img-class","l-title-class"],options:{multipleSlots:!0},behaviors:[validator],properties:{image:String,title:String,describe:String,plaintext:Boolean,full:Boolean,position:{type:String,value:"left",options:["left","right"]},type:{type:String,value:"primary",options:["primary","avatar"]},imageMode:{type:String,value:"scaleToFill"}},data:{},methods:{}});
\ No newline at end of file
+import validator from"../behaviors/validator";Component({externalClasses:["l-class","l-img-class","l-title-class"],options:{multipleSlots:!0},behaviors:[validator],properties:{image:String,title:String,describe:String,plaintext:Boolean,full:Boolean,position:{type:String,value:"left",options:["left","right"]},type:{type:String,value:"primary",options:["primary","avatar","cover"]},imageMode:{type:String,value:"scaleToFill"}},data:{},methods:{}});
\ No newline at end of file
diff --git a/dist/checkbox-group/index.js b/dist/checkbox-group/index.js
index ece05a24..65474516 100644
--- a/dist/checkbox-group/index.js
+++ b/dist/checkbox-group/index.js
@@ -1 +1 @@
-import eventBus from"../core/utils/event-bus";import rules from"../behaviors/rules";Component({behaviors:["wx://form-field",rules],externalClasses:["l-class","l-error-text","l-error-text-class"],relations:{"../checkbox/index":{type:"child",linked(e){this.init(e)},linkChanged(){},unlinked(){}}},properties:{placement:{type:String,value:"column"},maxSelected:{type:[Number,null],value:null},minSelected:{type:[Number,null],value:null}},data:{},attached(){let{minSelected:e,maxSelected:t}=this.properties;this.checkMax(e,t)},methods:{init(e){void 0===this._keys&&(this._keys={}),void 0===this._selected&&(this._selected={}),this.checkDefaultItem(e),this.checkedKeyRepeat(e)},checkedKeyRepeat(e){let{key:t}=e.properties;if(this._keys[t])throw new Error("keys有重复元素, checkbox的key属性不能重复："+t);this._keys[t]=!0},checkDefaultItem(e){const{key:t,checked:l,cell:s}=e.properties;l&&(this._selected[t]={...s,checked:!0,value:t})},checkMax(e,t){if(null!==e&&e<0)throw new Error("最小选择个数必须大于等于0");if(null!==t&&t<0)throw new Error("最多选择个数必须大于0");if(null!==t&&null!==e&&e>=t)throw new Error("最多选择个数必须大于最小选择个数")},onEmitEventHandle(e){e.checked?this.addSelect(e):this.removeSelect(e.key),this.validatorData({[this.data.name]:Object.values(this._selected)}),this.triggerEvent("linchange",e,{bubbles:!0,composed:!0}),eventBus.emit("lin-form-change-"+this.id,this.id)},onEmitOverflowHandle(e){this.triggerEvent("linout",e,{bubbles:!0,composed:!0})},removeSelect(e){delete this._selected[e]},addSelect(e){let{key:t,...l}=e;this._selected[t]={...l,value:t}},getValues(){return Object.values(this._selected)},reset(){return this._selected={},this.getRelationNodes("../checkbox/index").forEach(e=>e.setData({checked:!1}))}}});
\ No newline at end of file
+import eventBus from"../core/utils/event-bus";import rules from"../behaviors/rules";Component({behaviors:["wx://form-field",rules],externalClasses:["l-class","l-error-text","l-error-text-class"],relations:{"../checkbox/index":{type:"child",linked(e){this.init(e)},linkChanged(){},unlinked(){}}},properties:{placement:{type:String,value:"column"},maxSelected:{type:[Number,null],value:null},minSelected:{type:[Number,null],value:null}},data:{},attached(){let{minSelected:e,maxSelected:t}=this.properties;this.checkMax(e,t)},methods:{init(e){void 0===this._keys&&(this._keys={}),void 0===this._selected&&(this._selected={}),this.checkDefaultItem(e),this.checkedKeyRepeat(e)},checkedKeyRepeat(e){let{key:t}=e.properties;if(this._keys[t])throw new Error("keys有重复元素, checkbox的key属性不能重复："+t);this._keys[t]=!0},checkDefaultItem(e){const{key:t,checked:l,cell:s}=e.properties;l&&(this._selected[t]={...s,checked:!0,value:t})},checkMax(e,t){if(null!==e&&e<0)throw new Error("最小选择个数必须大于等于0");if(null!==t&&t<0)throw new Error("最多选择个数必须大于0");if(null!==t&&null!==e&&e>=t)throw new Error("最多选择个数必须大于最小选择个数")},onEmitEventHandle(e){e.checked?this.addSelect(e):this.removeSelect(e.key),this.validatorData({[this.data.name]:Object.values(this._selected)}),this.triggerEvent("linchange",e,{bubbles:!0,composed:!0}),eventBus.emit("lin-form-change-"+this.id,this.id)},onEmitOverflowHandle(e){this.triggerEvent("linout",e,{bubbles:!0,composed:!0})},removeSelect(e){delete this._selected[e]},addSelect(e){let{key:t,...l}=e;this._selected[t]={...l,value:t}},getValues(){return Object.values(this._selected)},reset(){this._selected={};return this.getRelationNodes("../checkbox/index").forEach(e=>e.setData({checked:!1}))}}});
\ No newline at end of file
diff --git a/dist/index-list/index.wxss b/dist/index-list/index.wxss
index 9b5ddd9a..aaecbd06 100644
--- a/dist/index-list/index.wxss
+++ b/dist/index-list/index.wxss
@@ -1 +1 @@
-.index-list .sidebar{font-size:24rpx;position:fixed;right:30rpx;width:20rpx;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.index-list .sidebar-item{width:40rpx;height:40rpx;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:8rpx}.index-list .sidebar-item-active{color:#fff;background-color:#3963bc}.index-list .tip{width:90rpx;height:90rpx;background-color:#d8d8d8;border-radius:90px 90px 0;display:flex;justify-content:center;align-items:center;position:absolute;left:-160rpx;transform:rotate(-45deg) translateY(-35%)}.index-list .tip-text{font-size:30rpx;transform:rotate(45deg)}
\ No newline at end of file
+.index-list .sidebar{font-size:24rpx;position:fixed;right:30rpx;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.index-list .sidebar-item{width:40rpx;height:40rpx;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:8rpx}.index-list .sidebar-item-active{color:#fff;background-color:#3963bc}.index-list .tip{width:90rpx;height:90rpx;background-color:#d8d8d8;border-radius:90px 90px 0;display:flex;justify-content:center;align-items:center;position:absolute;left:-160rpx;transform:rotate(-45deg) translateY(-35%)}.index-list .tip-text{font-size:30rpx;transform:rotate(45deg)}
\ No newline at end of file
diff --git a/dist/input/index.js b/dist/input/index.js
index cd75c083..9a4f0ede 100644
--- a/dist/input/index.js
+++ b/dist/input/index.js
@@ -1 +1 @@
-import eventBus from"../core/utils/event-bus.js";import validator from"../behaviors/validator";import rules from"../behaviors/rules";Component({options:{multipleSlots:!0},behaviors:["wx://form-field",validator,rules],externalClasses:["l-class","l-label-class","l-error-text","l-error-text-class"],properties:{label:String,hideLabel:Boolean,labelCustom:Boolean,showRow:{type:Boolean,value:!0},required:Boolean,placeholder:String,type:{type:String,value:"text",options:["text","idcard","digit","password","number"]},value:String,colon:Boolean,focus:Boolean,clear:Boolean,maxlength:{type:Number,value:140},width:{type:Number,value:750},labelWidth:{type:Number,value:200},labelLayout:{type:String,value:"left",options:["left","right"]},disabled:Boolean,placeholderStyle:String},data:{},attached(){},methods:{handleInputChange(e){const{detail:t={}}=e,{value:l=""}=t;this.setData({value:l}),eventBus.emit("lin-form-change-"+this.id,this.id),this.triggerEvent("lininput",e.detail)},handleInputFocus(e){this.triggerEvent("linfocus",e.detail)},handleInputBlur(e){this.validatorData({[this.data.name]:e.detail.value}),eventBus.emit("lin-form-blur-"+this.id,this.id),this.triggerEvent("linblur",e.detail)},handleInputConfirm(e){const{detail:t={}}=e,{value:l=""}=t;this.setData({value:l}),this.triggerEvent("linconfirm",e.detail)},onClearTap(e){this.setData({value:""}),this.triggerEvent("linclear",e.detail)},getValues(){return this.data.value},reset(){this.setData({value:""})}}});
\ No newline at end of file
+import eventBus from"../core/utils/event-bus.js";import validator from"../behaviors/validator";import rules from"../behaviors/rules";Component({options:{multipleSlots:!0},behaviors:["wx://form-field",validator,rules],externalClasses:["l-class","l-label-class","l-error-text","l-error-text-class"],properties:{label:String,hideLabel:Boolean,labelCustom:Boolean,showRow:{type:Boolean,value:!0},required:Boolean,placeholder:String,type:{type:String,value:"text",options:["text","idcard","digit","password","number"]},value:String,colon:Boolean,focus:Boolean,clear:Boolean,maxlength:{type:Number,value:140},width:{type:String,value:"auto"},labelWidth:{type:Number,value:200},labelLayout:{type:String,value:"left",options:["left","right"]},disabled:Boolean,placeholderStyle:String},data:{},attached(){},methods:{handleInputChange(e){const{detail:t={}}=e,{value:a=""}=t;this.setData({value:a}),eventBus.emit("lin-form-change-"+this.id,this.id),this.triggerEvent("lininput",e.detail)},handleInputFocus(e){this.triggerEvent("linfocus",e.detail)},handleInputBlur(e){this.validatorData({[this.data.name]:e.detail.value}),eventBus.emit("lin-form-blur-"+this.id,this.id),this.triggerEvent("linblur",e.detail)},handleInputConfirm(e){const{detail:t={}}=e,{value:a=""}=t;this.setData({value:a}),this.triggerEvent("linconfirm",e.detail)},onClearTap(e){this.setData({value:""}),this.triggerEvent("linclear",e.detail)},getValues(){return this.data.value},reset(){this.setData({value:""})}}});
\ No newline at end of file
diff --git a/dist/input/index.wxml b/dist/input/index.wxml
index 8bdc67c0..783c49a3 100644
--- a/dist/input/index.wxml
+++ b/dist/input/index.wxml
@@ -1,5 +1,5 @@
 
-<label class='form-item {{disabled? "disabled": ""}} l-class form-item-{{labelLayout}}' style="widthform-item:{{width}}rpx">
+<label class='form-item {{disabled? "disabled": ""}} l-class form-item-{{labelLayout}}' style="width:{{width}}rpx">
   <view class="mask" wx:if="{{disabled}}"></view>
   <view class="row" hidden="{{ showRow ? '' : 'hidden' }}" style="width:{{width}}rpx;"></view>
   <view wx:if="{{label && !labelCustom}}" hidden="{{hideLabel}}" class="form-label l-label-class form-label-{{labelLayout}}" style='{{labelLayout !== "top" ? "width:"+ labelWidth+ "rpx;" : "" }} height:{{labelLayout=== "top" ? labelWidth + "rpx" : "" }}'>
diff --git a/dist/input/index.wxss b/dist/input/index.wxss
index 9ccc4603..a0a0eb18 100644
--- a/dist/input/index.wxss
+++ b/dist/input/index.wxss
@@ -1 +1 @@
-.form-item{position:relative;font-size:28rpx;color:#333;width:750rpx;height:88rpx;display:flex;flex-direction:row;align-items:center;padding-right:25rpx;box-sizing:border-box}.row{position:absolute;bottom:0;right:0;height:2rpx;width:730rpx;background:#f3f3f3}.text-require{color:#e23;vertical-align:middle}.form-label{display:flex;flex-direction:row;align-items:center;height:88rpx;padding-left:25rpx;padding-right:15rpx;box-sizing:border-box}.disabled{color:#9a9a9a!important}.mask{position:absolute;z-index:999;height:100%;width:100%}.form-label-right{justify-content:flex-end}.form-label-left{justify-content:flex-start}.input{height:100%;line-height:100%;flex:1}.close{height:36rpx;width:36rpx;background:#ddd;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:50%;margin-right:20rpx}.pls-class{color:#9a9a9a}.hideLabel{padding-left:25rpx}
\ No newline at end of file
+.form-item{position:relative;font-size:28rpx;color:#333;height:88rpx;display:flex;flex-direction:row;align-items:center;padding-right:25rpx;box-sizing:border-box}.row{position:absolute;bottom:0;right:0;height:2rpx;width:730rpx;background:#f3f3f3}.text-require{color:#e23;vertical-align:middle}.form-label{display:flex;flex-direction:row;align-items:center;height:88rpx;padding-left:25rpx;padding-right:15rpx;box-sizing:border-box}.disabled{color:#9a9a9a!important}.mask{position:absolute;z-index:999;height:100%;width:100%}.form-label-right{justify-content:flex-end}.form-label-left{justify-content:flex-start}.input{height:100%;line-height:100%;flex:1}.close{height:36rpx;width:36rpx;background:#ddd;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:50%;margin-right:20rpx}.pls-class{color:#9a9a9a}.hideLabel{padding-left:25rpx}
\ No newline at end of file
diff --git a/dist/notice-bar/index.js b/dist/notice-bar/index.js
index 86d94e1a..100bf043 100644
--- a/dist/notice-bar/index.js
+++ b/dist/notice-bar/index.js
@@ -1 +1 @@
-Component({externalClasses:["l-class"],properties:{type:{type:String,value:"still"},swipArr:Array,frontIconName:{type:String,value:""},frontIconSize:{type:Number,value:28},frontIconColor:{type:String,value:"#3683D6"},endIconName:{type:String,value:""},endIconSize:{type:Number,value:28},endIconColor:{type:String,value:"#3683D6"},backgroundcolor:{type:String,value:"#DFEDFF"},color:{type:String,value:"#3683D6"},speed:{type:Number,value:1500},show:{type:Boolean,value:!0},close:{type:Boolean,value:!1}},data:{wrapWidth:0,width:0,duration:0,animation:null,timer:null},detached(){this.destroyTimer()},ready(){"roll"===this.properties.type&&this.properties.show&&this.initAnimation()},methods:{initAnimation(){wx.createSelectorQuery().in(this).select(".l-noticebar-content-wrap").boundingClientRect(t=>{wx.createSelectorQuery().in(this).select(".l-noticebar-content").boundingClientRect(i=>{const e=i.width/40*this.data.speed,a=wx.createAnimation({duration:e,timingFunction:"linear"});this.setData({wrapWidth:t.width,width:i.width,duration:e,animation:a},()=>{this.startAnimation()})}).exec()}).exec()},startAnimation(){if(0!==this.data.animation.option.transition.duration){this.data.animation.option.transition.duration=0;const t=this.data.animation.translateX(this.data.wrapWidth).step();this.setData({animationData:t.export()})}this.data.animation.option.transition.duration=this.data.duration;const t=this.data.animation.translateX(-this.data.width).step();setTimeout(()=>{this.setData({animationData:t.export()})},100);const i=setTimeout(()=>{this.startAnimation()},this.data.duration);this.setData({timer:i})},destroyTimer(){this.data.timer&&clearTimeout(this.data.timer)},handleTap(){this.triggerEvent("lintap",{},{bubbles:!0,composed:!0}),this.setData({timer:null})},onSwip(t){this.triggerEvent("lintap",{...t.currentTarget.dataset},{bubbles:!0,composed:!0})},onIconTap(){this.triggerEvent("linicontap",{},{bubbles:!0,composed:!0}),this.setData({timer:null})},onClose(){this.setData({timer:null,show:!1})}}});
\ No newline at end of file
+Component({externalClasses:["l-class","l-icon-class"],properties:{type:{type:String,value:"still"},swipArr:Array,frontIconName:{type:String,value:""},frontIconSize:{type:Number,value:28},frontIconColor:{type:String,value:"#3683D6"},endIconName:{type:String,value:""},endIconSize:{type:Number,value:28},endIconColor:{type:String,value:"#3683D6"},backgroundcolor:{type:String,value:"#DFEDFF"},color:{type:String,value:"#3683D6"},speed:{type:Number,value:1500},show:{type:Boolean,value:!0},close:{type:Boolean,value:!1}},data:{wrapWidth:0,width:0,duration:0,animation:null,timer:null},detached(){this.destroyTimer()},ready(){"roll"===this.properties.type&&this.properties.show&&this.initAnimation()},methods:{initAnimation(){wx.createSelectorQuery().in(this).select(".l-noticebar-content-wrap").boundingClientRect(t=>{wx.createSelectorQuery().in(this).select(".l-noticebar-content").boundingClientRect(i=>{const e=i.width/40*this.data.speed,a=wx.createAnimation({duration:e,timingFunction:"linear"});this.setData({wrapWidth:t.width,width:i.width,duration:e,animation:a},()=>{this.startAnimation()})}).exec()}).exec()},startAnimation(){if(0!==this.data.animation.option.transition.duration){this.data.animation.option.transition.duration=0;const t=this.data.animation.translateX(this.data.wrapWidth).step();this.setData({animationData:t.export()})}this.data.animation.option.transition.duration=this.data.duration;const t=this.data.animation.translateX(-this.data.width).step();setTimeout(()=>{this.setData({animationData:t.export()})},100);const i=setTimeout(()=>{this.startAnimation()},this.data.duration);this.setData({timer:i})},destroyTimer(){this.data.timer&&clearTimeout(this.data.timer)},handleTap(){this.triggerEvent("lintap",{},{bubbles:!0,composed:!0}),this.setData({timer:null})},onSwip(t){this.triggerEvent("lintap",{...t.currentTarget.dataset},{bubbles:!0,composed:!0})},onIconTap(){this.triggerEvent("linicontap",{},{bubbles:!0,composed:!0}),this.setData({timer:null})},onClose(){this.setData({timer:null,show:!1})}}});
\ No newline at end of file
diff --git a/dist/notice-bar/index.wxml b/dist/notice-bar/index.wxml
index 9b909338..2276bd05 100644
--- a/dist/notice-bar/index.wxml
+++ b/dist/notice-bar/index.wxml
@@ -1,5 +1,5 @@
 <view wx:if="{{ show }}" class="l-class l-noticebar" style="color: {{ color }}; background-color: {{ backgroundcolor }}">
-  <l-icon wx:if="{{ frontIconName }}" size="{{frontIconSize}}" color="{{frontIconColor}}" name="{{ frontIconName }}" class="l-noticebar-icon"/>
+  <l-icon wx:if="{{ frontIconName }}" size="{{frontIconSize}}" color="{{frontIconColor}}" name="{{ frontIconName }}" class="l-noticebar-icon" l-class="l-icon-class"/>
   <swiper autoplay vertical interval="{{4*speed}}" class="l-noticebar-content-wrap" wx:if="{{type=='swip'}}">
     <block wx:for="{{swipArr}}" wx:key="swip">
       <swiper-item data-index="{{index}}" bindtap="onSwip">
diff --git a/dist/popup/index.wxml b/dist/popup/index.wxml
index 898cb0b6..b32c9446 100644
--- a/dist/popup/index.wxml
+++ b/dist/popup/index.wxml
@@ -1,13 +1,13 @@
 
-  <view class='l-class container-popup {{ show ? "popup-show" : "" }} {{contentAlign ? contentAlign : direction}}' style="z-index:{{zIndex}};">
-    <view class="container-bg l-bg-class" style="opacity: {{opacity}}" catchtap="onPupopTap" catchtouchmove="doNothingMove"></view>
+  <view class='l-class container-popup {{ show ? "popup-show" : "" }} {{contentAlign ? contentAlign : direction}}' style="z-index:{{zIndex}};" catchtouchmove="doNothingMove">
+    <view class="container-bg l-bg-class" style="opacity: {{opacity}}" catchtap="onPupopTap"></view>
     <l-transition wx:if="{{animation && transition}}" show="{{ show }}" class="popup-content" name="" duration="300" l-enter-class='{{(contentAlign ? contentAlign : direction) + "-lin-enter-class"}}' l-enter-active-class='{{(contentAlign ? contentAlign : direction) + "-lin-enter-active-class"}}' l-enter-to-class='{{(contentAlign ? contentAlign : direction) + "-lin-enter-to-class"}}' l-leave-class='{{(contentAlign ? contentAlign : direction) + "-lin-leave-class"}}' l-leave-active-class='{{(contentAlign ? contentAlign : direction) + "-lin-leave-active-class"}}' l-leave-to-class='{{(contentAlign ? contentAlign : direction) + "-lin-leave-to-class"}}'>
-        <view class='{{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class'>
+        <view class='{{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class' catchtap="doNothingTap">
           <slot></slot>
         </view>
     </l-transition>
     <view wx:if="{{!(animation && transition) && show}}" class="popup-content" style="z-index:100">
-        <view class='test {{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class'>
+        <view class='{{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class' catchtap="doNothingTap">
             <slot></slot>
         </view>
     </view>
diff --git a/dist/progress/index.js b/dist/progress/index.js
index dd94aad2..3894e649 100644
--- a/dist/progress/index.js
+++ b/dist/progress/index.js
@@ -1 +1 @@
-import{px2rpx}from"../utils/util.js";import validator from"../behaviors/validator";Component({externalClasses:["l-class","l-text-class","l-active-class","l-background-class"],behaviors:[validator],properties:{percent:{type:Number,value:0},strokeWidth:{type:Number,value:12},borderRadius:{type:Number,value:6},activeColor:{type:String},backgroundColor:{type:String,value:"#EBEBEB"},showInfo:{type:Boolean,value:!1},textPosition:{type:String,value:"right",options:["left","right"]},textColor:{type:String},interval:{type:Number,value:20},active:{type:Boolean,value:!1},duration:{type:Number,value:30}},options:{multipleSlots:!0,pureDataPattern:/^_/},data:{_slotWidth:0,_slotHeight:0,_progressWidth:0,_progressHeight:0,_marginBottom:0,marginLeft:0,marginTop:0,_useSlot:!1},observers:{"_slotWidth, _slotHeight, _progressWidth, _progressHeight, percent,_useSlot":function(t,e,r,i,s,a){if(a){const a=-(e-i)/2,o=(r-t)*s/100;this.setData({marginTop:a,marginLeft:o})}}},lifetimes:{attached(){this.data.percent>100&&this.setData({percent:100}),wx.createSelectorQuery().in(this).select(".slot").boundingClientRect(t=>{let e=this.data._useSlot;t.width&&(e=!0),this.setData({_useSlot:e,_slotWidth:px2rpx(t.width),_slotHeight:px2rpx(t.height)})}).exec(),wx.createSelectorQuery().in(this).select(".progress").boundingClientRect(t=>{this.setData({_progressHeight:px2rpx(t.height),_progressWidth:px2rpx(t.width)})}).exec();const t=this.data.percent;let e=0;this.data.active&&setInterval(()=>{e<t&&(e+=1,this.setData({percent:e}))},this.data.duration)}},methods:{}});
\ No newline at end of file
+import{px2rpx}from"../utils/util.js";import validator from"../behaviors/validator";Component({externalClasses:["l-class","l-text-class","l-active-class","l-background-class"],behaviors:[validator],properties:{percent:{type:Number,value:0},strokeWidth:{type:Number,value:12},borderRadius:{type:Number,value:6},activeColor:{type:String},backgroundColor:{type:String,value:"#EBEBEB"},showInfo:{type:Boolean,value:!1},textPosition:{type:String,value:"right",options:["left","right"]},textColor:{type:String},interval:{type:Number,value:20},active:{type:Boolean,value:!1},duration:{type:Number,value:30}},options:{multipleSlots:!0,pureDataPattern:/^_/},data:{_slotWidth:0,_slotHeight:0,_progressWidth:0,_progressHeight:0,_marginBottom:0,marginLeft:0,marginTop:0,_useSlot:!1},observers:{"_slotWidth, _slotHeight, _progressWidth, _progressHeight, percent,_useSlot":function(t,e,r,i,s,a){if(a){const a=-(e-i)/2,o=(r-t)*s/100;this.setData({marginTop:a,marginLeft:o})}}},lifetimes:{attached(){this.data.percent>100&&this.setData({percent:100});wx.createSelectorQuery().in(this).select(".slot").boundingClientRect(t=>{let e=this.data._useSlot;t.width&&(e=!0),this.setData({_useSlot:e,_slotWidth:px2rpx(t.width),_slotHeight:px2rpx(t.height)})}).exec();wx.createSelectorQuery().in(this).select(".progress").boundingClientRect(t=>{this.setData({_progressHeight:px2rpx(t.height),_progressWidth:px2rpx(t.width)})}).exec();const t=this.data.percent;let e=0;this.data.active&&setInterval(()=>{e<t&&(e+=1,this.setData({percent:e}))},this.data.duration)}},methods:{}});
\ No newline at end of file
diff --git a/dist/segment/index.js b/dist/segment/index.js
index 231a17b1..92152001 100644
--- a/dist/segment/index.js
+++ b/dist/segment/index.js
@@ -1 +1 @@
-import scrollCenter from"../behaviors/scrollCenter";Component({behaviors:[scrollCenter],externalClasses:["l-class","l-header-class","l-class-active","l-active-class","l-class-inactive","l-inactive-class","l-class-tabimage","l-tab-image-class","l-class-header-line","l-header-line-class","l-class-line","l-line-class","l-class-icon","l-icon-class","l-class-badge","l-badge-class"],options:{multipleSlots:!0},relations:{"../segment-item/index":{type:"child",linked(){this.initTabs()}}},properties:{activeKey:{type:String,value:"",observer:"changeCurrent"},placement:{type:String,value:"top"},scrollable:Boolean,hasLine:{type:Boolean,value:!0},animatedForLine:Boolean,activeColor:{type:String},inactiveColor:{type:String},equalWidth:{type:Boolean,value:!0},even:{type:Boolean,value:!0},width:Number,height:Number,itemHeight:Number,itemWidth:Number},observers:{activeKey:function(e){if(!e)return;const t=this.data.tabList.findIndex(t=>t.key===e);this.setData({currentIndex:t},()=>{this.data.scrollable&&this.queryMultipleNodes()})}},data:{tabList:[],currentIndex:0},methods:{initTabs(e=this.data.activeKey){let t=this.getRelationNodes("../segment-item/index");if(t.length>0){if(t.length===this.data.tabList.length)return;let a=e,s=this.data.currentIndex;const l=t.map((t,l)=>(a=e||0!==l?a:t.data.key,s=t.data.key===a?l:s,{...t.data}));this.setData({tabList:l,activeKey:a,currentIndex:s},()=>{this.data.scrollable&&this.queryMultipleNodes()})}},handleChange(e){const t=e.currentTarget.dataset.key,a=e.currentTarget.dataset.index;this._setChangeData({activeKey:t,currentIndex:a})},_setChangeData({activeKey:e,currentIndex:t}){this.setData({activeKey:e,currentIndex:t},()=>{this.data.scrollable&&this.queryMultipleNodes()}),this.triggerEvent("linchange",{activeKey:e,currentIndex:t})}}});
\ No newline at end of file
+import scrollCenter from"../behaviors/scrollCenter";Component({behaviors:[scrollCenter],externalClasses:["l-class","l-header-class","l-class-active","l-active-class","l-class-inactive","l-inactive-class","l-class-tabimage","l-tab-image-class","l-class-header-line","l-header-line-class","l-class-line","l-line-class","l-class-icon","l-icon-class","l-class-badge","l-badge-class"],options:{multipleSlots:!0,pureDataPattern:/^_/},relations:{"../segment-item/index":{type:"child",linked(e){this.initTabs(e)}}},properties:{activeKey:{type:String,value:"",observer:"changeCurrent"},placement:{type:String,value:"top"},scrollable:Boolean,hasLine:{type:Boolean,value:!0},animatedForLine:Boolean,activeColor:{type:String},inactiveColor:{type:String},equalWidth:{type:Boolean,value:!0},even:{type:Boolean,value:!0},width:Number,height:Number,itemHeight:Number,itemWidth:Number},observers:{activeKey:function(e){if(!e)return;const t=this.data.tabList.findIndex(t=>t.key===e);this.setData({currentIndex:t},()=>{this.data.scrollable&&this.queryMultipleNodes()})}},data:{tabList:[],currentIndex:0,_segmentItemInstances:[]},methods:{initTabs(e){const t=this.data.activeKey;let a=this.getRelationNodes("../segment-item/index");if(a.length>0){if(a.length===this.data.tabList.length&&this.data._segmentItemInstances.indexOf(e)>0)return;let s=t,i=this.data.currentIndex;const n=a.map((e,a)=>(s=t||0!==a?s:e.data.key,i=e.data.key===s?a:i,{...e.data}));this.setData({tabList:n,activeKey:s,currentIndex:i,_segmentItemInstances:a},()=>{this.data.scrollable&&this.queryMultipleNodes()})}},handleChange(e){const t=e.currentTarget.dataset.key,a=e.currentTarget.dataset.index;this._setChangeData({activeKey:t,currentIndex:a})},_setChangeData({activeKey:e,currentIndex:t}){this.setData({activeKey:e,currentIndex:t},()=>{this.data.scrollable&&this.queryMultipleNodes()}),this.triggerEvent("linchange",{activeKey:e,currentIndex:t})}}});
\ No newline at end of file
diff --git a/dist/utils/data-util.js b/dist/utils/data-util.js
deleted file mode 100644
index b05b799b..00000000
--- a/dist/utils/data-util.js
+++ /dev/null
@@ -1 +0,0 @@
-class DataUtil{setDiffData(t,a){const e={};Object.keys(a).forEach(s=>{t.data[s]!==a[s]&&(e[s]=a[s])}),Object.keys(e).length&&t.setData(e)}}const dataUtil=new DataUtil;export default dataUtil;
\ No newline at end of file
diff --git a/dist/utils/event-util.js b/dist/utils/event-util.js
deleted file mode 100644
index 65d6890e..00000000
--- a/dist/utils/event-util.js
+++ /dev/null
@@ -1 +0,0 @@
-class EventUtil{emit(e,t,l){e.triggerEvent(t,l,{bubbles:!0,composed:!0,capturePhase:!0})}}const eventUtil=new EventUtil;export default eventUtil;
\ No newline at end of file
diff --git a/dist/utils/eventBus.js b/dist/utils/eventBus.js
deleted file mode 100644
index 5307356a..00000000
--- a/dist/utils/eventBus.js
+++ /dev/null
@@ -1 +0,0 @@
-let EventBus=function(){};var objBus=[],arrBus=[];EventBus.prototype={obj:{set:function(r,u){if(r&&u){var n={};n.k=r,n.v=u;for(var t=0,s=objBus.length;t<s;t++){objBus[t].k===r&&objBus.splice(t,1)}objBus.push(n)}},get:function(r){if(r)for(var u=0,n=objBus.length;u<n;u++){var t=objBus[u];if(t.k===r)return t.v()}}},emit:function(r,u){if(r)for(var n=0,t=arrBus.length;n<t;n++){var s=arrBus[n];if(s.k===r)return s.v(u)}return new Promise(r=>{r()})},on:function(r,u){if(r&&u){var n={};n.k=r,n.v=u,arrBus.push(n)}},arr:{push:function(r,u){if(r&&u){var n={};n.k=r,n.v=u,arrBus.push(n)}},pop:function(r){if(r)for(var u=0,n=arrBus.length;u<n;u++){var t=arrBus[u];t.k===r&&t.v()}}}};var eventBus=new EventBus;export default eventBus;
\ No newline at end of file
diff --git a/dist/utils/node-util.js b/dist/utils/node-util.js
deleted file mode 100644
index de728191..00000000
--- a/dist/utils/node-util.js
+++ /dev/null
@@ -1 +0,0 @@
-class NodeUtil{async getNodeRectFromComponent(e,t){return await new Promise(n=>{e.createSelectorQuery().select(t).boundingClientRect(e=>{n(e)}).exec()})}async getNodesRectFromComponent(e,t){return await new Promise(n=>{e.createSelectorQuery().selectAll(t).boundingClientRect(e=>{n(e)}).exec()})}}const nodeUtil=new NodeUtil;export default nodeUtil;
\ No newline at end of file
diff --git a/dist/utils/pixel-util.js b/dist/utils/pixel-util.js
deleted file mode 100644
index 7b6e2707..00000000
--- a/dist/utils/pixel-util.js
+++ /dev/null
@@ -1 +0,0 @@
-class PixelUtil{constructor(t){this.systemInfo=t}px2rpx(t){return 750/this.systemInfo.screenWidth*t}rpx2px(t){return t/750*this.systemInfo.screenWidth}}const pixelUtil=new PixelUtil(wx.getSystemInfoSync());export default pixelUtil;
\ No newline at end of file
diff --git a/dist/utils/wxml-util.js b/dist/utils/wxml-util.js
deleted file mode 100644
index 0f474645..00000000
--- a/dist/utils/wxml-util.js
+++ /dev/null
@@ -1 +0,0 @@
-class WxmlUtil{async getNodeRectFromComponent(e,t){return await new Promise(l=>{e.createSelectorQuery().select(t).boundingClientRect(e=>{l(e)}).exec()})}async getNodesRectFromComponent(e,t){return await new Promise(l=>{e.createSelectorQuery().selectAll(t).boundingClientRect(e=>{l(e)}).exec()})}}const wxmlUtil=new WxmlUtil;export default wxmlUtil;
\ No newline at end of file
diff --git a/dist/water-flow/index.js b/dist/water-flow/index.js
index f4d02464..6ddc3d1f 100644
--- a/dist/water-flow/index.js
+++ b/dist/water-flow/index.js
@@ -1 +1 @@
-Component({properties:{columnGap:{type:String,value:"20rpx"}},data:{data:[],leftData:[],rightData:[]},attached(){this._init()},pageLifetimes:{show(){this._init()}},methods:{_init(){wx.lin=wx.lin||{},wx.lin.renderWaterFlow=(t=[],e=!1,a)=>{if("[object Array]"!==Object.prototype.toString.call(t))return console.error("[data]参数类型错误，渲染失败"),!1;e&&(this.data.leftData=[],this.data.rightData=[]),this._select(t,e).then(()=>{a&&a()})}},_select(t,e){const a=wx.createSelectorQuery().in(this);return this.columnNodes=a.selectAll("#left, #right"),new Promise(a=>{this._render(t,0,e,()=>{a()})})},_render(t,e,a,i){t.length>e?this.columnNodes.boundingClientRect().exec(h=>{const r=h[0];this.data.leftHeight=r[0].height,this.data.rightHeight=r[1].height,this.data.leftHeight<=this.data.rightHeight||a?this.data.leftData.push(t[e]):this.data.rightData.push(t[e]),this.setData({leftData:this.data.leftData,rightData:this.data.rightData},()=>{this._render(t,++e,!1,i)})}):i&&i()}}});
\ No newline at end of file
+import eventUtil from"../core/utils/event-util";Component({properties:{columnGap:{type:String,value:"20rpx"}},data:{data:[],leftData:[],rightData:[]},attached(){this._init()},pageLifetimes:{show(){this._init()}},methods:{_init(){wx.lin=wx.lin||{},wx.lin.renderWaterFlow=(t=[],e=!1,i)=>{if("[object Array]"!==Object.prototype.toString.call(t))return console.error("[data]参数类型错误，渲染失败"),!1;e&&(this.data.leftData=[],this.data.rightData=[]),this._select(t,e).then(()=>{i&&i()})}},_select(t,e){const i=wx.createSelectorQuery().in(this);return this.columnNodes=i.selectAll("#left, #right"),new Promise(i=>{this._render(t,0,e,()=>{i()})})},_render(t,e,i,a){t.length>e?this.columnNodes.boundingClientRect().exec(h=>{const r=h[0];this.data.leftHeight=r[0].height,this.data.rightHeight=r[1].height,this.data.leftHeight<=this.data.rightHeight||i?this.data.leftData.push(t[e]):this.data.rightData.push(t[e]),this.setData({leftData:this.data.leftData,rightData:this.data.rightData},()=>{this._render(t,++e,!1,a)})}):a&&a()},onTapItem(t){eventUtil.emit(this,"linitemtap",t.detail)}}});
\ No newline at end of file
diff --git a/dist/water-flow/index.wxml b/dist/water-flow/index.wxml
index 02d3592a..64cf7b58 100644
--- a/dist/water-flow/index.wxml
+++ b/dist/water-flow/index.wxml
@@ -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>
\ No newline at end of file
+</view>
diff --git a/examples/app.js b/examples/app.js
index 47fee7f3..e4880762 100644
--- a/examples/app.js
+++ b/examples/app.js
@@ -1,10 +1,11 @@
-//app.js
+import versionUtil from './utils/version-util'
 App({
   onLaunch: function() {
-    
+    // 检查更新
+    versionUtil.checkUpdate()
   },
 
   globalData: {
 
   }
-});
\ No newline at end of file
+});
diff --git a/examples/app.json b/examples/app.json
index c4e2bbc8..6f8db6f0 100644
--- a/examples/app.json
+++ b/examples/app.json
@@ -11,9 +11,6 @@
     "navigationBarTitleText": "Lin UI",
     "navigationBarTextStyle": "black"
   },
-  "navigateToMiniProgramAppIdList": [
-    "wxb05fa7b69aa7e5b7"
-  ],
   "tabBar": {
     "color": "#bbbbbb",
     "selectedColor": "#3963BC",
diff --git a/examples/dist/behaviors/rules.js b/examples/dist/behaviors/rules.js
index e64244f0..ef36085b 100644
--- a/examples/dist/behaviors/rules.js
+++ b/examples/dist/behaviors/rules.js
@@ -1,5 +1,6 @@
 import Schema from '../common/async-validator/index';
 import validator from '../behaviors/validator';
+
 /**
  * @param tipType String [toast , message , text]
  */
@@ -40,16 +41,16 @@ export default Behavior({
       } = this.data;
       if (!rules) return;
       // 如果rule 是单个object
-      if(Object.prototype.toString.call(rules) === '[object Object]') {
+      if (Object.prototype.toString.call(rules) === '[object Object]') {
         this.data.rules = [rules];
       }
 
       this.data.rules.forEach(item => {
-        if(!item.trigger) {
+        if (!item.trigger) {
           item.trigger = [];
           return;
         }
-        if(typeof item.trigger === 'string') {
+        if (typeof item.trigger === 'string') {
           item.trigger = [item.trigger];
           return;
         }
@@ -69,7 +70,7 @@ export default Behavior({
 
       const list = type ? rules.filter(item => {
         return item.trigger.indexOf(type) > -1;
-      }): rules;
+      }) : rules;
       const schema = new Schema({
         [rulesName]: list,
       });
@@ -88,6 +89,14 @@ export default Behavior({
 
       if (!rules) return;
 
+      // 把空字符串设置为 undefined ,见 issue 856
+      // async-validator 对空字符串会进行类型检查，与required会冲突
+      Object.getOwnPropertyNames(value).forEach((key) => {
+        if (value[key] === '') {
+          value[key] = undefined
+        }
+      })
+
       this.data.schema.validate(value, (errors) => {
         this.setData({
           errors: errors || []
diff --git a/examples/dist/behaviors/validator.js b/examples/dist/behaviors/validator.js
index 92ff671f..e2a5f950 100644
--- a/examples/dist/behaviors/validator.js
+++ b/examples/dist/behaviors/validator.js
@@ -11,7 +11,7 @@ export default Behavior({
       } = properties[name];
       if (options) {
         properties[name].observer = function (newValue) {
-          if (!options.includes(newValue)) {
+          if (!options.includes(newValue) && newValue) {
             console.error(`${name}: ${newValue} must be in the [${options}]`);
           }
         };
diff --git a/examples/dist/button/index.wxml b/examples/dist/button/index.wxml
index 38b071a8..3738cc7c 100644
--- a/examples/dist/button/index.wxml
+++ b/examples/dist/button/index.wxml
@@ -6,7 +6,7 @@
   </block>
   <block wx:else>
     <view class="l-btn {{ 'l-btn-' + size }} {{ 'l-btn-' + type }} {{ 'l-btn-' + shape }} {{plain?'l-btn-plain':''}} {{ disabled ? 'l-btn-disabled' : ''}} l-class " 
-          hover-class="btn-hover l-hover-class"
+          hover-class="{{disabled?'':'btn-hover l-hover-class'}}"
           hover-stop-propagation="{{hoverStopPropagation}}"
           hover-start-time="{{hoverStartTime}}"
           hover-stay-time="{{hoverStayTime}}"
diff --git a/examples/dist/button/index.wxss b/examples/dist/button/index.wxss
index da04df64..2597fc32 100644
--- a/examples/dist/button/index.wxss
+++ b/examples/dist/button/index.wxss
@@ -1 +1 @@
-.btn-hover{opacity:.8}.special-container{display:flex}.l-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:28rpx;position:relative;color:#fff;padding:0 12rpx;box-sizing:border-box}.l-btn-img-mini{width:30rpx;height:30rpx}.l-btn-img-medium{width:36rpx;height:36rpx}.l-btn-img-large{height:44rpx;width:44rpx}.l-btn-long{border-radius:0;margin:0;height:88rpx;width:100%}.l-btn-medium{height:72rpx;min-width:180rpx}.l-btn-large{height:88rpx;min-width:710rpx}.l-btn-mini{height:60rpx;min-width:140rpx;font-size:24rpx}.l-btn-default{background-color:#3963bc}.l-btn-success{background-color:#34bfa3}.l-btn-warning{background-color:#ffe57f;color:#333}.l-btn-error{background-color:#f4516c}.l-btn-square{border-radius:0}.l-btn-semicircle{border-radius:40rpx}.l-btn-large.l-btn-semicircle{border-radius:48rpx}.l-btn-mini.l-btn-semicircle{border-radius:30rpx}.l-btn-circle{border-radius:8rpx}.l-btn-large.l-btn-circle{border-radius:9.6rpx}.l-btn-mini.l-btn-circle{border-radius:6rpx}.l-btn-plain{background-color:#fff;color:#3963bc;border:2rpx solid #3963bc}.l-btn-success.l-btn-plain{background-color:#fff;color:#34bfa3;border:2rpx solid #34bfa3}.l-btn-error.l-btn-plain{background-color:#fff;color:#f4516c;border:2rpx solid #f4516c}.l-btn-warning.l-btn-plain{background-color:#fff;color:#ffe57f;border:2rpx solid #ffe57f}.l-btn-loading{opacity:.6;display:inline-block;vertical-align:middle;width:24rpx;height:24rpx;background:0 0;border-radius:50%;border:4rpx solid #fff;border-color:#fff #fff #fff transparent;animation:btn-spin .6s linear;animation-iteration-count:infinite}.l-btn-loading-default{border:4rpx solid #3963bc;border-color:#3963bc #3963bc #3963bc transparent}.l-btn-loading-success{border:4rpx solid #34bfa3;border-color:#34bfa3 #34bfa3 #34bfa3 transparent}.l-btn-loading-error{border:4rpx solid #f4516c;border-color:#f4516c #f4516c #f4516c transparent}.l-btn-loading-warning{border:4rpx solid #ffe57f;border-color:#ffe57f #ffe57f #ffe57f transparent}.l-btn-disabled{opacity:.8;background-color:#dee2e6}.icon{display:flex!important}.margin-mini{margin-right:10rpx}.margin-medium{margin-right:18rpx}.margin-large{margin-right:24rpx}@keyframes btn-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
\ No newline at end of file
+.btn-hover::before{opacity:.15;position:absolute;top:50%;left:50%;width:100%;height:100%;border:inherit;border-radius:inherit;transform:translate(-50%,-50%);content:' ';background-color:#333;border-color:#333}.special-container{display:flex}.l-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:28rpx;position:relative;color:#fff;padding:0 12rpx;box-sizing:border-box}.l-btn-img-mini{width:30rpx;height:30rpx}.l-btn-img-medium{width:36rpx;height:36rpx}.l-btn-img-large{height:44rpx;width:44rpx}.l-btn-long{border-radius:0;margin:0;height:88rpx;width:100%}.l-btn-medium{height:72rpx;min-width:180rpx}.l-btn-large{height:88rpx;min-width:710rpx}.l-btn-mini{height:60rpx;min-width:140rpx;font-size:24rpx}.l-btn-default{background-color:#3963bc}.l-btn-success{background-color:#34bfa3}.l-btn-warning{background-color:#ffe57f;color:#333}.l-btn-error{background-color:#f4516c}.l-btn-square{border-radius:0}.l-btn-semicircle{border-radius:40rpx}.l-btn-large.l-btn-semicircle{border-radius:48rpx}.l-btn-mini.l-btn-semicircle{border-radius:30rpx}.l-btn-circle{border-radius:8rpx}.l-btn-large.l-btn-circle{border-radius:9.6rpx}.l-btn-mini.l-btn-circle{border-radius:6rpx}.l-btn-plain{background-color:#fff;color:#3963bc;border:2rpx solid #3963bc}.l-btn-success.l-btn-plain{background-color:#fff;color:#34bfa3;border:2rpx solid #34bfa3}.l-btn-error.l-btn-plain{background-color:#fff;color:#f4516c;border:2rpx solid #f4516c}.l-btn-warning.l-btn-plain{background-color:#fff;color:#ffe57f;border:2rpx solid #ffe57f}.l-btn-loading{opacity:.6;display:inline-block;vertical-align:middle;width:24rpx;height:24rpx;background:0 0;border-radius:50%;border:4rpx solid #fff;border-color:#fff #fff #fff transparent;animation:btn-spin .6s linear;animation-iteration-count:infinite}.l-btn-loading-default{border:4rpx solid #3963bc;border-color:#3963bc #3963bc #3963bc transparent}.l-btn-loading-success{border:4rpx solid #34bfa3;border-color:#34bfa3 #34bfa3 #34bfa3 transparent}.l-btn-loading-error{border:4rpx solid #f4516c;border-color:#f4516c #f4516c #f4516c transparent}.l-btn-loading-warning{border:4rpx solid #ffe57f;border-color:#ffe57f #ffe57f #ffe57f transparent}.l-btn-disabled{opacity:.8}.icon{display:flex!important}.margin-mini{margin-right:10rpx}.margin-medium{margin-right:18rpx}.margin-large{margin-right:24rpx}@keyframes btn-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
\ No newline at end of file
diff --git a/examples/dist/card/index.js b/examples/dist/card/index.js
index dd776e86..08c48cf7 100644
--- a/examples/dist/card/index.js
+++ b/examples/dist/card/index.js
@@ -23,7 +23,7 @@ Component({
     type: {
       type: String,
       value: 'primary',
-      options: ['primary', 'avatar']
+      options: ['primary', 'avatar','cover']
     },
     imageMode: {
       type: String,
diff --git a/examples/dist/index-list/index.wxss b/examples/dist/index-list/index.wxss
index 9b5ddd9a..aaecbd06 100644
--- a/examples/dist/index-list/index.wxss
+++ b/examples/dist/index-list/index.wxss
@@ -1 +1 @@
-.index-list .sidebar{font-size:24rpx;position:fixed;right:30rpx;width:20rpx;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.index-list .sidebar-item{width:40rpx;height:40rpx;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:8rpx}.index-list .sidebar-item-active{color:#fff;background-color:#3963bc}.index-list .tip{width:90rpx;height:90rpx;background-color:#d8d8d8;border-radius:90px 90px 0;display:flex;justify-content:center;align-items:center;position:absolute;left:-160rpx;transform:rotate(-45deg) translateY(-35%)}.index-list .tip-text{font-size:30rpx;transform:rotate(45deg)}
\ No newline at end of file
+.index-list .sidebar{font-size:24rpx;position:fixed;right:30rpx;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.index-list .sidebar-item{width:40rpx;height:40rpx;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:8rpx}.index-list .sidebar-item-active{color:#fff;background-color:#3963bc}.index-list .tip{width:90rpx;height:90rpx;background-color:#d8d8d8;border-radius:90px 90px 0;display:flex;justify-content:center;align-items:center;position:absolute;left:-160rpx;transform:rotate(-45deg) translateY(-35%)}.index-list .tip-text{font-size:30rpx;transform:rotate(45deg)}
\ No newline at end of file
diff --git a/examples/dist/input/index.js b/examples/dist/input/index.js
index c263721c..82a1e8b6 100644
--- a/examples/dist/input/index.js
+++ b/examples/dist/input/index.js
@@ -48,8 +48,8 @@ Component({
     },
     // 表单项的宽度，单位rpx
     width: {
-      type: Number,
-      value: 750
+      type: String,
+      value: 'auto'
     },
     // 表单项标题部分的宽度，单位rpx
     labelWidth: {
diff --git a/examples/dist/input/index.wxml b/examples/dist/input/index.wxml
index b5ec78a4..989f4e5b 100644
--- a/examples/dist/input/index.wxml
+++ b/examples/dist/input/index.wxml
@@ -1,7 +1,7 @@
 <!--  input/input.wxml -->
 <label
   class='form-item {{disabled? "disabled": ""}} l-class form-item-{{labelLayout}}'
-  style="widthform-item:{{width}}rpx">
+  style="width:{{width}}rpx">
   <view class='mask' wx:if="{{disabled}}"></view>
   <view class='row' hidden="{{ showRow ? '' : 'hidden' }}" style="width:{{width}}rpx;"></view>
   <view wx:if="{{label && !labelCustom}}" hidden="{{hideLabel}}" class='form-label l-label-class form-label-{{labelLayout}}' style='{{labelLayout !== "top" ? "width:"+ labelWidth+ "rpx;" : "" }} height:{{labelLayout=== "top" ? labelWidth + "rpx" : "" }}'>
diff --git a/examples/dist/input/index.wxss b/examples/dist/input/index.wxss
index 9ccc4603..a0a0eb18 100644
--- a/examples/dist/input/index.wxss
+++ b/examples/dist/input/index.wxss
@@ -1 +1 @@
-.form-item{position:relative;font-size:28rpx;color:#333;width:750rpx;height:88rpx;display:flex;flex-direction:row;align-items:center;padding-right:25rpx;box-sizing:border-box}.row{position:absolute;bottom:0;right:0;height:2rpx;width:730rpx;background:#f3f3f3}.text-require{color:#e23;vertical-align:middle}.form-label{display:flex;flex-direction:row;align-items:center;height:88rpx;padding-left:25rpx;padding-right:15rpx;box-sizing:border-box}.disabled{color:#9a9a9a!important}.mask{position:absolute;z-index:999;height:100%;width:100%}.form-label-right{justify-content:flex-end}.form-label-left{justify-content:flex-start}.input{height:100%;line-height:100%;flex:1}.close{height:36rpx;width:36rpx;background:#ddd;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:50%;margin-right:20rpx}.pls-class{color:#9a9a9a}.hideLabel{padding-left:25rpx}
\ No newline at end of file
+.form-item{position:relative;font-size:28rpx;color:#333;height:88rpx;display:flex;flex-direction:row;align-items:center;padding-right:25rpx;box-sizing:border-box}.row{position:absolute;bottom:0;right:0;height:2rpx;width:730rpx;background:#f3f3f3}.text-require{color:#e23;vertical-align:middle}.form-label{display:flex;flex-direction:row;align-items:center;height:88rpx;padding-left:25rpx;padding-right:15rpx;box-sizing:border-box}.disabled{color:#9a9a9a!important}.mask{position:absolute;z-index:999;height:100%;width:100%}.form-label-right{justify-content:flex-end}.form-label-left{justify-content:flex-start}.input{height:100%;line-height:100%;flex:1}.close{height:36rpx;width:36rpx;background:#ddd;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:50%;margin-right:20rpx}.pls-class{color:#9a9a9a}.hideLabel{padding-left:25rpx}
\ No newline at end of file
diff --git a/examples/dist/notice-bar/index.js b/examples/dist/notice-bar/index.js
index 6e47b9e8..5b323603 100644
--- a/examples/dist/notice-bar/index.js
+++ b/examples/dist/notice-bar/index.js
@@ -1,5 +1,5 @@
 Component({
-  externalClasses: ['l-class'],
+  externalClasses: ['l-class','l-icon-class'],
 
   properties: {
     type: {
diff --git a/examples/dist/notice-bar/index.wxml b/examples/dist/notice-bar/index.wxml
index b6106be2..667a2a28 100644
--- a/examples/dist/notice-bar/index.wxml
+++ b/examples/dist/notice-bar/index.wxml
@@ -1,5 +1,5 @@
 <view wx:if="{{ show }}" class="l-class l-noticebar" style="color: {{ color }}; background-color: {{ backgroundcolor }}">
-  <l-icon wx:if="{{ frontIconName }}" size="{{frontIconSize}}" color="{{frontIconColor}}" name="{{ frontIconName }}" class="l-noticebar-icon" />
+  <l-icon wx:if="{{ frontIconName }}" size="{{frontIconSize}}" color="{{frontIconColor}}" name="{{ frontIconName }}" class="l-noticebar-icon" l-class="l-icon-class" />
   <swiper autoplay vertical interval="{{4*speed}}" class="l-noticebar-content-wrap" wx:if="{{type=='swip'}}">
     <block wx:for="{{swipArr}}" wx:key="swip">
       <swiper-item data-index="{{index}}" bindtap="onSwip">
diff --git a/examples/dist/popup/index.wxml b/examples/dist/popup/index.wxml
index b00587ee..390d0163 100644
--- a/examples/dist/popup/index.wxml
+++ b/examples/dist/popup/index.wxml
@@ -1,6 +1,6 @@
 <!-- popup.wxml -->
-  <view class='l-class container-popup {{ show ? "popup-show" : "" }} {{contentAlign ? contentAlign : direction}}' style="z-index:{{zIndex}};" >
-    <view class='container-bg l-bg-class'  style="opacity: {{opacity}}" catchtap='onPupopTap' catchtouchmove="doNothingMove"></view>
+  <view class='l-class container-popup {{ show ? "popup-show" : "" }} {{contentAlign ? contentAlign : direction}}' style="z-index:{{zIndex}};" catchtouchmove="doNothingMove">
+    <view class='container-bg l-bg-class'  style="opacity: {{opacity}}" catchtap='onPupopTap'></view>
     <l-transition
         wx:if="{{animation && transition}}"
         show="{{ show }}"
@@ -14,12 +14,12 @@
         l-leave-active-class='{{(contentAlign ? contentAlign : direction) + "-lin-leave-active-class"}}'
         l-leave-to-class='{{(contentAlign ? contentAlign : direction) + "-lin-leave-to-class"}}'
     >
-        <view class='{{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class' >
+        <view class='{{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class' catchtap="doNothingTap">
           <slot></slot>
         </view>
     </l-transition>
     <view wx:if="{{!(animation && transition) && show}}" class="popup-content" style="z-index:100">
-        <view class='test {{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class'>
+        <view class='{{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class' catchtap="doNothingTap">
             <slot></slot>
         </view>
     </view>
diff --git a/examples/dist/segment/index.js b/examples/dist/segment/index.js
index 7ec1e71b..788c9719 100644
--- a/examples/dist/segment/index.js
+++ b/examples/dist/segment/index.js
@@ -2,8 +2,8 @@ import scrollCenter from '../behaviors/scrollCenter';
 
 Component({
   /**
-     * 组件的属性列表
-     */
+   * 组件的属性列表
+   */
   behaviors: [scrollCenter],
   externalClasses: [
     'l-class',
@@ -24,15 +24,16 @@ Component({
     'l-badge-class'
   ],
   options: {
-    multipleSlots: true // 在组件定义时的选项中启用多slot支持
+    multipleSlots: true,
+    pureDataPattern: /^_/
   },
 
   relations: {
     '../segment-item/index': {
       type: 'child',
-      linked() {
+      linked(target) {
         // 每次有子节点被插入时执行，target是该节点实例对象，触发在该节点attached生命周期之后
-        this.initTabs();
+        this.initTabs(target);
       }
     },
   },
@@ -74,11 +75,11 @@ Component({
 
   observers: {
     'activeKey': function (newKey) {
-      if(!newKey) return;
-      const index = this.data.tabList.findIndex(tab=>tab.key===newKey);
+      if (!newKey) return;
+      const index = this.data.tabList.findIndex(tab => tab.key === newKey);
       this.setData({
-        currentIndex:index
-      },() => {
+        currentIndex: index
+      }, () => {
         if (this.data.scrollable) {
           this.queryMultipleNodes();
         }
@@ -87,21 +88,23 @@ Component({
   },
 
   /**
-     * 组件的初始数据
-     */
+   * 组件的初始数据
+   */
   data: {
     tabList: [],
-    currentIndex: 0
+    currentIndex: 0,
+    _segmentItemInstances: []
   },
 
   /**
-     * 组件的方法列表
-     */
+   * 组件的方法列表
+   */
   methods: {
-    initTabs(val = this.data.activeKey) {
+    initTabs(segmentItemInstance) {
+      const val = this.data.activeKey
       let items = this.getRelationNodes('../segment-item/index');
       if (items.length > 0) {
-        if (items.length === this.data.tabList.length) return;
+        if (items.length === this.data.tabList.length && this.data._segmentItemInstances.indexOf(segmentItemInstance) > 0) return;
         let activeKey = val,
           currentIndex = this.data.currentIndex;
         const tab = items.map((item, index) => {
@@ -115,6 +118,7 @@ Component({
           tabList: tab,
           activeKey,
           currentIndex,
+          _segmentItemInstances: items
         }, () => {
           if (this.data.scrollable) {
             this.queryMultipleNodes();
diff --git a/examples/dist/utils/data-util.js b/examples/dist/utils/data-util.js
deleted file mode 100644
index 853b7067..00000000
--- a/examples/dist/utils/data-util.js
+++ /dev/null
@@ -1,25 +0,0 @@
-class DataUtil {
-  /**
-   * 设置差异数据
-   * @param component
-   * @param data
-   */
-  setDiffData(component, data) {
-    const diffData = {}
-
-    // 遍历获取到有差异的数据
-    Object.keys(data).forEach(key => {
-      if (component.data[key] !== data[key]) {
-        diffData[key] = data[key]
-      }
-    })
-
-    // 设置数据
-    if (Object.keys(diffData).length) {
-      component.setData(diffData)
-    }
-  }
-}
-
-const dataUtil = new DataUtil
-export default dataUtil
diff --git a/examples/dist/utils/event-util.js b/examples/dist/utils/event-util.js
deleted file mode 100644
index 44caea7e..00000000
--- a/examples/dist/utils/event-util.js
+++ /dev/null
@@ -1,12 +0,0 @@
-class EventUtil {
-  emit(component, eventName, detail) {
-    component.triggerEvent(eventName, detail, {
-      bubbles: true,
-      composed: true,
-      capturePhase: true
-    })
-  }
-}
-
-const eventUtil = new EventUtil()
-export default eventUtil
diff --git a/examples/dist/utils/eventBus.js b/examples/dist/utils/eventBus.js
deleted file mode 100644
index 53e483df..00000000
--- a/examples/dist/utils/eventBus.js
+++ /dev/null
@@ -1,78 +0,0 @@
-//创建EventBus对象
-let EventBus = function () {};
-//准备数组容器
-var objBus = [], arrBus = [];
-//添加方法
-EventBus.prototype = {
-  obj: {
-    set: function (key, action) {
-      if (key && action) {
-        var map = {};
-        map.k = key;
-        map.v = action;
-        //如果存在，则删除之前添加的事件
-        for (var i = 0, busLength = objBus.length; i < busLength; i++) {
-          var tempMap = objBus[i];
-          if (tempMap.k === key) {
-            objBus.splice(i, 1);
-          }
-        }
-        objBus.push(map);
-      }
-    },
-    get: function (key) {
-      if (key) {
-        for (var i = 0, busLength = objBus.length; i < busLength; i++) {
-          var map = objBus[i];
-          if (map.k === key) {
-            return map.v();
-          }
-        }
-      }
-    }
-  },
-  emit: function (key, data) {
-    if (key) {
-      for (var i = 0, busLength = arrBus.length; i < busLength; i++) {
-        var map = arrBus[i];
-        if (map.k === key) {
-          return map.v(data);
-        }
-      }
-    }
-    return new Promise((resolve) => { resolve();});
-  },
-  on: function (key, action) {
-    if (key && action) {
-      var map = {};
-      map.k = key;
-      map.v = action;
-      arrBus.push(map);
-    }
-  },
-  arr: {
-    push: function (key, action) {
-      if (key && action) {
-        var map = {};
-        map.k = key;
-        map.v = action;
-        arrBus.push(map);
-      }
-    },
-    pop: function (key) {
-      if (key) {
-        for (var i = 0, busLength = arrBus.length; i < busLength; i++) {
-          var map = arrBus[i];
-          if (map.k === key) {
-            map.v();
-          }
-        }
-      }
-    }
-  }
-};
-var eventBus = new EventBus();
-export default  eventBus;
-// module.exports = {
-//   eventBus: eventBus
-// }
diff --git a/examples/dist/utils/node-util.js b/examples/dist/utils/node-util.js
deleted file mode 100644
index a90415c0..00000000
--- a/examples/dist/utils/node-util.js
+++ /dev/null
@@ -1,38 +0,0 @@
-class NodeUtil {
-  /**
-   * 获取组件内部节点位置信息（单个）
-   * @param component 组件实例
-   * @param selector {String} css选择器
-   * @returns boundingClientRect() 回调函数的值
-   */
-  async getNodeRectFromComponent(component, selector) {
-    return await new Promise((resolve) => {
-      component
-        .createSelectorQuery()
-        .select(selector)
-        .boundingClientRect((res) => {
-          resolve(res)
-        }).exec()
-    })
-  }
-
-  /**
-   * 获取组件内部节点位置信息（多个）
-   * @param component 组件实例
-   * @param selector {String} css选择器
-   * @returns boundingClientRect() 回调函数的值
-   */
-  async getNodesRectFromComponent(component, selector) {
-    return await new Promise((resolve) => {
-      component
-        .createSelectorQuery()
-        .selectAll(selector)
-        .boundingClientRect((res) => {
-          resolve(res)
-        }).exec()
-    })
-  }
-}
-
-const nodeUtil = new NodeUtil()
-export default nodeUtil
diff --git a/examples/dist/utils/pixel-util.js b/examples/dist/utils/pixel-util.js
deleted file mode 100644
index 51b55ceb..00000000
--- a/examples/dist/utils/pixel-util.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * 像素工具
- */
-class PixelUtil {
-  /**
-   * 构造函数
-   * @param systemInfo 设备信息
-   */
-  constructor(systemInfo) {
-    this.systemInfo = systemInfo
-  }
-
-  /**
-   * px 转 rpx
-   * @param pxNumber px数值
-   * @returns {number} rpx数值
-   */
-  px2rpx(pxNumber) {
-    return (750 /  this.systemInfo.screenWidth) * pxNumber
-  }
-
-  /**
-   * rpx 转 px
-   * @param rpxNumber rpx数值
-   * @returns {number} px数值
-   */
-  rpx2px(rpxNumber){
-    return (rpxNumber / 750) * this.systemInfo.screenWidth
-  }
-}
-
-const pixelUtil = new PixelUtil(wx.getSystemInfoSync())
-export default pixelUtil
diff --git a/examples/dist/utils/wxml-util.js b/examples/dist/utils/wxml-util.js
deleted file mode 100644
index bca64b23..00000000
--- a/examples/dist/utils/wxml-util.js
+++ /dev/null
@@ -1,38 +0,0 @@
-class WxmlUtil {
-  /**
-   * 获取组件内部节点位置信息（单个）
-   * @param component 组件实例
-   * @param selector {String} css选择器
-   * @returns boundingClientRect() 回调函数的值
-   */
-  async getNodeRectFromComponent(component, selector) {
-    return await new Promise((resolve) => {
-      component
-        .createSelectorQuery()
-        .select(selector)
-        .boundingClientRect((res) => {
-          resolve(res)
-        }).exec()
-    })
-  }
-
-  /**
-   * 获取组件内部节点位置信息（多个）
-   * @param component 组件实例
-   * @param selector {String} css选择器
-   * @returns boundingClientRect() 回调函数的值
-   */
-  async getNodesRectFromComponent(component, selector) {
-    return await new Promise((resolve) => {
-      component
-        .createSelectorQuery()
-        .selectAll(selector)
-        .boundingClientRect((res) => {
-          resolve(res)
-        }).exec()
-    })
-  }
-}
-
-const wxmlUtil = new WxmlUtil()
-export default wxmlUtil
diff --git a/examples/dist/water-flow/index.js b/examples/dist/water-flow/index.js
index 767db22a..6eab065c 100644
--- a/examples/dist/water-flow/index.js
+++ b/examples/dist/water-flow/index.js
@@ -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)
     }
   }
-});
\ No newline at end of file
+});
diff --git a/examples/dist/water-flow/index.wxml b/examples/dist/water-flow/index.wxml
index 19ba14d3..50a496bb 100644
--- a/examples/dist/water-flow/index.wxml
+++ b/examples/dist/water-flow/index.wxml
@@ -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>
\ No newline at end of file
+</view>
diff --git a/examples/pages/components/layout/pages/index-list/index.js b/examples/pages/components/layout/pages/index-list/index.js
index 3f264b39..060f76b1 100644
--- a/examples/pages/components/layout/pages/index-list/index.js
+++ b/examples/pages/components/layout/pages/index-list/index.js
@@ -1,17 +1,47 @@
 const sideBarData = [
-  'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','W','X','Y','Z'
+  'A','B','C','D','E','F','G','H','J','K','L','M','N','P','O','P','Q','R','S','T','W','X','Y','Z'
+]
+
+const nameData = [
+  ['安冉','艾浩宇'],
+  ['白昕玥','包博坤'],
+  ['陈麟','曹毛毛'],
+  ['邓波光','董睿希'],
+  ['鄂卓烆','洱惜文'],
+  ['冯月滢','范源'],
+  ['郭若诗','高薇竹'],
+  ['黄琪琪','胡纩鸯'],
+  ['蒋馥蔓','金倜厅'],
+  ['孔薇竹','康艳霞'],
+  ['李舒旬','刘笑'],
+  ['马亦','孟熠彤'],
+  ['倪靓','牛彗伶'],
+  ['欧玉兰','欧阳漂泊'],
+  ['潘静','皮文涛'],
+  ['钱卫国','秦健容'],
+  ['任倩倩','荣盈盈'],
+  ['孙桢','沈业轩'],
+  ['陶小树','唐子翊'],
+  ['吴洁立','王紫耘'],
+  ['许子豪','谢亚希'],
+  ['杨思远','尤庭亮'],
+  ['赵容','周承瑶'],
+  ['安冉','艾浩宇'],
 ]
 
 Page({
   data: {
-    scrollTop: 0,
-    sideBarData: sideBarData
+    nameData,
+    sideBarData
   },
 
-  onPageScroll(options) {
-    const scrollTop = options.scrollTop
-    this.setData({
-      scrollTop
+  /**
+   * 点击头像
+   */
+  onTapAvatar(e){
+    const avatarId = e.currentTarget.dataset.avatarId
+    wx.previewImage({
+      urls:[`cloud://env-9eb476.656e-env-9eb476-1258886794/images/index-list/avatar/${avatarId}.jpg`]
     })
   }
 });
diff --git a/examples/pages/components/layout/pages/index-list/index.wxml b/examples/pages/components/layout/pages/index-list/index.wxml
index c248c5cf..d8ffd053 100644
--- a/examples/pages/components/layout/pages/index-list/index.wxml
+++ b/examples/pages/components/layout/pages/index-list/index.wxml
@@ -1,4 +1,3 @@
-<wxs src="util.wxs" module="util"></wxs>
 <view class='container'>
   <content-title name="IndexList" describe="索引列表">
     <l-index-list
@@ -12,9 +11,9 @@
         <l-index-anchor/>
         <block wx:for="{{2}}" wx:key="index" wx:for-index="itemIndex">
           <view class="person-item">
-            <image lazy-load="{{true}}" class="person-avatar"
-                   src="{{util.getApi(anchorIndex%3)}}&xxx={{anchorIndex*10+itemIndex}}"></image>
-            <view class="person-name">{{util.assignName(anchorIndex*10+itemIndex)}}</view>
+            <image lazy-load="{{true}}" data-avatar-id="{{anchorIndex*2+itemIndex+1}}" catch:tap="onTapAvatar" class="person-avatar"
+                   src="cloud://env-9eb476.656e-env-9eb476-1258886794/images/index-list/avatar/{{anchorIndex*2+itemIndex+1}}.jpg"></image>
+            <view class="person-name">{{nameData[anchorIndex][itemIndex]}}</view>
           </view>
         </block>
       </block>
diff --git a/examples/pages/components/layout/pages/index-list/util.wxs b/examples/pages/components/layout/pages/index-list/util.wxs
deleted file mode 100644
index b5eea5cc..00000000
--- a/examples/pages/components/layout/pages/index-list/util.wxs
+++ /dev/null
@@ -1,57 +0,0 @@
-var nameData = [
-  '顾拍', '于第', '黄害等', '彭付', '戚转', '屈见', '酆经', '殷乡杰', '苗清', '郝育号', '姜算', '卜非', '舒经屋', '平止', '茅农词',
-  '伏伦语', '杨级', '卞舞', '孔再肯', '孟游副', '鲁击', '钱皇', '屈平', '严水', '于挥归', '范娘具', '沈承', '贝景华', '王吃暗', '花妻',
-  '岑应假', '陈编', '韩除找', '平言待', '葛官烈', '章春木', '董参', '茅玩真', '于吧合', '郑门板', '唐够买', '柳得', '秦感母', '何劳调',
-  '禹岁台', '史未', '卫维气', '屈让', '周歌', '堪贝', '孙中管', '谢劳亲', '雷问授', '施臓托', '奚金', '韦场考', '汪武不', '王流', '伏精',
-  '庞乾', '沈众转', '孟仍', '明视', '唐骨', '吴汉', '彭牙收', '邵块贝', '乐拥', '臧干', '纪合还', '萧呼', '王降孤', '黄席', '堪派',
-  '陈更封', '祁喜宣', '屈吃', '邹几己', '陶几又', '费管', '柳贝', '罗罗', '明帝', '乐盖', '许遍胡', '杨报', '项进', '尤失靠', '谈苏',
-  '计记', '伍反', '顾革', '严顿越', '姚布去', '郎七', '狄何正', '茅规', '金校付', '华友', '苗心模', '臧志印', '鲍练遍', '倪方品', '魏反友',
-  '汪脚', '熊帝毕', '蒋球', '蒋绝', '祝往', '禹管里', '章任勒', '窦喊街', '倪王室', '臧智含', '时房九', '倪佛乱', '鲁划真', '云无系',
-  '董创', '皮反秘', '俞因婚', '纪雨动', '窦系困', '窦朋密', '袁常供', '沈拥', '屈小', '邹护坦', '褚暗', '潘量吗', '褚优五', '陶船', '孔更',
-  '潘某', '皮最恋', '伏任广', '周短尽', '鲍终', '彭声农', '谢适银', '毛屋印', '屈吉职', '何微', '贝余获', '卜门男', '韩贝钟', '平自毕',
-  '花热阳', '孟越', '萧四', '滕朋', '卜句', '云可', '喻剧', '汤雷', '陶棋式', '戴至备', '冯程四', '蒋河', '茅车', '熊临', '狄遍品',
-  '沈汽没', '邬激历', '郎简都', '赵罪况', '计运', '凤钟', '周只多', '康饭', '曹阵快', '史示其', '苗句', '汪上', '任加呀', '傅很', '花还',
-  '茅医', '苏一', '王纳', '姜吗', '禹七', '乐按林', '倪呀岁', '郎最更', '祁终', '昌脸势', '禹土', '纪将', '屈然', '杨泪', '赵总',
-  '和忘毛', '廉于熟', '奚村四', '周得', '邹谁', '伏准景', '卞善师', '史那艺', '吕什用', '马那', '尤送冷', '郝然听', '平道', '贝诉', '马玩',
-  '窦翻自', '云话助', '韩痛', '毕登', '韩怕半', '喻渐', '鲍快', '柳九许', '云释', '葛每党', '成乡', '卜阵力', '祝换请', '花九木', '章吃',
-  '倪诺', '鲍程朋', '柏思退', '卞书接', '史阳', '邵已没', '米说', '董意', '罗列曾', '明雄', '施寻', '纪境', '葛通', '陈伊', '柏迷谁',
-  '赵坚', '傅算', '云这', '薛笑', '顾鸟', '贺战', '奚第', '成在基', '柳玩由', '凤諣', '和叫', '戚哪', '潘字', '毛诉声', '何两展',
-  '朱最', '韦律拥', '卞套黑', '赵万', '王卡', '伏神条', '宋罪', '唐至', '韦紧', '姚天', '傅合', '张伊供', '张激见', '史武', '贝留身',
-  '金离', '潘旧娘', '屈越', '褚类', '倪确', '堪定', '常验大', '韩招陈', '傅雄', '许费算', '元对', '尹到', '卞富又', '齐么越', '伍害查',
-  '韦否', '韩胡', '云习', '时值带', '孔应收', '顾派点', '魏叫旧', '韩斗', '袁佛', '钱笔', '任眼余', '雷普皇', '柏美我', '祝存', '罗时层',
-  '沈吃妙', '史鲁', '郑叶冰', '舒睛欢', '尤越', '祁准', '毕写得', '严行', '孙城', '水妈', '何复', '奚边', '奚奥除', '戚刻', '尹亚',
-  '尹救', '岑示显', '蒋进', '岑迹菜', '康又', '滕遍', '方降坤', '李座岛', '沈简区', '水料准', '伏以', '安黑东', '韦节', '元低', '水群够',
-  '于击谢', '鲁稜', '沈哪的', '史向色', '狄只', '常官论', '喻研慢', '何座收', '伍费次', '康却脸', '宋超', '傅雷', '毛想高', '庞奖',
-  '贺佛使', '项下战', '奚起精', '章朝跟', '柳公', '尤际病', '周象林', '许圣', '周早专', '时节题', '姜到妙', '彭杰建', '齐走技', '常响处',
-  '庞派领', '庞玛是', '酆外劳', '陈放', '褚东随', '邵统', '朱也束', '秦会甚', '贝争听', '廉民满', '酆建', '韩保诉', '项森', '戚片巴',
-  '华海州', '鲁叶够', '项条', '时鸟', '凤鱼众', '项字', '梁见', '计冲', '秦趣', '贺统', '和向', '陈集', '陶察总', '潘松旧', '方当',
-  '葛待近', '姜数', '云史变', '褚雪室', '皮易', '苗动回', '薛黄阿', '毕火阳', '鲁余采', '朱手托', '平健', '施曾抱', '时容巨', '臧引',
-  '萧姆', '伍足', '梁致', '倪仍', '孔山日', '唐摇', '茅演', '祁大', '梁困脚', '常起放', '邵康', '吕世', '凤节', '岑百试', '苏收既',
-  '昌担纸', '纪则', '柳考', '郎群招', '毕费', '任夏', '康超', '毛干雨', '酆哪典', '雷然朋', '成站报', '伏生', '戴公', '苏授', '宋懂越',
-  '戴枪', '李看姆', '吴须', '朱指', '堪影责', '水烧广', '奚员山', '贺那', '朱五', '赵少莱', '殷给些', '庞莱规', '顾说务', '钱社', '凤编',
-  '倪台长', '余村负', '华数', '项量', '庞剧万', '邹毕古', '章雪约', '穆商美', '祁骨', '杨么', '伏住赛', '鲁居坤', '马枪', '凤养产',
-  '邵白地', '钱许', '喻到坐', '褚纳压', '汤亮', '喻维', '舒书', '褚看', '张主博', '邬论近', '余馆领', '张将休', '米赶', '成周', '黄激士',
-  '倪生男', '元第价', '何黑', '张草程', '狄刘灵', '苗演', '朱双或', '邵顶', '施馆究', '郝除市', '邹种', '卜临', '钱听因', '伏依托', '于祖',
-  '倪财国', '穆香', '许份并', '蒋几', '常社', '施朋', '赵东', '宋验玛', '钱急忘', '邹产'
-];
-
-var apiArray = [
-  'https://api.66mz8.com/api/rand.portrait.php?type=%E5%8A%A8%E6%BC%AB',
-  'https://api.uomg.com/api/rand.avatar?',
-  'https://api.sunweihu.com/api/sjtx/api.php?'
-]
-
-// 获取昵称
-var assignName = function (index) {
-  return nameData[index];
-}
-
-// 获取头像api
-var getApi = function(index){
-  return apiArray[index];
-}
-
-module.exports = {
-  assignName: assignName,
-  getApi:getApi
-}
diff --git a/examples/pages/components/view/pages/tag/index.wxml b/examples/pages/components/view/pages/tag/index.wxml
index 2ef744b3..957acc6b 100644
--- a/examples/pages/components/view/pages/tag/index.wxml
+++ b/examples/pages/components/view/pages/tag/index.wxml
@@ -3,7 +3,7 @@
   <content-card name="{{item.title}}" wx:for="{{tagNaviConfigs}}" wx:key="type">
     <view class="container">
       <block wx:for="{{item.config}}" wx:for-item="tag" wx:key="tag">
-        <l-tag l-class="tag" bg-color="{{tag.bgColor}}" font-color="{{tag.fontColor}}" size="{{tag.size}}" shape="{{tag.shape}}" plain="{{tag.plain}}" icon-name="{{tag.iconName}}" location="{{tag.location}}" icon-size="{{tag.iconSize}}" icon-color="{{tag.iconColor}}" disable="{{tag.disable}}">{{tag.content}}</l-tag>
+        <l-tag l-class="tag" bg-color="{{tag.bgColor}}" font-color="{{tag.fontColor}}" size="{{tag.size}}" shape="{{tag.shape}}" plain="{{tag.plain}}" icon-name="{{tag.iconName}}" location="{{tag.location?tag.location:'left'}}" icon-size="{{tag.iconSize}}" icon-color="{{tag.iconColor}}" disable="{{tag.disable}}">{{tag.content}}</l-tag>
       </block>
     </view>
 
diff --git a/examples/pages/components/view/pages/tag/tag-nav.js b/examples/pages/components/view/pages/tag/tag-nav.js
index 6f3db860..3ce40036 100644
--- a/examples/pages/components/view/pages/tag/tag-nav.js
+++ b/examples/pages/components/view/pages/tag/tag-nav.js
@@ -11,7 +11,7 @@ const tagNaviConfigs = [{
     iconName: '',
     iconSize: '20',
     iconColor: '#fff',
-    location: 'r'
+    location: 'right'
   }, {
     content: '欺负我小',
     size: 'mini',
@@ -23,7 +23,7 @@ const tagNaviConfigs = [{
     iconName: '',
     iconSize: '20',
     iconColor: '#fff',
-    location: 'r'
+    location: 'right'
   },
   {
     content: '唉 我也不大',
diff --git a/examples/pages/navigator/filter/index.wxml b/examples/pages/navigator/filter/index.wxml
index 8748a10f..b6a5e621 100644
--- a/examples/pages/navigator/filter/index.wxml
+++ b/examples/pages/navigator/filter/index.wxml
@@ -18,7 +18,7 @@
       <detail-navi-card
         wx:for="{{filterNaviConfigs}}"
         wx:for-item="filterNaviConfigs"
-        wx:key="{{index}}"
+        wx:key="index"
         icon="{{filterNaviConfigs.icon}}"
         title="{{filterNaviConfigs.title}}"
         componentsPath="{{filterNaviConfigs.componentsPath}}"
diff --git a/examples/utils/version-util.js b/examples/utils/version-util.js
new file mode 100644
index 00000000..aa458269
--- /dev/null
+++ b/examples/utils/version-util.js
@@ -0,0 +1,37 @@
+// 小程序启动时检查版本
+class VersionUtil {
+  /**
+   * 检查更新
+   */
+  checkUpdate(){
+    const updateManager = wx.getUpdateManager()
+    updateManager.onCheckForUpdate((hasUpdate)=>{
+      if(hasUpdate){
+        updateManager.onUpdateReady(()=>{
+          wx.showModal({
+            title:'更新提示',
+            content:'有新版本啦！要更新看看吗',
+            success(res){
+              if(res.confirm){
+                updateManager.applyUpdate()
+              }
+            }
+          })
+        })
+
+        updateManager.onUpdateFailed(function () {
+          // 新版本下载失败
+          wx.showModal({
+            title: '更新提示',
+            content: '有新版本啦！删除当前小程序，重新打开就能更新啦！'
+          })
+        })
+      }
+    })
+
+
+  }
+}
+
+const versionUtil = new VersionUtil()
+export default versionUtil
diff --git a/package.json b/package.json
index 96c2208f..073914ce 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lin-ui",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "A high quality UI components library with MiniProgram",
   "main": "app.js",
   "directories": {
diff --git a/src/behaviors/rules.js b/src/behaviors/rules.js
index e64244f0..ef36085b 100644
--- a/src/behaviors/rules.js
+++ b/src/behaviors/rules.js
@@ -1,5 +1,6 @@
 import Schema from '../common/async-validator/index';
 import validator from '../behaviors/validator';
+
 /**
  * @param tipType String [toast , message , text]
  */
@@ -40,16 +41,16 @@ export default Behavior({
       } = this.data;
       if (!rules) return;
       // 如果rule 是单个object
-      if(Object.prototype.toString.call(rules) === '[object Object]') {
+      if (Object.prototype.toString.call(rules) === '[object Object]') {
         this.data.rules = [rules];
       }
 
       this.data.rules.forEach(item => {
-        if(!item.trigger) {
+        if (!item.trigger) {
           item.trigger = [];
           return;
         }
-        if(typeof item.trigger === 'string') {
+        if (typeof item.trigger === 'string') {
           item.trigger = [item.trigger];
           return;
         }
@@ -69,7 +70,7 @@ export default Behavior({
 
       const list = type ? rules.filter(item => {
         return item.trigger.indexOf(type) > -1;
-      }): rules;
+      }) : rules;
       const schema = new Schema({
         [rulesName]: list,
       });
@@ -88,6 +89,14 @@ export default Behavior({
 
       if (!rules) return;
 
+      // 把空字符串设置为 undefined ,见 issue 856
+      // async-validator 对空字符串会进行类型检查，与required会冲突
+      Object.getOwnPropertyNames(value).forEach((key) => {
+        if (value[key] === '') {
+          value[key] = undefined
+        }
+      })
+
       this.data.schema.validate(value, (errors) => {
         this.setData({
           errors: errors || []
diff --git a/src/behaviors/validator.js b/src/behaviors/validator.js
index 92ff671f..e2a5f950 100644
--- a/src/behaviors/validator.js
+++ b/src/behaviors/validator.js
@@ -11,7 +11,7 @@ export default Behavior({
       } = properties[name];
       if (options) {
         properties[name].observer = function (newValue) {
-          if (!options.includes(newValue)) {
+          if (!options.includes(newValue) && newValue) {
             console.error(`${name}: ${newValue} must be in the [${options}]`);
           }
         };
diff --git a/src/button/index.less b/src/button/index.less
index 47316990..398eab2d 100644
--- a/src/button/index.less
+++ b/src/button/index.less
@@ -1,7 +1,8 @@
 @import "../../config/styles/_base.less";
+@import "../../config/styles/_mixins.less";
 
-.btn-hover{
-    opacity: 0.8;
+.btn-hover::before{
+    .active();
 }
 
 .special-container{
@@ -154,7 +155,6 @@
     // Disabled
     &-disabled{
         opacity: 0.8;
-        background-color: @disabled-color;
     }
 }
 
diff --git a/src/button/index.wxml b/src/button/index.wxml
index 38b071a8..3738cc7c 100644
--- a/src/button/index.wxml
+++ b/src/button/index.wxml
@@ -6,7 +6,7 @@
   </block>
   <block wx:else>
     <view class="l-btn {{ 'l-btn-' + size }} {{ 'l-btn-' + type }} {{ 'l-btn-' + shape }} {{plain?'l-btn-plain':''}} {{ disabled ? 'l-btn-disabled' : ''}} l-class " 
-          hover-class="btn-hover l-hover-class"
+          hover-class="{{disabled?'':'btn-hover l-hover-class'}}"
           hover-stop-propagation="{{hoverStopPropagation}}"
           hover-start-time="{{hoverStartTime}}"
           hover-stay-time="{{hoverStayTime}}"
diff --git a/src/card/index.js b/src/card/index.js
index dd776e86..08c48cf7 100644
--- a/src/card/index.js
+++ b/src/card/index.js
@@ -23,7 +23,7 @@ Component({
     type: {
       type: String,
       value: 'primary',
-      options: ['primary', 'avatar']
+      options: ['primary', 'avatar','cover']
     },
     imageMode: {
       type: String,
diff --git a/src/index-list/index.less b/src/index-list/index.less
index 3dd68028..f841edc6 100644
--- a/src/index-list/index.less
+++ b/src/index-list/index.less
@@ -6,7 +6,6 @@
     font-size: 24rpx;
     position: fixed;
     right: 30rpx;
-    width: 20rpx;
     top: 50%;
     transform: translateY(-50%);
     display: flex;
diff --git a/src/input/index.js b/src/input/index.js
index c263721c..82a1e8b6 100644
--- a/src/input/index.js
+++ b/src/input/index.js
@@ -48,8 +48,8 @@ Component({
     },
     // 表单项的宽度，单位rpx
     width: {
-      type: Number,
-      value: 750
+      type: String,
+      value: 'auto'
     },
     // 表单项标题部分的宽度，单位rpx
     labelWidth: {
diff --git a/src/input/index.less b/src/input/index.less
index c36ae74e..4d2a7883 100644
--- a/src/input/index.less
+++ b/src/input/index.less
@@ -4,9 +4,7 @@
   position: relative;
   font-size: 28rpx;
   color: #333;
-  width: 750rpx;
   height: 88rpx;
-  // background: #f6f6f6;
   display: flex;
   flex-direction: row;
   align-items: center;
diff --git a/src/input/index.wxml b/src/input/index.wxml
index b5ec78a4..989f4e5b 100644
--- a/src/input/index.wxml
+++ b/src/input/index.wxml
@@ -1,7 +1,7 @@
 <!--  input/input.wxml -->
 <label
   class='form-item {{disabled? "disabled": ""}} l-class form-item-{{labelLayout}}'
-  style="widthform-item:{{width}}rpx">
+  style="width:{{width}}rpx">
   <view class='mask' wx:if="{{disabled}}"></view>
   <view class='row' hidden="{{ showRow ? '' : 'hidden' }}" style="width:{{width}}rpx;"></view>
   <view wx:if="{{label && !labelCustom}}" hidden="{{hideLabel}}" class='form-label l-label-class form-label-{{labelLayout}}' style='{{labelLayout !== "top" ? "width:"+ labelWidth+ "rpx;" : "" }} height:{{labelLayout=== "top" ? labelWidth + "rpx" : "" }}'>
diff --git a/src/notice-bar/index.js b/src/notice-bar/index.js
index 6e47b9e8..5b323603 100644
--- a/src/notice-bar/index.js
+++ b/src/notice-bar/index.js
@@ -1,5 +1,5 @@
 Component({
-  externalClasses: ['l-class'],
+  externalClasses: ['l-class','l-icon-class'],
 
   properties: {
     type: {
diff --git a/src/notice-bar/index.wxml b/src/notice-bar/index.wxml
index b6106be2..667a2a28 100644
--- a/src/notice-bar/index.wxml
+++ b/src/notice-bar/index.wxml
@@ -1,5 +1,5 @@
 <view wx:if="{{ show }}" class="l-class l-noticebar" style="color: {{ color }}; background-color: {{ backgroundcolor }}">
-  <l-icon wx:if="{{ frontIconName }}" size="{{frontIconSize}}" color="{{frontIconColor}}" name="{{ frontIconName }}" class="l-noticebar-icon" />
+  <l-icon wx:if="{{ frontIconName }}" size="{{frontIconSize}}" color="{{frontIconColor}}" name="{{ frontIconName }}" class="l-noticebar-icon" l-class="l-icon-class" />
   <swiper autoplay vertical interval="{{4*speed}}" class="l-noticebar-content-wrap" wx:if="{{type=='swip'}}">
     <block wx:for="{{swipArr}}" wx:key="swip">
       <swiper-item data-index="{{index}}" bindtap="onSwip">
diff --git a/src/popup/index.wxml b/src/popup/index.wxml
index b00587ee..390d0163 100644
--- a/src/popup/index.wxml
+++ b/src/popup/index.wxml
@@ -1,6 +1,6 @@
 <!-- popup.wxml -->
-  <view class='l-class container-popup {{ show ? "popup-show" : "" }} {{contentAlign ? contentAlign : direction}}' style="z-index:{{zIndex}};" >
-    <view class='container-bg l-bg-class'  style="opacity: {{opacity}}" catchtap='onPupopTap' catchtouchmove="doNothingMove"></view>
+  <view class='l-class container-popup {{ show ? "popup-show" : "" }} {{contentAlign ? contentAlign : direction}}' style="z-index:{{zIndex}};" catchtouchmove="doNothingMove">
+    <view class='container-bg l-bg-class'  style="opacity: {{opacity}}" catchtap='onPupopTap'></view>
     <l-transition
         wx:if="{{animation && transition}}"
         show="{{ show }}"
@@ -14,12 +14,12 @@
         l-leave-active-class='{{(contentAlign ? contentAlign : direction) + "-lin-leave-active-class"}}'
         l-leave-to-class='{{(contentAlign ? contentAlign : direction) + "-lin-leave-to-class"}}'
     >
-        <view class='{{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class' >
+        <view class='{{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class' catchtap="doNothingTap">
           <slot></slot>
         </view>
     </l-transition>
     <view wx:if="{{!(animation && transition) && show}}" class="popup-content" style="z-index:100">
-        <view class='test {{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class'>
+        <view class='{{"popup-content-"+ (contentAlign ? contentAlign : direction)}} l-panel-class' catchtap="doNothingTap">
             <slot></slot>
         </view>
     </view>
diff --git a/src/segment/index.js b/src/segment/index.js
index 7ec1e71b..788c9719 100644
--- a/src/segment/index.js
+++ b/src/segment/index.js
@@ -2,8 +2,8 @@ import scrollCenter from '../behaviors/scrollCenter';
 
 Component({
   /**
-     * 组件的属性列表
-     */
+   * 组件的属性列表
+   */
   behaviors: [scrollCenter],
   externalClasses: [
     'l-class',
@@ -24,15 +24,16 @@ Component({
     'l-badge-class'
   ],
   options: {
-    multipleSlots: true // 在组件定义时的选项中启用多slot支持
+    multipleSlots: true,
+    pureDataPattern: /^_/
   },
 
   relations: {
     '../segment-item/index': {
       type: 'child',
-      linked() {
+      linked(target) {
         // 每次有子节点被插入时执行，target是该节点实例对象，触发在该节点attached生命周期之后
-        this.initTabs();
+        this.initTabs(target);
       }
     },
   },
@@ -74,11 +75,11 @@ Component({
 
   observers: {
     'activeKey': function (newKey) {
-      if(!newKey) return;
-      const index = this.data.tabList.findIndex(tab=>tab.key===newKey);
+      if (!newKey) return;
+      const index = this.data.tabList.findIndex(tab => tab.key === newKey);
       this.setData({
-        currentIndex:index
-      },() => {
+        currentIndex: index
+      }, () => {
         if (this.data.scrollable) {
           this.queryMultipleNodes();
         }
@@ -87,21 +88,23 @@ Component({
   },
 
   /**
-     * 组件的初始数据
-     */
+   * 组件的初始数据
+   */
   data: {
     tabList: [],
-    currentIndex: 0
+    currentIndex: 0,
+    _segmentItemInstances: []
   },
 
   /**
-     * 组件的方法列表
-     */
+   * 组件的方法列表
+   */
   methods: {
-    initTabs(val = this.data.activeKey) {
+    initTabs(segmentItemInstance) {
+      const val = this.data.activeKey
       let items = this.getRelationNodes('../segment-item/index');
       if (items.length > 0) {
-        if (items.length === this.data.tabList.length) return;
+        if (items.length === this.data.tabList.length && this.data._segmentItemInstances.indexOf(segmentItemInstance) > 0) return;
         let activeKey = val,
           currentIndex = this.data.currentIndex;
         const tab = items.map((item, index) => {
@@ -115,6 +118,7 @@ Component({
           tabList: tab,
           activeKey,
           currentIndex,
+          _segmentItemInstances: items
         }, () => {
           if (this.data.scrollable) {
             this.queryMultipleNodes();
diff --git a/src/water-flow/index.js b/src/water-flow/index.js
index 767db22a..6eab065c 100644
--- a/src/water-flow/index.js
+++ b/src/water-flow/index.js
@@ -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)
     }
   }
-});
\ No newline at end of file
+});
diff --git a/src/water-flow/index.wxml b/src/water-flow/index.wxml
index 19ba14d3..50a496bb 100644
--- a/src/water-flow/index.wxml
+++ b/src/water-flow/index.wxml
@@ -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>
\ No newline at end of file
+</view>