bulade-ui 1.1.2 → 1.1.4

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

@@ -1,37 +1,37 @@
-<view class="m-tabs custom-class">
-  <scroll-view
-    scroll-x="{{ true }}"
-    scroll-with-animation
-    scroll-left="{{ -130 }}"
-    class="m-tabs__scroll"
-  >
-    <view class="m-tabs__nav">
-      <view class="m-tabs__line" wx:if="{{ true }}" style="{{ tabs.getLineStyle(lineLeft, activeLineWidth, lineHeight, lineColor) }}"></view>
-      <slot />
-    </view>
-  </scroll-view>
-</view>
-
-
-<wxs module="tabs">
-  function getLineStyle(lineLeft, lineWidth, lineHeight, lineColor) {
-    var styles = [
-      'transform: translateX(' + lineLeft + 'px)',
-      'width:' + lineWidth + 'px'
-    ];
-
-    if(lineHeight) {
-      styles.push('height:' + lineHeight + 'rpx')
-    }
-
-    if(lineColor) {
-      styles.push('background-color:' + lineColor)
-    }
-
-    return styles.join(';');
-  }
-
-  module.exports = {
-    getLineStyle: getLineStyle
-  }
+<view class="m-tabs custom-class">
+  <scroll-view
+    scroll-x="{{ true }}"
+    scroll-with-animation
+    scroll-left="{{ -130 }}"
+    class="m-tabs__scroll"
+  >
+    <view class="m-tabs__nav">
+      <view class="m-tabs__line" wx:if="{{ true }}" style="{{ tabs.getLineStyle(lineLeft, activeLineWidth, lineHeight, lineColor) }}"></view>
+      <slot />
+    </view>
+  </scroll-view>
+</view>
+
+
+<wxs module="tabs">
+  function getLineStyle(lineLeft, lineWidth, lineHeight, lineColor) {
+    var styles = [
+      'transform: translateX(' + lineLeft + 'px)',
+      'width:' + lineWidth + 'px'
+    ];
+
+    if(lineHeight) {
+      styles.push('height:' + lineHeight + 'rpx')
+    }
+
+    if(lineColor) {
+      styles.push('background-color:' + lineColor)
+    }
+
+    return styles.join(';');
+  }
+
+  module.exports = {
+    getLineStyle: getLineStyle
+  }
 </wxs>

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

@@ -1,30 +1,30 @@
-.m-tabs {
-  position: relative;
-  justify-content: center;
-  height: 88rpx;
-  overflow: hidden;
-}
-.m-tabs .m-tabs__scroll {
-  margin-bottom: 10rpx;
-  height: 88rpx;
-}
-.m-tabs .m-tabs__scroll .m-tabs__nav {
-  position: relative;
-  display: flex;
-}
-.m-tabs .m-tabs__scroll .m-tabs__nav .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 .m-tabs__scroll {
+  margin-bottom: 10rpx;
+  height: 88rpx;
+}
+.m-tabs .m-tabs__scroll .m-tabs__nav {
+  position: relative;
+  display: flex;
+}
+.m-tabs .m-tabs__scroll .m-tabs__nav .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;
 }

package/src/bld-notice-bar/index.js

@@ -1,69 +1,69 @@
-Component({
-  externalClasses: ['iclass'],
-  
-  options: {
-    addGlobalClass: true,
-    multipleSlots: true // 在组件定义时的选项中启用多slot支持
-  },
-  
-  properties: {
-    // 延迟播放时长
-    delay: {
-      type: Number,
-      value: 1
-    },
-    // 滚动速度 rpx/s
-    speed: {
-      type: Number,
-      value: 150
-    },
-    // 长度溢出时自动滚动播放
-    scrollable: {
-      type: Boolean,
-      value: true
-    },
-    multiline: {
-      type: Boolean,
-      value: false
-    }
-  },
-
-  data: {
-    delaySec: 0,
-  },
-
-  lifetimes: {
-    ready() {
-      this.getContainerWidth()
-    }
-  },
-
-  methods: {
-    getContainerWidth() {
-      const query = this.createSelectorQuery()
-      query.select('.m-notice-bar').boundingClientRect()
-      query.select('.m-notice-bar__content').boundingClientRect()
-
-      query.exec(res => {
-        const wrapW = wx.getSystemInfoSync().windowWidth  // 容器宽度
-        const noticeW = (res[0].width) * (750 / wrapW)
-        const containW = (res[1].width) * (750 / wrapW)   // 内容宽度（折合为rpx）
-        
-        // 内容宽度小于内容区域宽度，则不滚动
-        if (containW <= noticeW) {
-          this.setData({
-            scrollable: false
-          })
-
-          return;
-        }
-
-        const delaySec = containW / this.data.speed
-
-        this.setData({
-          delaySec: parseInt(delaySec)
-        })
-      })
-    }
-  }
-});
+Component({
+  externalClasses: ['iclass'],
+  
+  options: {
+    addGlobalClass: true,
+    multipleSlots: true // 在组件定义时的选项中启用多slot支持
+  },
+  
+  properties: {
+    // 延迟播放时长
+    delay: {
+      type: Number,
+      value: 1
+    },
+    // 滚动速度 rpx/s
+    speed: {
+      type: Number,
+      value: 150
+    },
+    // 长度溢出时自动滚动播放
+    scrollable: {
+      type: Boolean,
+      value: true
+    },
+    multiline: {
+      type: Boolean,
+      value: false
+    }
+  },
+
+  data: {
+    delaySec: 0,
+  },
+
+  lifetimes: {
+    ready() {
+      this.getContainerWidth()
+    }
+  },
+
+  methods: {
+    getContainerWidth() {
+      const query = this.createSelectorQuery()
+      query.select('.m-notice-bar').boundingClientRect()
+      query.select('.m-notice-bar__content').boundingClientRect()
+
+      query.exec(res => {
+        const wrapW = wx.getSystemInfoSync().windowWidth  // 容器宽度
+        const noticeW = (res[0].width) * (750 / wrapW)
+        const containW = (res[1].width) * (750 / wrapW)   // 内容宽度（折合为rpx）
+        
+        // 内容宽度小于内容区域宽度，则不滚动
+        if (containW <= noticeW) {
+          this.setData({
+            scrollable: false
+          })
+
+          return;
+        }
+
+        const delaySec = containW / this.data.speed
+
+        this.setData({
+          delaySec: parseInt(delaySec)
+        })
+      })
+    }
+  }
+});

