bulade-ui 1.1.26 → 1.1.28

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

@@ -1,83 +1,83 @@
-Component({
-  externalClasses: ['iclass'],
-
-  options: {
-    addGlobalClass: true,
-  },
-  
-  relations: {
-    '../bld-radio/index': {
-      type: 'descendant',
-
-      linked(target) {
-        this._updateChildren()
-      },
-
-      linkChanged() {
-        this._updateChildren()
-      },
-
-      unlinked(target) {
-        this._updateChildren()
-      }
-    }
-  },
-
-  properties: {
-    value: {
-      type: null,
-      observer: '_updateChildren'
-    },
-    disabled: {
-      type: Boolean,
-      observer: '_updateChildren'
-    },
-    checkedColor: {
-      type: String,
-      value: ''
-    },
-    labelLeft: {
-      type: Boolean,
-      value: false
-    },
-  },
-
-  methods: {
-    _updateChildren() {
-      // 防抖减少重复触发
-      if (this.timer) {
-        clearTimeout(this.timer)
-        this.timer = null
-      }
-
-      this.timer = setTimeout(() => {
-
-        let children = this.getRelationNodes('../bld-radio/index')
-
-        const len = children.length
-
-        if (len > 0) {
-          children.forEach((child, index) => {
-            this._updateChild(child)
-          })
-        }
-      }, 60)
-    },
-
-    _updateChild(child) {
-      const {
-        checkedColor,
-        value,
-        labelLeft,
-        disabled
-      } = this.data
-
-      child.setData({
-        checkedColor: child.data.checkedColor || checkedColor,
-        value,
-        labelLeft: child.data.labelLeft || labelLeft,
-        disabled: disabled || child.data.disabled
-      });
-    }
-  }
+Component({
+  externalClasses: ['iclass'],
+
+  options: {
+    addGlobalClass: true,
+  },
+  
+  relations: {
+    '../bld-radio/index': {
+      type: 'descendant',
+
+      linked(target) {
+        this._updateChildren()
+      },
+
+      linkChanged() {
+        this._updateChildren()
+      },
+
+      unlinked(target) {
+        this._updateChildren()
+      }
+    }
+  },
+
+  properties: {
+    value: {
+      type: null,
+      observer: '_updateChildren'
+    },
+    disabled: {
+      type: Boolean,
+      observer: '_updateChildren'
+    },
+    checkedColor: {
+      type: String,
+      value: ''
+    },
+    labelLeft: {
+      type: Boolean,
+      value: false
+    },
+  },
+
+  methods: {
+    _updateChildren() {
+      // 防抖减少重复触发
+      if (this.timer) {
+        clearTimeout(this.timer)
+        this.timer = null
+      }
+
+      this.timer = setTimeout(() => {
+
+        let children = this.getRelationNodes('../bld-radio/index')
+
+        const len = children.length
+
+        if (len > 0) {
+          children.forEach((child, index) => {
+            this._updateChild(child)
+          })
+        }
+      }, 60)
+    },
+
+    _updateChild(child) {
+      const {
+        checkedColor,
+        value,
+        labelLeft,
+        disabled
+      } = this.data
+
+      child.setData({
+        checkedColor: child.data.checkedColor || checkedColor,
+        value,
+        labelLeft: child.data.labelLeft || labelLeft,
+        disabled: disabled || child.data.disabled
+      });
+    }
+  }
 })

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

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

package/src/bld-retry/index.js

@@ -1,23 +1,23 @@
-Component({
-  externalClasses: ["iclass"],
-  properties: {
-    title: {
-      type: String,
-      value: "加载失败",
-    },
-    description: {
-      type: String,
-      value: "发生了一些错误",
-    },
-    actionText: {
-      type: String,
-      value: "点击重试",
-    },
-  },
-
-  methods: {
-    retry() {
-      this.triggerEvent("on-retry");
-    },
-  },
-});
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    title: {
+      type: String,
+      value: "加载失败",
+    },
+    description: {
+      type: String,
+      value: "发生了一些错误",
+    },
+    actionText: {
+      type: String,
+      value: "点击重试",
+    },
+  },
+
+  methods: {
+    retry() {
+      this.triggerEvent("on-retry");
+    },
+  },
+});

package/src/bld-retry/index.json

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

package/src/bld-retry/index.scss

