feat:发布0.5.5版本 (#330)

Author: 7insummer

README.md

@@ -17,7 +17,7 @@
 <div align="center">
 
 ![](https://img.shields.io/badge/build-passing-00d508.svg)
-![](https://img.shields.io/badge/version-0.5.4-3963bc.svg)
+![](https://img.shields.io/badge/version-0.5.5-3963bc.svg)
 ![](https://img.shields.io/badge/license-MIT-3963bc.svg)
 
 </div>
@@ -39,7 +39,7 @@ Lin UI 是基于 **微信小程序原生语法** 实现的组件库。遵循简
 
 ## 最新版本
 
-核心库：0.5.4
+核心库：0.5.5
 
 示例工程：0.0.1-alpha.2
 

dist/icon/index.wxss

@@ -9,8 +9,8 @@ Component({
   relations: {
     '../segment/index': {
       type: 'parent',
-      linked() {},
-      unlinked() {}
+      linked() { },
+      unlinked() { }
     },
   },
 
@@ -24,7 +24,12 @@ Component({
       value: 'top'
     },
     dotBadge: Boolean,
-    badgeCount: Number,
+    badgeCount: {
+      type: Number,
+      observe: function (newVal, oldVal) {
+        console.log(newVal, oldVal)
+      }
+    },
     badgeMaxCount: {
       type: Number,
       value: 99
@@ -34,7 +39,11 @@ Component({
       value: 'overflow'
     },
   },
-
+  observers: {
+    '**': function (filed) {
+      this.updateData(filed)
+    }
+  },
   /**
    * 组件的初始数据
    */
@@ -44,6 +53,21 @@ Component({
    * 组件的方法列表
    */
   methods: {
+    updateData(filed) {
+      let parent = this.getRelationNodes('../segment/index')[0];
+      if (!parent) return;
+      const tabList = parent.data.tabList;
+      if (!(tabList && tabList.length > 0)) return;
+      const index = tabList.findIndex(tab => tab.key === this.data.key)
+      tabList[index] = filed;
+      parent.setData({
+        tabList: tabList
+      }, () => {
+        if (parent.data.scrollable) {
+          parent.queryMultipleNodes();
+        }
+      })
 
+    },
   }
 })

dist/segment-item/index.js

@@ -25,6 +25,7 @@ Component({
       value:'top'
     },
   },
+  
 
   /**
    * 组件的初始数据
@@ -33,4 +34,8 @@ Component({
     isCurrent: false,
     index:0,
   },
+
+  methods:{
+    
+  }
 })

dist/tabpanel/index.js

@@ -9,8 +9,8 @@ Component({
   relations: {
     '../segment/index': {
       type: 'parent',
-      linked() {},
-      unlinked() {}
+      linked() { },
+      unlinked() { }
     },
   },
 
@@ -24,7 +24,12 @@ Component({
       value: 'top'
     },
     dotBadge: Boolean,
-    badgeCount: Number,
+    badgeCount: {
+      type: Number,
+      observe: function (newVal, oldVal) {
+        console.log(newVal, oldVal)
+      }
+    },
     badgeMaxCount: {
       type: Number,
       value: 99
@@ -34,7 +39,11 @@ Component({
       value: 'overflow'
     },
   },
-
+  observers: {
+    '**': function (filed) {
+      this.updateData(filed)
+    }
+  },
   /**
    * 组件的初始数据
    */
@@ -44,6 +53,21 @@ Component({
    * 组件的方法列表
    */
   methods: {
+    updateData(filed) {
+      let parent = this.getRelationNodes('../segment/index')[0];
+      if (!parent) return;
+      const tabList = parent.data.tabList;
+      if (!(tabList && tabList.length > 0)) return;
+      const index = tabList.findIndex(tab => tab.key === this.data.key)
+      tabList[index] = filed;
+      parent.setData({
+        tabList: tabList
+      }, () => {
+        if (parent.data.scrollable) {
+          parent.queryMultipleNodes();
+        }
+      })
 
+    },
   }
 })

examples/dist/icon/index.wxss

@@ -25,6 +25,7 @@ Component({
       value:'top'
     },
   },
+  
 
   /**
    * 组件的初始数据
@@ -33,4 +34,8 @@ Component({
     isCurrent: false,
     index:0,
   },
+
+  methods:{
+    
+  }
 })

examples/dist/segment-item/index.js

@@ -4,7 +4,7 @@
   overflow-x: hidden;
 }
 
-@font-face {font-family: "iconfont";
+@font-face {font-family: "iconfont-self";
   src: url('iconfont.eot?t=1551939237196'); /* IE9 */
   src: url('iconfont.eot?t=1551939237196#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAATAAAsAAAAACSAAAARyAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDKgqFRIRVATYCJAMUCwwABCAFhG0HTBvdB1GULk6Y7OMwbvhKKLGYXKG1QTHZ/P9E8Px+3+ZceSuuUZt43LRpowONRIgkiAlKstDEQ/vD/7Z8yCXWZXAZsTWDB8cV9qJ0a71Fhbj4iyxdRfz92KzodRpRH97oxT7m2iBxhEjSkAhJZeLNQmFteSs9boGdQx1M0OMEOs2KhpyVVjcDO4W0KRCvWIYAdj6zkkIK7bom5mQR70HVnt4KzgHemX8fvySGHUnNpJ3XDyUUyP+W87wQ1f7XutUxANXnxO0cGduAQryIdd9B7fQ2VOen2MoBoF12JurK5j0v/N9iXIF0LOp2/odHSLJCNCR1NxGPVGXOkMon+JbHJ/GtgE/mW6F0p6grre9EP+ATADELxGV1ne0rKIM2SOocdsSw7nEvDw+B7RvJxgNe6AJdFGMyREAjECzeN4oSSFEaiUQGYYjOJOwyGAGhN+eadW3MQYvhuvRTtdeyqX3XWi8bmhiTRWe+YtZfC6cuacns+Xq31oU69zwSQ4WGJa5g/uIBIj2vM7mLFxi1mwdJdlzxQ5dFtSHrLGXC49cDQIvRU7D8kkaHJK1R2GcwIbl1IRJLD4Ri6/d5AK0LoY+kD5gtlirL9RZXdzPYcvr69XYDmwfrr5HzegT8F5vNmWeu1Ye3ehWRvBkiQ+tbeV2Ue/LQvL5LraKL/lRpUEJSQkkQ5X9R1OqWlF4afLHvYnEwYMHRrdaP0kSJkyRRCprTU6iwqfXNdxW2lmaGDJdRamojSNksuqVlKhl2Uvtm4x87cM6vshnJfKVf87e709xyccO/jUVLfJYYjUu9lyaBdi4zJVP0SPJR7JDH/18OS4N8Ax+4PAj0DVq+2Go1jx3AnLvksVhN9ZyDa6qrvWK7ZUHCAxhfHwTAB0mSxEp9rwOaUUsk2SL60MFDtChbPB20MN+kwlI+WC4dWUAOro7kPQvyHR1BaArdxOACUjoy9hZ8YWnS3ctx9bHxFcJ+3k3vC0tkxXsWstBfpBk3xtlhSd/etuRtud+XQWAGtpc3JqclnwUjALQO5z40j9Mn8kG0hPBs9ks+nt2umlXuFn79GyLN/mon3GMDXzdaNnCodbiAcujQo9zoGkE5u8pXJllqeberkre3utrCGxI6deLayDPoXj3akdxJQrsP3SBpMwNZu2VsIW5D1WUHGu0OodOWsvNdhiigonRg02SA0G87JL0+QtbvPLYQ70I16i00+gOFTjfhfMsuq8FiRQpIqCCFDxuJsyTXSys2FWbVNkJG3U0ovDKT0goVSjaGJ8TGB3NlsBcq6tij1DCJKhWN0wquBy+Fp8Hubg6XKbhOSKpiO1QqWWZcHB33RbEk1wMwpxQgggpEwQ0zEo5F4vSi9f4qWOj3G0EMtW4ERUrHj2ArSEGJnR6XIFZ8DmyZujdXx77MV9JgJFJRoXkdTYHTA1eKTqhbTnNwsvhlnSCSSqyOEkmZTHHUi86rjm1f27ONJ6CT9NYaKXKUqNFoXndw6pHQZiTBydhe25FcL+O02oxgO9RELwAAAA==') format('woff2'),
@@ -13,10 +13,6 @@
   url('iconfont.svg?t=1551939237196#iconfont') format('svg'); /* iOS 4.1- */
 }
 
-.content .iconfont {
-  font-family: "iconfont" !important;
-}
-
 .l-icon-shouye:before {
   content: "\e73d";
 }
@@ -31,4 +27,10 @@
 
 .l-icon-xihuan:before {
   content: "\e742";
-}
+}
+
+.content .iconfont {
+  font-family:"iconfont-self","iconfont"!important;
+}
+
+

examples/dist/tabpanel/index.js

@@ -59,7 +59,8 @@ Page({
         defaultImage: '/pages/components/nav/images/tab-icon/bathroom.png',
       }
     }
-    ]
+    ],
+    brageCount:5
   },
 
   changeTabs(e) {
@@ -101,7 +102,6 @@ Page({
    * Lifecycle function--Called when page show
    */
   onShow: function () {
-
   },
 
   /**

examples/pages/components/layout/pages/list/index.wxss

@@ -35,6 +35,10 @@
         <l-segment-item tab="卫生清洁" key="eight">
           <view class="tab-content">卫生清洁</view>
         </l-segment-item>
+        <l-segment-item tab="客厅" key="123" />
+        <l-segment-item tab="卧室" key="456" />
+        <l-segment-item tab="厨房" key="789" />
+        <l-segment-item tab="浴室" key="1011" />
       </l-segment>
     </content-card>
 
@@ -73,7 +77,7 @@
     <content-card l-content="content" name="徽标选项卡">
       <l-segment active-key="one" bind:linchange="changeTabs">
         <l-segment-item tab="客厅" key="one" dot-badge="{{true}}"/>
-        <l-segment-item tab="卧室" key="two" badge-count="97"/>
+        <l-segment-item tab="卧室" key="two" badge-count="{{brageCount}}"/>
         <l-segment-item tab="厨房" key="three" badge-count="900" l-class-badge="badge-view"/>
         <l-segment-item tab="浴室" key="four" />
       </l-segment>