package/src/bld-notice-bar/index.json

@@ -1,3 +1,3 @@
-{
-  "component": true
-}
+{
+  "component": true
+}

package/src/bld-notice-bar/index.scss

@@ -1,59 +1,59 @@
-.m-notice-bar__wrap {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  font-size: 28rpx;
-  color: #ed6a0c;
-  background-color: #fffbe8;
-
-  .m-notice-bar {
-    flex: 1;
-    position: relative;
-    padding: 20rpx 16rpx;
-    min-height: 76rpx;
-    line-height: 1.4;
-    overflow: hidden;
-    box-sizing:border-box;
-
-    .m-notice-bar__content {
-      z-index: 0;
-      position: absolute;
-      white-space: nowrap;
-      transform: translateX(0);
-    }
-
-    .is-ellipsis {
-      position: static;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .is-multiline {
-      position: static;
-      overflow: auto;
-      white-space: normal;
-      -webkit-overflow-scrolling: touch;
-    }
-  }
-
-  @keyframes once {
-    0% {
-      transform: translateX(0);
-    }
-
-    100% {
-      transform: translateX(-100%);
-    }
-  }
-
-  @keyframes round {
-    0% {
-      transform: translateX(750rpx);
-    }
-
-    100% {
-      transform: translateX(-100%);
-    }
-  }
+.m-notice-bar__wrap {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  font-size: 28rpx;
+  color: #ed6a0c;
+  background-color: #fffbe8;
+
+  .m-notice-bar {
+    flex: 1;
+    position: relative;
+    padding: 20rpx 16rpx;
+    min-height: 76rpx;
+    line-height: 1.4;
+    overflow: hidden;
+    box-sizing:border-box;
+
+    .m-notice-bar__content {
+      z-index: 0;
+      position: absolute;
+      white-space: nowrap;
+      transform: translateX(0);
+    }
+
+    .is-ellipsis {
+      position: static;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .is-multiline {
+      position: static;
+      overflow: auto;
+      white-space: normal;
+      -webkit-overflow-scrolling: touch;
+    }
+  }
+
+  @keyframes once {
+    0% {
+      transform: translateX(0);
+    }
+
+    100% {
+      transform: translateX(-100%);
+    }
+  }
+
+  @keyframes round {
+    0% {
+      transform: translateX(750rpx);
+    }
+
+    100% {
+      transform: translateX(-100%);
+    }
+  }
 }

package/src/bld-notice-bar/index.wxml

@@ -1,30 +1,30 @@
-<view class="m-notice-bar__wrap iclass">
-
-  <slot name="preifx" />
-
-  <view class="m-notice-bar">
-    <view 
-      class="m-notice-bar__content {{ !scrollable ? 'is-ellipsis' : '' }} {{ multiline ? 'is-multiline':'' }}"
-      style="{{ notice.setAnimation(scrollable, delaySec, speed, delay) }}"
-    >
-      <slot />
-    </view>
-  </view>
-
-  <slot name="suffix" />
-</view>
-
-
-<wxs module="notice">
-  function setAnimation(scrollable, sec, speed, delay) {
-    if(!scrollable || sec === 0) return ''
-
-    return [
-      'animation: once '+ sec +'s linear ' + delay + 's, round '+ (sec + 750 / speed) +'s linear '+ (sec + delay) +'s infinite',
-    ].join(';');
-  }
-
-  module.exports = {
-    setAnimation: setAnimation
-  }
+<view class="m-notice-bar__wrap iclass">
+
+  <slot name="preifx" />
+
+  <view class="m-notice-bar">
+    <view 
+      class="m-notice-bar__content {{ !scrollable ? 'is-ellipsis' : '' }} {{ multiline ? 'is-multiline':'' }}"
+      style="{{ notice.setAnimation(scrollable, delaySec, speed, delay) }}"
+    >
+      <slot />
+    </view>
+  </view>
+
+  <slot name="suffix" />
+</view>
+
+
+<wxs module="notice">
+  function setAnimation(scrollable, sec, speed, delay) {
+    if(!scrollable || sec === 0) return ''
+
+    return [
+      'animation: once '+ sec +'s linear ' + delay + 's, round '+ (sec + 750 / speed) +'s linear '+ (sec + delay) +'s infinite',
+    ].join(';');
+  }
+
+  module.exports = {
+    setAnimation: setAnimation
+  }
 </wxs>

package/src/bld-notice-bar/index.wxss

@@ -1,51 +1,51 @@
-.m-notice-bar__wrap {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  font-size: 28rpx;
-  color: #ed6a0c;
-  background-color: #fffbe8;
-}
-.m-notice-bar__wrap .m-notice-bar {
-  flex: 1;
-  position: relative;
-  padding: 20rpx 16rpx;
-  min-height: 76rpx;
-  line-height: 1.4;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-.m-notice-bar__wrap .m-notice-bar .m-notice-bar__content {
-  z-index: 0;
-  position: absolute;
-  white-space: nowrap;
-  transform: translateX(0);
-}
-.m-notice-bar__wrap .m-notice-bar .is-ellipsis {
-  position: static;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.m-notice-bar__wrap .m-notice-bar .is-multiline {
-  position: static;
-  overflow: auto;
-  white-space: normal;
-  -webkit-overflow-scrolling: touch;
-}
-@keyframes once {
-  0% {
-    transform: translateX(0);
-  }
-  100% {
-    transform: translateX(-100%);
-  }
-}
-@keyframes round {
-  0% {
-    transform: translateX(750rpx);
-  }
-  100% {
-    transform: translateX(-100%);
-  }
+.m-notice-bar__wrap {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  font-size: 28rpx;
+  color: #ed6a0c;
+  background-color: #fffbe8;
+}
+.m-notice-bar__wrap .m-notice-bar {
+  flex: 1;
+  position: relative;
+  padding: 20rpx 16rpx;
+  min-height: 76rpx;
+  line-height: 1.4;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+.m-notice-bar__wrap .m-notice-bar .m-notice-bar__content {
+  z-index: 0;
+  position: absolute;
+  white-space: nowrap;
+  transform: translateX(0);
+}
+.m-notice-bar__wrap .m-notice-bar .is-ellipsis {
+  position: static;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.m-notice-bar__wrap .m-notice-bar .is-multiline {
+  position: static;
+  overflow: auto;
+  white-space: normal;
+  -webkit-overflow-scrolling: touch;
+}
+@keyframes once {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-100%);
+  }
+}
+@keyframes round {
+  0% {
+    transform: translateX(750rpx);
+  }
+  100% {
+    transform: translateX(-100%);
+  }
 }

package/src/bld-overlay/index.js

@@ -1,17 +1,17 @@
-Component({
-  externalClasses: ["iclass"],
-  properties: {
-    show: {
-      type: Boolean,
-    },
-    contentPosition: {
-      type: String,
-      value: "bottom",
-    },
-  },
-  methods: {
-    hide() {
-      this.setData({ show: false });
-    },
-  },
-});
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    show: {
+      type: Boolean,
+    },
+    contentPosition: {
+      type: String,
+      value: "bottom",
+    },
+  },
+  methods: {
+    hide() {
+      this.setData({ show: false });
+    },
+  },
+});

package/src/bld-overlay/index.json

@@ -1,3 +1,3 @@
-{
-  "component": true
-}
+{
+  "component": true
+}

package/src/bld-overlay/index.scss

@@ -1,11 +1,11 @@
-.overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.8);
-  z-index: 9999;
-  display: flex;
-  flex-direction: column;
-}
+.overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.8);
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
+}

package/src/bld-overlay/index.wxml

@@ -1,11 +1,11 @@
-<view
-  wx:if="{{ show }}"
-  class="overlay iclass"
->
-  <view
-    wx:if="{{ contentPosition == 'bottom' }}"
-    style="flex: 1"
-    bind:tap="hide"
-  />
-  <slot />
-</view>
+<view
+  wx:if="{{ show }}"
+  class="overlay iclass"
+>
+  <view
+    wx:if="{{ contentPosition == 'bottom' }}"
+    style="flex: 1"
+    bind:tap="hide"
+  />
+  <slot />
+</view>

package/src/bld-overlay/index.wxss

@@ -1,11 +1,11 @@
-.overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.8);
-  z-index: 9999;
-  display: flex;
-  flex-direction: column;
+.overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.8);
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
 }