@@ -1,26 +1,26 @@
-.retry {
-  padding: 24rpx;
-  color: #333;
-  padding: 24rpx 12rpx;
-  border-radius: 12rpx;
-  background: #fff;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.title {
-  margin-bottom: 24rpx;
-}
-
-.action, .description {
-  font-size: var(--font-size-sm);
-}
-
-.description {
-  margin-bottom: 24rpx;
-}
-
-
-
+.retry {
+  padding: 24rpx;
+  color: #333;
+  padding: 24rpx 12rpx;
+  border-radius: 12rpx;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.title {
+  margin-bottom: 24rpx;
+}
+
+.action, .description {
+  font-size: var(--font-size-sm);
+}
+
+.description {
+  margin-bottom: 24rpx;
+}
+
+
+

package/src/bld-retry/index.wxml

@@ -1,5 +1,5 @@
-<view class="iclass retry" bind:tap="retry">
-  <view class="title">{{ title }}</view>
-  <view class="description">{{ description }}</view>
-  <view class="action">{{actionText}}</view>
-</view>
+<view class="iclass retry" bind:tap="retry">
+  <view class="title">{{ title }}</view>
+  <view class="description">{{ description }}</view>
+  <view class="action">{{actionText}}</view>
+</view>

package/src/bld-scroll-view/index.js

@@ -1,28 +1,28 @@
-Component({
-  externalClasses: ["iclass"],
-  properties: {
-    type: {
-      type: String,
-      value: "list",
-    },
-    mode: {
-      type: String,
-      value: "nav-to-bottom",
-    },
-    scrollTop: {
-      type: Number,
-      value: 0,
-    },
-  },
-  methods: {
-    scroll(e) {
-      this.triggerEvent("scroll", { ...e.detail });
-    },
-    scrollEnd(e) {
-      this.triggerEvent("scrollEnd", { ...e.detail });
-    },
-    scrollToLower(e) {
-      this.triggerEvent("scrollToLower", { ...e.detail });
-    },
-  },
-});
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    type: {
+      type: String,
+      value: "list",
+    },
+    mode: {
+      type: String,
+      value: "nav-to-bottom",
+    },
+    scrollTop: {
+      type: Number,
+      value: 0,
+    },
+  },
+  methods: {
+    scroll(e) {
+      this.triggerEvent("scroll", { ...e.detail });
+    },
+    scrollEnd(e) {
+      this.triggerEvent("scrollEnd", { ...e.detail });
+    },
+    scrollToLower(e) {
+      this.triggerEvent("scrollToLower", { ...e.detail });
+    },
+  },
+});

package/src/bld-scroll-view/index.json

@@ -1,7 +1,7 @@
-{
-  "component": true,
-  "styleIsolation": "apply-shared",
-  "usingComponents": {
-    "bld-wrapper": "../bld-wrapper/index"
-  }
-}
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {
+    "bld-wrapper": "../bld-wrapper/index"
+  }
+}

package/src/bld-scroll-view/index.scss

@@ -1,7 +1,7 @@
-.container {
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  height: 100%;
-  width: 100%;
-}
+.container {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  height: 100%;
+  width: 100%;
+}

package/src/bld-scroll-view/index.wxml

@@ -1,42 +1,42 @@
-<template
-  is="{{ type }}"
-  data="{{ mode, scrollTop }}"
-/>
-
-<template name="list">
-  <bld-wrapper mode="{{ mode }}">
-    <scroll-view
-      enable-passive="{{ true }}"
-      show-scrollbar="{{ false }}"
-      type="list"
-      class="iclass container"
-      scroll-y
-      scroll-top="{{ scrollTop }}"
-      bind:scroll="scroll"
-      bind:scrollend="scrollEnd"
-      bind:scrolltolower="scrollToLower"
-    >
-      <slot />
-      <view style="height: 100rpx;" />
-    </scroll-view>
-  </bld-wrapper>
-</template>
-
-<template name="custom">
-  <bld-wrapper mode="{{ mode }}">
-    <scroll-view
-      enable-passive="{{ true }}"
-      show-scrollbar="{{ false }}"
-      type="custom"
-      class="iclass container"
-      scroll-y
-      scroll-top="{{ scrollTop }}"
-      bind:scroll="scroll"
-      bind:scrollend="scrollEnd"
-      bind:scrolltolower="scrollToLower"
-    >
-      <slot />
-      <view style="height: 100rpx;" />
-    </scroll-view>
-  </bld-wrapper>
-</template>
+<template
+  is="{{ type }}"
+  data="{{ mode, scrollTop }}"
+/>
+
+<template name="list">
+  <bld-wrapper mode="{{ mode }}">
+    <scroll-view
+      enable-passive="{{ true }}"
+      show-scrollbar="{{ false }}"
+      type="list"
+      class="iclass container"
+      scroll-y
+      scroll-top="{{ scrollTop }}"
+      bind:scroll="scroll"
+      bind:scrollend="scrollEnd"
+      bind:scrolltolower="scrollToLower"
+    >
+      <slot />
+      <view style="height: 100rpx;" />
+    </scroll-view>
+  </bld-wrapper>
+</template>
+
+<template name="custom">
+  <bld-wrapper mode="{{ mode }}">
+    <scroll-view
+      enable-passive="{{ true }}"
+      show-scrollbar="{{ false }}"
+      type="custom"
+      class="iclass container"
+      scroll-y
+      scroll-top="{{ scrollTop }}"
+      bind:scroll="scroll"
+      bind:scrollend="scrollEnd"
+      bind:scrolltolower="scrollToLower"
+    >
+      <slot />
+      <view style="height: 100rpx;" />
+    </scroll-view>
+  </bld-wrapper>
+</template>

