bulade-ui 1.1.3 → 1.1.4

package/src/bld-checkbox/index.scss

@@ -1,72 +1,72 @@
-.m-checkbox {
-  display: flex;
-  overflow: hidden;
-  user-select: none;
-
-  .m-checkbox__icon-wrap,
-  .m-checkbox__label {
-    color: var(--color-text-regular, #606266);
-  }
-
-  .m-checkbox__icon-wrap {
-    flex: none;
-  }
-
-  .m-checkbox__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: content-box;
-    width: 42rpx;
-    height: 42rpx;
-    line-height: 42rpx;
-    color: transparent;
-    text-align: center;
-    transition-property: color, border-color, background-color;
-    font-size: 28rpx;
-    font-weight: bold;
-    border: 1px solid #e5e5e5;
-    border-radius: 4rpx;
-    transition-duration: .2s;
-  }
-
-  .m-checkbox__icon--round {
-    border-radius: 50%;
-  }
-
-  .m-checkbox__icon--checked {
-    background-color: var(--color-primary, #409EFF);
-    border-color: var(--color-primary, #409EFF);
-  }
-
-  .m-checkbox__icon--disabled {
-    background-color: #ebedf0;
-    border-color: #d3d4d5;
-  }
-
-  .m-checkbox__icon--disabled.m-checkbox__icon--checked {
-    color: #d3d4d5;
-  }
-
-  .m-checkbox__label {
-    flex: 1;
-    word-wrap: break-word;
-    color: var(--color-text-primary, #303133);
-  }
-
-  .m-checkbox__label--left {
-    margin-right: 20rpx;
-  }
-
-  .m-checkbox__label--right {
-    margin-left: 20rpx;
-  }
-
-  .m-checkbox__label--disabled {
-    color: #d3d4d5;
-  }
-
-  .m-checkbox__icon--prevent {
-    background-color: #ebedf0;
-  }
+.m-checkbox {
+  display: flex;
+  overflow: hidden;
+  user-select: none;
+
+  .m-checkbox__icon-wrap,
+  .m-checkbox__label {
+    color: var(--color-text-regular, #606266);
+  }
+
+  .m-checkbox__icon-wrap {
+    flex: none;
+  }
+
+  .m-checkbox__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: content-box;
+    width: 42rpx;
+    height: 42rpx;
+    line-height: 42rpx;
+    color: transparent;
+    text-align: center;
+    transition-property: color, border-color, background-color;
+    font-size: 28rpx;
+    font-weight: bold;
+    border: 1px solid #e5e5e5;
+    border-radius: 4rpx;
+    transition-duration: .2s;
+  }
+
+  .m-checkbox__icon--round {
+    border-radius: 50%;
+  }
+
+  .m-checkbox__icon--checked {
+    background-color: var(--color-primary, #409EFF);
+    border-color: var(--color-primary, #409EFF);
+  }
+
+  .m-checkbox__icon--disabled {
+    background-color: #ebedf0;
+    border-color: #d3d4d5;
+  }
+
+  .m-checkbox__icon--disabled.m-checkbox__icon--checked {
+    color: #d3d4d5;
+  }
+
+  .m-checkbox__label {
+    flex: 1;
+    word-wrap: break-word;
+    color: var(--color-text-primary, #303133);
+  }
+
+  .m-checkbox__label--left {
+    margin-right: 20rpx;
+  }
+
+  .m-checkbox__label--right {
+    margin-left: 20rpx;
+  }
+
+  .m-checkbox__label--disabled {
+    color: #d3d4d5;
+  }
+
+  .m-checkbox__icon--prevent {
+    background-color: #ebedf0;
+  }
 }

package/src/bld-checkbox/index.wxml

@@ -1,67 +1,67 @@
-<view class="m-checkbox custom-class">
-
-  <view wx:if="{{ labelLeft }}" class="m-checkbox__label m-checkbox__label--left" bindtap="onClickLabel">
-    <slot />
-  </view>
-
-  <view class="m-checkbox__icon-wrap" bindtap="toggle">
-    
-    <view 
-      class="m-checkbox__icon {{ check.getClass(value, disabled, prevent, round) }}"
-      style="{{ check.getStyle(value, disabled, prevent, checkedColor) }}"
-    >
-      <m-icon
-        name="confirm"
-        size="30"
-        color="{{ value ? '#fff' : 'transparent' }}"
-      />
-    </view>
-  </view>
-
-  <view wx:if="{{ !labelLeft }}" class="m-checkbox__label m-checkbox__label--right" bindtap="onClickLabel">
-    <slot />
-  </view>
-</view>
-
-
-<wxs module="check">
-  function getClass(value, disabled, prevent, round) {
-    var class = []
-
-    if(!value && !disabled && prevent) {
-      class.push('m-checkbox__icon--prevent')
-    }
-
-    if(value) {
-      class.push('m-checkbox__icon--checked')
-    }
-
-    if(disabled) {
-      class.push('m-checkbox__icon--disabled')
-    }
-
-    if(round) {
-      class.push('m-checkbox__icon--round')
-    }
-
-    return class.join(" ")
-  }
-
-  function getStyle(value, disabled, prevent, checkedColor) {
-    if(!checkedColor) return
-
-    var style = []
-
-    if(value) {
-      style.push('background: ' + checkedColor)
-      style.push('border-color: ' + checkedColor)
-    }
-
-    return style.join(";")
-  }
-
-  module.exports = {
-    getClass: getClass,
-    getStyle: getStyle
-  }
+<view class="m-checkbox custom-class">
+
+  <view wx:if="{{ labelLeft }}" class="m-checkbox__label m-checkbox__label--left" bindtap="onClickLabel">
+    <slot />
+  </view>
+
+  <view class="m-checkbox__icon-wrap" bindtap="toggle">
+    
+    <view 
+      class="m-checkbox__icon {{ check.getClass(value, disabled, prevent, round) }}"
+      style="{{ check.getStyle(value, disabled, prevent, checkedColor) }}"
+    >
+      <m-icon
+        name="confirm"
+        size="30"
+        color="{{ value ? '#fff' : 'transparent' }}"
+      />
+    </view>
+  </view>
+
+  <view wx:if="{{ !labelLeft }}" class="m-checkbox__label m-checkbox__label--right" bindtap="onClickLabel">
+    <slot />
+  </view>
+</view>
+
+
+<wxs module="check">
+  function getClass(value, disabled, prevent, round) {
+    var class = []
+
+    if(!value && !disabled && prevent) {
+      class.push('m-checkbox__icon--prevent')
+    }
+
+    if(value) {
+      class.push('m-checkbox__icon--checked')
+    }
+
+    if(disabled) {
+      class.push('m-checkbox__icon--disabled')
+    }
+
+    if(round) {
+      class.push('m-checkbox__icon--round')
+    }
+
+    return class.join(" ")
+  }
+
+  function getStyle(value, disabled, prevent, checkedColor) {
+    if(!checkedColor) return
+
+    var style = []
+
+    if(value) {
+      style.push('background: ' + checkedColor)
+      style.push('border-color: ' + checkedColor)
+    }
+
+    return style.join(";")
+  }
+
+  module.exports = {
+    getClass: getClass,
+    getStyle: getStyle
+  }
 </wxs>

package/src/bld-checkbox/index.wxss

@@ -1,62 +1,62 @@
-.m-checkbox {
-  display: flex;
-  overflow: hidden;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.m-checkbox .m-checkbox__icon-wrap,
-.m-checkbox .m-checkbox__label {
-  color: var(--color-text-regular, #606266);
-}
-.m-checkbox .m-checkbox__icon-wrap {
-  flex: none;
-}
-.m-checkbox .m-checkbox__icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: content-box;
-  width: 42rpx;
-  height: 42rpx;
-  line-height: 42rpx;
-  color: transparent;
-  text-align: center;
-  transition-property: color, border-color, background-color;
-  font-size: 28rpx;
-  font-weight: bold;
-  border: 1px solid #e5e5e5;
-  border-radius: 4rpx;
-  transition-duration: 0.2s;
-}
-.m-checkbox .m-checkbox__icon--round {
-  border-radius: 50%;
-}
-.m-checkbox .m-checkbox__icon--checked {
-  background-color: var(--color-primary, #409EFF);
-  border-color: var(--color-primary, #409EFF);
-}
-.m-checkbox .m-checkbox__icon--disabled {
-  background-color: #ebedf0;
-  border-color: #d3d4d5;
-}
-.m-checkbox .m-checkbox__icon--disabled.m-checkbox__icon--checked {
-  color: #d3d4d5;
-}
-.m-checkbox .m-checkbox__label {
-  flex: 1;
-  word-wrap: break-word;
-  color: var(--color-text-primary, #303133);
-}
-.m-checkbox .m-checkbox__label--left {
-  margin-right: 20rpx;
-}
-.m-checkbox .m-checkbox__label--right {
-  margin-left: 20rpx;
-}
-.m-checkbox .m-checkbox__label--disabled {
-  color: #d3d4d5;
-}
-.m-checkbox .m-checkbox__icon--prevent {
-  background-color: #ebedf0;
+.m-checkbox {
+  display: flex;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.m-checkbox .m-checkbox__icon-wrap,
+.m-checkbox .m-checkbox__label {
+  color: var(--color-text-regular, #606266);
+}
+.m-checkbox .m-checkbox__icon-wrap {
+  flex: none;
+}
+.m-checkbox .m-checkbox__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: content-box;
+  width: 42rpx;
+  height: 42rpx;
+  line-height: 42rpx;
+  color: transparent;
+  text-align: center;
+  transition-property: color, border-color, background-color;
+  font-size: 28rpx;
+  font-weight: bold;
+  border: 1px solid #e5e5e5;
+  border-radius: 4rpx;
+  transition-duration: 0.2s;
+}
+.m-checkbox .m-checkbox__icon--round {
+  border-radius: 50%;
+}
+.m-checkbox .m-checkbox__icon--checked {
+  background-color: var(--color-primary, #409EFF);
+  border-color: var(--color-primary, #409EFF);
+}
+.m-checkbox .m-checkbox__icon--disabled {
+  background-color: #ebedf0;
+  border-color: #d3d4d5;
+}
+.m-checkbox .m-checkbox__icon--disabled.m-checkbox__icon--checked {
+  color: #d3d4d5;
+}
+.m-checkbox .m-checkbox__label {
+  flex: 1;
+  word-wrap: break-word;
+  color: var(--color-text-primary, #303133);
+}
+.m-checkbox .m-checkbox__label--left {
+  margin-right: 20rpx;
+}
+.m-checkbox .m-checkbox__label--right {
+  margin-left: 20rpx;
+}
+.m-checkbox .m-checkbox__label--disabled {
+  color: #d3d4d5;
+}
+.m-checkbox .m-checkbox__icon--prevent {
+  background-color: #ebedf0;
 }

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": {}
 }