bulade-ui 1.1.21 → 1.1.23

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

@@ -1,84 +1,84 @@
-Component({
-  options: {
-    addGlobalClass: true,
-  },
-
-  relations: {
-    '../checkbox/index': {
-      type: 'descendant',
-      linked() {
-        this._updateChildren()
-      },
-      unlinked() {
-        this._updateChildren()
-      }
-    }
-  },
-
-  properties: {
-    max: Number,
-    round: {
-      type: Boolean,
-      value: false
-    },
-    value: {
-      type: Array,
-      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('../checkbox/index')
-        const len = children.length
-
-        if (len > 0) {
-          // let lastIndex = len - 1
-
-          children.forEach((child, index) => {
-            this._updateChild(child)
-          })
-        }
-      }, 60)
-    },
-
-    _updateChild(child) {
-      const {
-        checkedColor,
-        value,
-        labelLeft,
-        disabled
-      } = this.data
-
-      child.setData({
-        value: value.indexOf(child.data.name) > -1,
-        checkedColor: child.data.checkedColor || checkedColor,
-        labelLeft: child.data.labelLeft || labelLeft,
-        disabled: disabled || child.data.disabled,
-        round: this.data.round || child.data.round,
-        prevent: this.data.max && value.length >= this.data.max
-      })
-    }
-  }
-})
+Component({
+  options: {
+    addGlobalClass: true,
+  },
+
+  relations: {
+    '../checkbox/index': {
+      type: 'descendant',
+      linked() {
+        this._updateChildren()
+      },
+      unlinked() {
+        this._updateChildren()
+      }
+    }
+  },
+
+  properties: {
+    max: Number,
+    round: {
+      type: Boolean,
+      value: false
+    },
+    value: {
+      type: Array,
+      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('../checkbox/index')
+        const len = children.length
+
+        if (len > 0) {
+          // let lastIndex = len - 1
+
+          children.forEach((child, index) => {
+            this._updateChild(child)
+          })
+        }
+      }, 60)
+    },
+
+    _updateChild(child) {
+      const {
+        checkedColor,
+        value,
+        labelLeft,
+        disabled
+      } = this.data
+
+      child.setData({
+        value: value.indexOf(child.data.name) > -1,
+        checkedColor: child.data.checkedColor || checkedColor,
+        labelLeft: child.data.labelLeft || labelLeft,
+        disabled: disabled || child.data.disabled,
+        round: this.data.round || child.data.round,
+        prevent: this.data.max && value.length >= this.data.max
+      })
+    }
+  }
+})

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

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

package/src/bld-cloud-image/index.js

@@ -1,79 +1,79 @@
-const CLOUD_PROVIDERS = {
-  myqcloud: "https://bloodcare-1251596343.cos.ap-shanghai.myqcloud.com/assets",
-  aliyun: "https://bulade-donate.oss-cn-beijing.aliyuncs.com/img",
-};
-
-Component({
-  externalClasses: ["iclass"],
-  properties: {
-    src: {
-      type: String,
-      value: "",
-    },
-    mode: {
-      type: String,
-      value: "",
-    },
-    provider: {
-      type: String,
-      value: "myqcloud",
-    },
-    showMenuByLongpress: {
-      type: Boolean,
-      value: false,
-    },
-    thumbnail: {
-      type: String,
-      value: "800x800",
-    },
-    fadeIn: {
-      type: Boolean,
-      value: false,
-    },
-  },
-
-  data: {
-    fullSrc: "",
-    loading: true,
-  },
-
-  observers: {
-    src: function (src) {
-      if (!src) {
-        return;
-      }
-
-      let fullSrc = "";
-      if (src.startsWith("http")) {
-        fullSrc = src;
-      } else {
-        fullSrc = `${CLOUD_PROVIDERS[this.data.provider]}/${src}`;
-      }
-
-      if (fullSrc.includes(".cos.ap-shanghai.myqcloud.com")) {
-        fullSrc = `${fullSrc}?imageMogr2/format/webp`;
-
-        if (this.data.thumbnail) {
-          fullSrc = `${fullSrc}/thumbnail/${this.data.thumbnail}`;
-        }
-      }
-
-      if (this.data.fullSrc === fullSrc) {
-        return;
-      }
-
-      this.setData({
-        loading: true,
-        fullSrc,
-      });
-    },
-  },
-
-  methods: {
-    loaded: function (e) {
-      this.setData({
-        loading: false,
-      });
-    },
-  },
-});
+const CLOUD_PROVIDERS = {
+  myqcloud: "https://bloodcare-1251596343.cos.ap-shanghai.myqcloud.com/assets",
+  aliyun: "https://bulade-donate.oss-cn-beijing.aliyuncs.com/img",
+};
+
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    src: {
+      type: String,
+      value: "",
+    },
+    mode: {
+      type: String,
+      value: "",
+    },
+    provider: {
+      type: String,
+      value: "myqcloud",
+    },
+    showMenuByLongpress: {
+      type: Boolean,
+      value: false,
+    },
+    thumbnail: {
+      type: String,
+      value: "800x800",
+    },
+    fadeIn: {
+      type: Boolean,
+      value: false,
+    },
+  },
+
+  data: {
+    fullSrc: "",
+    loading: true,
+  },
+
+  observers: {
+    src: function (src) {
+      if (!src) {
+        return;
+      }
+
+      let fullSrc = "";
+      if (src.startsWith("http")) {
+        fullSrc = src;
+      } else {
+        fullSrc = `${CLOUD_PROVIDERS[this.data.provider]}/${src}`;
+      }
+
+      if (fullSrc.includes(".cos.ap-shanghai.myqcloud.com")) {
+        fullSrc = `${fullSrc}?imageMogr2/format/webp`;
+
+        if (this.data.thumbnail) {
+          fullSrc = `${fullSrc}/thumbnail/${this.data.thumbnail}`;
+        }
+      }
+
+      if (this.data.fullSrc === fullSrc) {
+        return;
+      }
+
+      this.setData({
+        loading: true,
+        fullSrc,
+      });
+    },
+  },
+
+  methods: {
+    loaded: function (e) {
+      this.setData({
+        loading: false,
+      });
+    },
+  },
+});

