bulade-ui 1.1.21 → 1.1.23

package/src/bld-navbar/index.js

@@ -1,63 +1,63 @@
-Component({
-  externalClasses: ['custom-class'],
-
-  options: {
-    addGlobalClass: true,
-  },
-
-  relations: {
-    '../bld-navbar-group/index': {
-      type: 'parent',
-      linked(target) {
-        this.parent = target
-      },
-      unlinked() {
-        this.parent = null
-      }
-    }
-  },
-
-  properties: {
-    name: {
-      type: String,
-      value: ''
-    },
-    title: {
-      type: String,
-      value: ''
-    },
-    value: {
-      type: String,
-      optionalTypes: [Number, String],
-      value: ''
-    }
-  },
-
-  data: {
-    activeName: '',
-    activeColor: ''
-  },
-
-  methods: {
-    onClick(ev = null) {
-      const parent = this.parent
-
-      parent.triggerEvent('click', this.data.name)
-
-      const baseLeft = parent.data.baseLeft
-
-      const query = this.createSelectorQuery()
-
-      query.select('.m-tab-item').boundingClientRect()
-      query.select('.m-tab-item__text').boundingClientRect()
-
-      query.exec(res => {
-        const offsetLeft = ev ? ev.currentTarget.offsetLeft : res[0].left - baseLeft
-        const itemWidth = res[0].width
-        const textWidth = res[1].width
-
-        parent.updateScrollPositon(offsetLeft, itemWidth, textWidth, this.data.name)
-      })
-    }
-  }
+Component({
+  externalClasses: ['custom-class'],
+
+  options: {
+    addGlobalClass: true,
+  },
+
+  relations: {
+    '../bld-navbar-group/index': {
+      type: 'parent',
+      linked(target) {
+        this.parent = target
+      },
+      unlinked() {
+        this.parent = null
+      }
+    }
+  },
+
+  properties: {
+    name: {
+      type: String,
+      value: ''
+    },
+    title: {
+      type: String,
+      value: ''
+    },
+    value: {
+      type: String,
+      optionalTypes: [Number, String],
+      value: ''
+    }
+  },
+
+  data: {
+    activeName: '',
+    activeColor: ''
+  },
+
+  methods: {
+    onClick(ev = null) {
+      const parent = this.parent
+
+      parent.triggerEvent('click', this.data.name)
+
+      const baseLeft = parent.data.baseLeft
+
+      const query = this.createSelectorQuery()
+
+      query.select('.m-tab-item').boundingClientRect()
+      query.select('.m-tab-item__text').boundingClientRect()
+
+      query.exec(res => {
+        const offsetLeft = ev ? ev.currentTarget.offsetLeft : res[0].left - baseLeft
+        const itemWidth = res[0].width
+        const textWidth = res[1].width
+
+        parent.updateScrollPositon(offsetLeft, itemWidth, textWidth, this.data.name)
+      })
+    }
+  }
 })

package/src/bld-navbar/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "bld-badge": "../bld-badge/index"
-  }
+{
+  "component": true,
+  "usingComponents": {
+    "bld-badge": "../bld-badge/index"
+  }
 }

package/src/bld-navbar/index.scss

@@ -1,35 +1,35 @@
-:host {
-  flex: 1;
-}
-
-.m-tab-item {
-  position: relative;
-  flex: 1;
-  box-sizing: border-box;
-  padding: 0 5px;
-  display: flex;
-  justify-content: center;
-  color: #7d7e80;
-  line-height: 88rpx;
-  font-size: 28rpx;
-  -webkit-tap-highlight-color: transparent;
-
-  &.is-active {
-    font-weight: 500;
-    color: #323233;
-  }
-
-  .m-tab-item__content {
-    margin: 0 20rpx;
-    white-space: nowrap;
-
-    .m-tab-item__text {
-      display: inline-block;
-
-      .m-badge-custom {
-        margin-left: 6rpx;
-        vertical-align: text-top;
-      }
-    }
-  }
+:host {
+  flex: 1;
+}
+
+.m-tab-item {
+  position: relative;
+  flex: 1;
+  box-sizing: border-box;
+  padding: 0 5px;
+  display: flex;
+  justify-content: center;
+  color: #7d7e80;
+  line-height: 88rpx;
+  font-size: 28rpx;
+  -webkit-tap-highlight-color: transparent;
+
+  &.is-active {
+    font-weight: 500;
+    color: #323233;
+  }
+
+  .m-tab-item__content {
+    margin: 0 20rpx;
+    white-space: nowrap;
+
+    .m-tab-item__text {
+      display: inline-block;
+
+      .m-badge-custom {
+        margin-left: 6rpx;
+        vertical-align: text-top;
+      }
+    }
+  }
 }

package/src/bld-navbar/index.wxml

@@ -1,8 +1,8 @@
-<view class="m-tab-item {{activeName === name ? 'is-active': ''}}" bind:tap="onClick">
-  <view class="m-tab-item__content">
-    <view class="m-tab-item__text" style="{{ activeColor ? 'color:' + activeColor: '' }}">
-      {{ title }}
-      <bld-badge wx:if="{{ value }}" custom-class="m-badge-custom" value="{{ value }}" static />
-    </view>
-  </view>
+<view class="m-tab-item {{activeName === name ? 'is-active': ''}}" bind:tap="onClick">
+  <view class="m-tab-item__content">
+    <view class="m-tab-item__text" style="{{ activeColor ? 'color:' + activeColor: '' }}">
+      {{ title }}
+      <bld-badge wx:if="{{ value }}" custom-class="m-badge-custom" value="{{ value }}" static />
+    </view>
+  </view>
 </view>

package/src/bld-navbar/index.wxss

@@ -1,31 +1,31 @@
-:host {
-  flex: 1;
-}
-
-.m-tab-item {
-  position: relative;
-  flex: 1;
-  box-sizing: border-box;
-  padding: 0 5px;
-  display: flex;
-  justify-content: center;
-  color: #7d7e80;
-  line-height: 88rpx;
-  font-size: 28rpx;
-  -webkit-tap-highlight-color: transparent;
-}
-.m-tab-item.is-active {
-  font-weight: 500;
-  color: #323233;
-}
-.m-tab-item .m-tab-item__content {
-  margin: 0 20rpx;
-  white-space: nowrap;
-}
-.m-tab-item .m-tab-item__content .m-tab-item__text {
-  display: inline-block;
-}
-.m-tab-item .m-tab-item__content .m-tab-item__text .m-badge-custom {
-  margin-left: 6rpx;
-  vertical-align: text-top;
+:host {
+  flex: 1;
+}
+
+.m-tab-item {
+  position: relative;
+  flex: 1;
+  box-sizing: border-box;
+  padding: 0 5px;
+  display: flex;
+  justify-content: center;
+  color: #7d7e80;
+  line-height: 88rpx;
+  font-size: 28rpx;
+  -webkit-tap-highlight-color: transparent;
+}
+.m-tab-item.is-active {
+  font-weight: 500;
+  color: #323233;
+}
+.m-tab-item .m-tab-item__content {
+  margin: 0 20rpx;
+  white-space: nowrap;
+}
+.m-tab-item .m-tab-item__content .m-tab-item__text {
+  display: inline-block;
+}
+.m-tab-item .m-tab-item__content .m-tab-item__text .m-badge-custom {
+  margin-left: 6rpx;
+  vertical-align: text-top;
 }

package/src/bld-navbar-group/index.js

@@ -1,139 +1,139 @@
-Component({
-  externalClasses: ['custom-class'],
-
-  options: {
-    addGlobalClass: true,
-  },
-
-  relations: {
-    '../bld-navbar/index': {
-      type: 'child',
-      linked() {
-        this._updateChildren()
-      },
-      unlinked() {
-        this._updateChildren()
-      }
-    }
-  },
-
-  properties: {
-    activeName: {
-      type: String,
-      optionalTypes: [Number, String],
-      value: ''
-    },
-
-    activeColor: {
-      type: String,
-      value: ''
-    },
-
-    lineWidth: {
-      type: Number,
-      optionalTypes: [Number, String],
-      value: 0
-    },
-
-    lineColor: {
-      type: String,
-      value: ''
-    },
-
-    lineHeight: {
-      type: Number,
-      value: 6
-    }
-  },
-
-  data: {
-    baseLeft: 0,
-    scrollLeft: 0,
-    lineLeft: 0,
-    activeLineWidth: 0,
-    tabWidth: 0,
-  },
-
-  methods: {
-    _updateChildren() {
-      // 防抖减少重复触发
-      if (this.timer) {
-        clearTimeout(this.timer)
-        this.timer = null
-      }
-
-      this.timer = setTimeout(() => {
-        let children = this.getRelationNodes('../navbar/index')
-        this.children = children
-        const len = children.length
-
-        // 渲染完成后更新内容区域宽度
-        if (len) {
-          this._updateWrapInfo(children)
-        }
-      }, 60)
-    },
-
-
-    // 渲染完成后更新内容区域宽度
-    _updateWrapInfo(children) {
-      wx.nextTick(() => {
-        const query = this.createSelectorQuery()
-        query.select('.m-tabs').boundingClientRect()
-        query.select('.m-tabs__scroll').scrollOffset()
-        query.exec(res => {
-          this.data.baseLeft = res[0].left
-
-          const tabWidth = res[0].width     // 选项卡总宽度 
-          this.data.tabWidth = tabWidth
-
-          const { activeName } = this.data
-
-          if (activeName) {
-            children.forEach((child, index) => {
-              if (child.data.name === activeName) {
-                child.onClick()
-              }
-            })
-          } else {
-            children[0].onClick()
-          }
-
-        })
-      })
-    },
-
-
-    updateScrollPositon(left, domWidth, lineWidth, name) {
-
-      // 设置选中标签的字体颜色
-      const { activeColor } = this.data
-
-      if (activeColor) {
-        this.children.forEach((child, index) => {
-          let color = child.data.name === name ? activeColor : ''
-          child.setData({
-            activeName: name,
-            activeColor: color
-          })
-        })
-      }
-
-      const scrollLeft = left - this.data.tabWidth / 2 + domWidth / 2
-
-      const custonLineWidth = Math.floor(parseInt(this.data.lineWidth) * (this.data.tabWidth / 750))
-
-      const activeLineWidth = custonLineWidth ? custonLineWidth <= domWidth ? custonLineWidth : domWidth : lineWidth
-
-      const lineLeft = left + domWidth / 2 - activeLineWidth / 2
-
-      this.setData({
-        scrollLeft,
-        lineLeft,
-        activeLineWidth
-      }, () => {
-        this.triggerEvent('change', name)
-      })
-    }
-  }
-})
+Component({
+  externalClasses: ['custom-class'],
+
+  options: {
+    addGlobalClass: true,
+  },
+
+  relations: {
+    '../bld-navbar/index': {
+      type: 'child',
+      linked() {
+        this._updateChildren()
+      },
+      unlinked() {
+        this._updateChildren()
+      }
+    }
+  },
+
+  properties: {
+    activeName: {
+      type: String,
+      optionalTypes: [Number, String],
+      value: ''
+    },
+
+    activeColor: {
+      type: String,
+      value: ''
+    },
+
+    lineWidth: {
+      type: Number,
+      optionalTypes: [Number, String],
+      value: 0
+    },
+
+    lineColor: {
+      type: String,
+      value: ''
+    },
+
+    lineHeight: {
+      type: Number,
+      value: 6
+    }
+  },
+
+  data: {
+    baseLeft: 0,
+    scrollLeft: 0,
+    lineLeft: 0,
+    activeLineWidth: 0,
+    tabWidth: 0,
+  },
+
+  methods: {
+    _updateChildren() {
+      // 防抖减少重复触发
+      if (this.timer) {
+        clearTimeout(this.timer)
+        this.timer = null
+      }
+
+      this.timer = setTimeout(() => {
+        let children = this.getRelationNodes('../navbar/index')
+        this.children = children
+        const len = children.length
+
+        // 渲染完成后更新内容区域宽度
+        if (len) {
+          this._updateWrapInfo(children)
+        }
+      }, 60)
+    },
+
+
+    // 渲染完成后更新内容区域宽度
+    _updateWrapInfo(children) {
+      wx.nextTick(() => {
+        const query = this.createSelectorQuery()
+        query.select('.m-tabs').boundingClientRect()
+        query.select('.m-tabs__scroll').scrollOffset()
+        query.exec(res => {
+          this.data.baseLeft = res[0].left
+
+          const tabWidth = res[0].width     // 选项卡总宽度 
+          this.data.tabWidth = tabWidth
+
+          const { activeName } = this.data
+
+          if (activeName) {
+            children.forEach((child, index) => {
+              if (child.data.name === activeName) {
+                child.onClick()
+              }
+            })
+          } else {
+            children[0].onClick()
+          }
+
+        })
+      })
+    },
+
+
+    updateScrollPositon(left, domWidth, lineWidth, name) {
+
+      // 设置选中标签的字体颜色
+      const { activeColor } = this.data
+
+      if (activeColor) {
+        this.children.forEach((child, index) => {
+          let color = child.data.name === name ? activeColor : ''
+          child.setData({
+            activeName: name,
+            activeColor: color
+          })
+        })
+      }
+
+      const scrollLeft = left - this.data.tabWidth / 2 + domWidth / 2
+
+      const custonLineWidth = Math.floor(parseInt(this.data.lineWidth) * (this.data.tabWidth / 750))
+
+      const activeLineWidth = custonLineWidth ? custonLineWidth <= domWidth ? custonLineWidth : domWidth : lineWidth
+
+      const lineLeft = left + domWidth / 2 - activeLineWidth / 2
+
+      this.setData({
+        scrollLeft,
+        lineLeft,
+        activeLineWidth
+      }, () => {
+        this.triggerEvent('change', name)
+      })
+    }
+  }
+})

package/src/bld-navbar-group/index.json

@@ -1,4 +1,4 @@
-{
-  "component": true,
-  "usingComponents": {}
+{
+  "component": true,
+  "usingComponents": {}
 }

package/src/bld-navbar-group/index.scss

@@ -1,33 +1,33 @@
-.m-tabs {
-  position: relative;
-  justify-content: center;
-  height: 88rpx;
-  overflow: hidden;
-
-  .m-tabs__scroll {
-    margin-bottom: 10rpx;
-    height: 88rpx;
-
-    .m-tabs__nav {
-      position: relative;
-      display: flex;
-
-      .m-tabs__line {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        z-index: 1;
-        height: 6rpx;
-        border-radius: 12rpx;
-        background-color: var(--color-primary, #409EFF);
-        transition-duration: 0.3s;
-      }
-    }
-  }
-}
-
-::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-  color: transparent;
+.m-tabs {
+  position: relative;
+  justify-content: center;
+  height: 88rpx;
+  overflow: hidden;
+
+  .m-tabs__scroll {
+    margin-bottom: 10rpx;
+    height: 88rpx;
+
+    .m-tabs__nav {
+      position: relative;
+      display: flex;
+
+      .m-tabs__line {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        z-index: 1;
+        height: 6rpx;
+        border-radius: 12rpx;
+        background-color: var(--color-primary, #409EFF);
+        transition-duration: 0.3s;
+      }
+    }
+  }
+}
+
+::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  color: transparent;
 }