package/src/bld-tabs/index.js

@@ -0,0 +1,21 @@
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    tabs: {
+      type: Array,
+      value: [],
+    },
+    activeIndex: {
+      type: Number,
+      value: 0,
+    },
+  },
+  data: {},
+  observers: {},
+  methods: {
+    handlehangeTab(e) {
+      const current = e.currentTarget.dataset.tab;
+      this.triggerEvent("changeTab", current);
+    },
+  },
+});

package/src/bld-tabs/index.json

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

package/src/bld-tabs/index.scss

@@ -0,0 +1,33 @@
+.tabs {
+  display: flex;
+  justify-content: flex-start;
+  background: #fff;
+  padding: 0 24rpx;
+
+  .tab {
+    position: relative;
+    padding: 24rpx 24rpx 20rpx;
+    border-bottom: 4rpx solid #fff;
+    font-size: 30rpx;
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 400;
+    color: #999;
+
+    &.active {
+      font-weight: 500;
+      font-size: 30rpx;
+      color: #333;
+    }
+
+    .active {
+      width: 52rpx;
+      height: 8rpx;
+      border-radius: 4rpx;
+      background: #ff0007;
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      transform: translate(-50%);
+    }
+  }
+}

package/src/bld-tabs/index.wxml

@@ -0,0 +1,14 @@
+<view class="tabs iclass" wx:if="{{ tabs.length }}">
+  <view
+    wx:for="{{ tabs }}"
+    class="tab {{ activeIndex === index ? 'active' : '' }}"
+    data-tab="{{ index }}"
+    bind:tap="handlehangeTab"
+  >
+    {{ item }}
+    <view
+      class="active"
+      wx:if="{{ activeIndex === index }}"
+    />
+  </view>
+</view>

package/src/bld-tabs/index.wxss

@@ -0,0 +1,30 @@
+.tabs {
+  display: flex;
+  justify-content: flex-start;
+  background: #fff;
+  padding: 0 24rpx;
+}
+.tabs .tab {
+  position: relative;
+  padding: 24rpx 24rpx 20rpx;
+  border-bottom: 4rpx solid #fff;
+  font-size: 30rpx;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  color: #999;
+}
+.tabs .tab.active {
+  font-weight: 500;
+  font-size: 30rpx;
+  color: #333;
+}
+.tabs .tab .active {
+  width: 52rpx;
+  height: 8rpx;
+  border-radius: 4rpx;
+  background: #ff0007;
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translate(-50%);
+}

package/src/bld-tag/index.js

@@ -1,34 +1,34 @@
-Component({
-  externalClasses: ['custom-class'],
-
-  options: {
-    addGlobalClass: true,
-  },
-
-  properties: {
-    // 胶囊样式
-    capsule: {
-      type: Boolean,
-      value: false
-    },
-    size: {
-      type: String,
-      value: 'small'
-    },
-    type: {
-      type: String,
-      value: ''
-    },
-    plain: {
-      type: Boolean,
-      value: false
-    },
-    color: {
-      type: String
-    },
-    round: {
-      type: Boolean,
-      value: false
-    }
-  }
+Component({
+  externalClasses: ['custom-class'],
+
+  options: {
+    addGlobalClass: true,
+  },
+
+  properties: {
+    // 胶囊样式
+    capsule: {
+      type: Boolean,
+      value: false
+    },
+    size: {
+      type: String,
+      value: 'small'
+    },
+    type: {
+      type: String,
+      value: ''
+    },
+    plain: {
+      type: Boolean,
+      value: false
+    },
+    color: {
+      type: String
+    },
+    round: {
+      type: Boolean,
+      value: false
+    }
+  }
 });

package/src/bld-tag/index.json

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