package/src/bld-cloud-image/index.json

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

package/src/bld-cloud-image/index.scss

@@ -1,3 +1,3 @@
-.img {
-  background: #eee;
-}
+.img {
+  background: #eee;
+}

package/src/bld-cloud-image/index.wxml

@@ -1,14 +1,14 @@
-<image
-  wx:if="{{ fullSrc }}"
-  class="iclass"
-  src="{{ fullSrc }}"
-  webp
-  mode="{{ mode }}"
-  show-menu-by-longpress="{{ showMenuByLongpress }}"
-  bind:load="loaded"
-  fade-in="{{ fadeIn }}"
-/>
-<view
-  wx:else
-  class="img iclass"
-/>
+<image
+  wx:if="{{ fullSrc }}"
+  class="iclass"
+  src="{{ fullSrc }}"
+  webp
+  mode="{{ mode }}"
+  show-menu-by-longpress="{{ showMenuByLongpress }}"
+  bind:load="loaded"
+  fade-in="{{ fadeIn }}"
+/>
+<view
+  wx:else
+  class="img iclass"
+/>

package/src/bld-cloud-image/index.wxss

@@ -1,3 +1,3 @@
-.img {
-  background: #eee;
+.img {
+  background: #eee;
 }

package/src/bld-collapse/index.js

@@ -1,62 +1,62 @@
-Component({
-  options: {
-    addGlobalClass: true,
-  },
-
-  properties: {
-    duration: {
-      type: Number,
-      value: 300
-    },
-    visible: {
-      type: Boolean,
-      value: false
-    }
-  },
-
-  data: {
-    contentHeight: 0,   // 内容区域高度
-    isReady: false
-  },
-
-  observers: {
-    visible(val) {
-      if (val && this.data.isReady) {
-        this.getContainerHeight()
-      } else {
-        this.setData({
-          contentHeight: 0
-        })
-      }
-    }
-  },
-
-  lifetimes: {
-    ready() {
-      this.data.isReady = true
-
-      if (this.data.visible) {
-        this.getContainerHeight()
-      }
-    }
-  },
-
-  methods: {
-    getContainerHeight() {
-      const query = this.createSelectorQuery()
-      query.select('.m-collapse__content').boundingClientRect()
-
-      query.exec(res => {
-        const contentHeight = res[0].height
-
-        this.setData({
-          contentHeight
-        })
-      })
-    },
-
-    onTransitionEnd() {
-      this.triggerEvent('on-change', this.data.visible)
-    }
-  }
-});
+Component({
+  options: {
+    addGlobalClass: true,
+  },
+
+  properties: {
+    duration: {
+      type: Number,
+      value: 300
+    },
+    visible: {
+      type: Boolean,
+      value: false
+    }
+  },
+
+  data: {
+    contentHeight: 0,   // 内容区域高度
+    isReady: false
+  },
+
+  observers: {
+    visible(val) {
+      if (val && this.data.isReady) {
+        this.getContainerHeight()
+      } else {
+        this.setData({
+          contentHeight: 0
+        })
+      }
+    }
+  },
+
+  lifetimes: {
+    ready() {
+      this.data.isReady = true
+
+      if (this.data.visible) {
+        this.getContainerHeight()
+      }
+    }
+  },
+
+  methods: {
+    getContainerHeight() {
+      const query = this.createSelectorQuery()
+      query.select('.m-collapse__content').boundingClientRect()
+
+      query.exec(res => {
+        const contentHeight = res[0].height
+
+        this.setData({
+          contentHeight
+        })
+      })
+    },
+
+    onTransitionEnd() {
+      this.triggerEvent('on-change', this.data.visible)
+    }
+  }
+});

package/src/bld-collapse/index.json

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

package/src/bld-collapse/index.scss

@@ -1,7 +1,7 @@
-.m-collapse {
-  transition-property: height;
-  transition-duration: .3s;
-  transition-timing-function: ease-in-out;
-  overflow: hidden;
-  height: 0;
+.m-collapse {
+  transition-property: height;
+  transition-duration: .3s;
+  transition-timing-function: ease-in-out;
+  overflow: hidden;
+  height: 0;
 }

package/src/bld-collapse/index.wxml

@@ -1,9 +1,9 @@
-<view
-  class="m-collapse"
-  style="height: {{ contentHeight }}px; transition-duration: {{ duration }}ms;"
-  bind:transitionend="onTransitionEnd"
->
-  <view class="m-collapse__content">
-    <slot />
-  </view>
+<view
+  class="m-collapse"
+  style="height: {{ contentHeight }}px; transition-duration: {{ duration }}ms;"
+  bind:transitionend="onTransitionEnd"
+>
+  <view class="m-collapse__content">
+    <slot />
+  </view>
 </view>

package/src/bld-collapse/index.wxss

@@ -1,7 +1,7 @@
-.m-collapse {
-  transition-property: height;
-  transition-duration: 0.3s;
-  transition-timing-function: ease-in-out;
-  overflow: hidden;
-  height: 0;
+.m-collapse {
+  transition-property: height;
+  transition-duration: 0.3s;
+  transition-timing-function: ease-in-out;
+  overflow: hidden;
+  height: 0;
 }

package/src/bld-content-container/index.js

@@ -1,46 +1,46 @@
-const app = getApp();
-
-const menuButtonInfo = app.globalData.menuButtonDistance;
-const systemInfo = app.globalData.systemInfo;
-const paddingBottomUnit = 40;
-const statusBarHeight = app.globalData.systemInfo.statusBarHeight;
-const gap = menuButtonInfo.top - statusBarHeight;
-const navBarHeight = statusBarHeight + menuButtonInfo.height + gap * 2;
-
-Component({
-  externalClasses: ["iclass"],
-  options: {
-    styleIsolation: 'apply-shared'
-  },
-  properties: {
-    navBarPosition: {
-      type: String,
-      value: "",
-    },
-    top: {
-      type: Number,
-      value: 1,
-    },
-    bottom: {
-      type: Number,
-      value: 1,
-    },
-  },
-  data: {
-    style: `padding-top: ${gap}px;padding-bottom: ${paddingBottomUnit}px`,
-  },
-
-  observers: {
-    "navBarPosition, top, bottom": function (navBarPosition, top, bottom) {
-      if (navBarPosition === "fixed") {
-        this.setData({
-          style: `padding-top: ${navBarHeight + gap * this.data.top}px;padding-bottom: ${bottom * paddingBottomUnit}px`,
-        });
-      } else {
-        this.setData({
-          style: `padding-top: ${gap * this.data.top}px;padding-bottom: ${bottom * paddingBottomUnit}px`,
-        });
-      }
-    },
-  },
-});
+const app = getApp();
+
+const menuButtonInfo = app.globalData.menuButtonDistance;
+const systemInfo = app.globalData.systemInfo;
+const paddingBottomUnit = 40;
+const statusBarHeight = app.globalData.systemInfo.statusBarHeight;
+const gap = menuButtonInfo.top - statusBarHeight;
+const navBarHeight = statusBarHeight + menuButtonInfo.height + gap * 2;
+
+Component({
+  externalClasses: ["iclass"],
+  options: {
+    styleIsolation: 'apply-shared'
+  },
+  properties: {
+    navBarPosition: {
+      type: String,
+      value: "",
+    },
+    top: {
+      type: Number,
+      value: 1,
+    },
+    bottom: {
+      type: Number,
+      value: 1,
+    },
+  },
+  data: {
+    style: `padding-top: ${gap}px;padding-bottom: ${paddingBottomUnit}px`,
+  },
+
+  observers: {
+    "navBarPosition, top, bottom": function (navBarPosition, top, bottom) {
+      if (navBarPosition === "fixed") {
+        this.setData({
+          style: `padding-top: ${navBarHeight + gap * this.data.top}px;padding-bottom: ${bottom * paddingBottomUnit}px`,
+        });
+      } else {
+        this.setData({
+          style: `padding-top: ${gap * this.data.top}px;padding-bottom: ${bottom * paddingBottomUnit}px`,
+        });
+      }
+    },
+  },
+});

package/src/bld-content-container/index.json

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

package/src/bld-content-container/index.wxml

@@ -1,5 +1,5 @@
-<view
-  class="content-container iclass"
-  style="{{ style }}">
-  <slot />
-</view>
+<view
+  class="content-container iclass"
+  style="{{ style }}">
+  <slot />
+</view>