bulade-ui 1.1.21 → 1.1.23

package/src/bld-progress/index.scss

@@ -1,74 +1,74 @@
-.m-progress__wrap {
-  padding: 20rpx 0;
-
-  .m-progress {
-    position: relative;
-    height: 6rpx;
-    border-radius: 100px;
-    background-color: #e5e5e5;
-  }
-
-  .m-progress__portion {
-    position: absolute;
-    left: 0;
-    height: 100%;
-    border-radius: inherit;
-    background-color: var(--color-primary, #409EFF);
-  }
-
-  .m-progress__portion--primary {
-    background-color: var(--color-primary, #409EFF);
-  }
-
-  .m-progress__portion--success {
-    background-color: var(--color-success, #67C23A);
-  }
-
-  .m-progress__portion--warning {
-    background-color: var(--color-warning, #E6A23C);
-  }
-
-  .m-progress__portion--danger {
-    background-color: var(--color-danger, #F56C6C);
-  }
-  .m-progress__portion--run {
-    background: linear-gradient(to right,#7DFFDB  ,#B4FFED ) !important;
-  }
-
-  .m-progress__point {
-    position: absolute;
-    top: 50%;
-    right: 0;
-    box-sizing: border-box;
-    min-width: 40rpx;
-    line-height: 1.5;
-    text-align: center;
-    word-break: keep-all;
-    border-radius: 100px;
-    transform: translateY(-50%);
-    color: #fff;
-    padding: 0 8rpx;
-    font-size: 20rpx;
-    background-color: var(--color-primary, #409EFF);
-
-    .m-progress__point--primary {
-      background-color: var(--color-primary, #409EFF);
-    }
-
-    .m-progress__point--success {
-      background-color: var(--color-success, #67C23A);
-    }
-
-    .m-progress__point--warning {
-      background-color: var(--color-warning, #E6A23C);
-    }
-
-    .m-progress__point--danger {
-      background-color: var(--color-danger, #F56C6C);
-    }
-  }
-  .m-progress__slot{
-      background: none;
-      margin-left:12rpx;
-    }
+.m-progress__wrap {
+  padding: 20rpx 0;
+
+  .m-progress {
+    position: relative;
+    height: 6rpx;
+    border-radius: 100px;
+    background-color: #e5e5e5;
+  }
+
+  .m-progress__portion {
+    position: absolute;
+    left: 0;
+    height: 100%;
+    border-radius: inherit;
+    background-color: var(--color-primary, #409EFF);
+  }
+
+  .m-progress__portion--primary {
+    background-color: var(--color-primary, #409EFF);
+  }
+
+  .m-progress__portion--success {
+    background-color: var(--color-success, #67C23A);
+  }
+
+  .m-progress__portion--warning {
+    background-color: var(--color-warning, #E6A23C);
+  }
+
+  .m-progress__portion--danger {
+    background-color: var(--color-danger, #F56C6C);
+  }
+  .m-progress__portion--run {
+    background: linear-gradient(to right,#7DFFDB  ,#B4FFED ) !important;
+  }
+
+  .m-progress__point {
+    position: absolute;
+    top: 50%;
+    right: 0;
+    box-sizing: border-box;
+    min-width: 40rpx;
+    line-height: 1.5;
+    text-align: center;
+    word-break: keep-all;
+    border-radius: 100px;
+    transform: translateY(-50%);
+    color: #fff;
+    padding: 0 8rpx;
+    font-size: 20rpx;
+    background-color: var(--color-primary, #409EFF);
+
+    .m-progress__point--primary {
+      background-color: var(--color-primary, #409EFF);
+    }
+
+    .m-progress__point--success {
+      background-color: var(--color-success, #67C23A);
+    }
+
+    .m-progress__point--warning {
+      background-color: var(--color-warning, #E6A23C);
+    }
+
+    .m-progress__point--danger {
+      background-color: var(--color-danger, #F56C6C);
+    }
+  }
+  .m-progress__slot{
+      background: none;
+      margin-left:12rpx;
+    }
 }

package/src/bld-progress/index.wxml

@@ -1,35 +1,35 @@
-<view class="m-progress__wrap">
-  <view
-    class="m-progress iclass"
-    style="height: {{ barHeight }}rpx;"
-  >
-    <view
-      class="m-progress__portion {{ type ? 'm-progress__portion--' + type : '' }}"
-      style="width: {{ percent }}%; {{ activeColor ? 'background-color: ' + activeColor : '' }}"
-    >
-      <view
-        wx:if="{{ pointVisible && porgress.text(pointText, percent)}}"
-        style="color: {{ textColor }}; background: {{ pointColor ? pointColor : activeColor }}"
-        class="m-progress__point {{ type ? 'm-progress__point--' + type : '' }}"
-      >
-        {{ porgress.text(pointText, percent) }}
-      </view>
-      <view
-        class="m-progress__point m-progress__slot"
-      >
-         <slot></slot>
-      </view>
-    </view>
-  </view>
-</view>
-
-
-<wxs module="porgress">
-  function text(pointText, percent) {
-    return pointText || percent + '%';
-  }
-
-  module.exports = {
-    text: text
-  }
+<view class="m-progress__wrap">
+  <view
+    class="m-progress iclass"
+    style="height: {{ barHeight }}rpx;"
+  >
+    <view
+      class="m-progress__portion {{ type ? 'm-progress__portion--' + type : '' }}"
+      style="width: {{ percent }}%; {{ activeColor ? 'background-color: ' + activeColor : '' }}"
+    >
+      <view
+        wx:if="{{ pointVisible && porgress.text(pointText, percent)}}"
+        style="color: {{ textColor }}; background: {{ pointColor ? pointColor : activeColor }}"
+        class="m-progress__point {{ type ? 'm-progress__point--' + type : '' }}"
+      >
+        {{ porgress.text(pointText, percent) }}
+      </view>
+      <view
+        class="m-progress__point m-progress__slot"
+      >
+         <slot></slot>
+      </view>
+    </view>
+  </view>
+</view>
+
+
+<wxs module="porgress">
+  function text(pointText, percent) {
+    return pointText || percent + '%';
+  }
+
+  module.exports = {
+    text: text
+  }
 </wxs>

package/src/bld-progress/index.wxss

@@ -1,63 +1,63 @@
-.m-progress__wrap {
-  padding: 20rpx 0;
-}
-.m-progress__wrap .m-progress {
-  position: relative;
-  height: 6rpx;
-  border-radius: 100px;
-  background-color: #e5e5e5;
-}
-.m-progress__wrap .m-progress__portion {
-  position: absolute;
-  left: 0;
-  height: 100%;
-  border-radius: inherit;
-  background-color: var(--color-primary, #409EFF);
-}
-.m-progress__wrap .m-progress__portion--primary {
-  background-color: var(--color-primary, #409EFF);
-}
-.m-progress__wrap .m-progress__portion--success {
-  background-color: var(--color-success, #67C23A);
-}
-.m-progress__wrap .m-progress__portion--warning {
-  background-color: var(--color-warning, #E6A23C);
-}
-.m-progress__wrap .m-progress__portion--danger {
-  background-color: var(--color-danger, #F56C6C);
-}
-.m-progress__wrap .m-progress__portion--run {
-  background: linear-gradient(to right, #7DFFDB, #B4FFED) !important;
-}
-.m-progress__wrap .m-progress__point {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  box-sizing: border-box;
-  min-width: 40rpx;
-  line-height: 1.5;
-  text-align: center;
-  word-break: keep-all;
-  border-radius: 100px;
-  transform: translateY(-50%);
-  color: #fff;
-  padding: 0 8rpx;
-  font-size: 20rpx;
-  background-color: var(--color-primary, #409EFF);
-}
-.m-progress__wrap .m-progress__point .m-progress__point--primary {
-  background-color: var(--color-primary, #409EFF);
-}
-.m-progress__wrap .m-progress__point .m-progress__point--success {
-  background-color: var(--color-success, #67C23A);
-}
-.m-progress__wrap .m-progress__point .m-progress__point--warning {
-  background-color: var(--color-warning, #E6A23C);
-}
-.m-progress__wrap .m-progress__point .m-progress__point--danger {
-  background-color: var(--color-danger, #F56C6C);
-}
-.m-progress__wrap .m-progress__slot {
-  background: none;
-  margin-left: 12rpx;
+.m-progress__wrap {
+  padding: 20rpx 0;
+}
+.m-progress__wrap .m-progress {
+  position: relative;
+  height: 6rpx;
+  border-radius: 100px;
+  background-color: #e5e5e5;
+}
+.m-progress__wrap .m-progress__portion {
+  position: absolute;
+  left: 0;
+  height: 100%;
+  border-radius: inherit;
+  background-color: var(--color-primary, #409EFF);
+}
+.m-progress__wrap .m-progress__portion--primary {
+  background-color: var(--color-primary, #409EFF);
+}
+.m-progress__wrap .m-progress__portion--success {
+  background-color: var(--color-success, #67C23A);
+}
+.m-progress__wrap .m-progress__portion--warning {
+  background-color: var(--color-warning, #E6A23C);
+}
+.m-progress__wrap .m-progress__portion--danger {
+  background-color: var(--color-danger, #F56C6C);
+}
+.m-progress__wrap .m-progress__portion--run {
+  background: linear-gradient(to right, #7DFFDB, #B4FFED) !important;
+}
+.m-progress__wrap .m-progress__point {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  box-sizing: border-box;
+  min-width: 40rpx;
+  line-height: 1.5;
+  text-align: center;
+  word-break: keep-all;
+  border-radius: 100px;
+  transform: translateY(-50%);
+  color: #fff;
+  padding: 0 8rpx;
+  font-size: 20rpx;
+  background-color: var(--color-primary, #409EFF);
+}
+.m-progress__wrap .m-progress__point .m-progress__point--primary {
+  background-color: var(--color-primary, #409EFF);
+}
+.m-progress__wrap .m-progress__point .m-progress__point--success {
+  background-color: var(--color-success, #67C23A);
+}
+.m-progress__wrap .m-progress__point .m-progress__point--warning {
+  background-color: var(--color-warning, #E6A23C);
+}
+.m-progress__wrap .m-progress__point .m-progress__point--danger {
+  background-color: var(--color-danger, #F56C6C);
+}
+.m-progress__wrap .m-progress__slot {
+  background: none;
+  margin-left: 12rpx;
 }

package/src/bld-radio/index.js

@@ -1,64 +1,64 @@
-Component({
-  externalClasses: ['iclass'],
-
-  options: {
-    addGlobalClass: true,
-  },
-
-  relations: {
-    '../bld-radio-group/index': {
-      type: 'ancestor',
-      linked(target) {
-        this.parent = target;
-      },
-      unlinked() {
-        this.parent = null;
-      }
-    }
-  },
-
-  properties: {
-    name: {
-      type: null
-    },
-    value: {
-      type: null
-    },
-    disabled: {
-      type: Boolean,
-      value: false
-    },
-    checkedColor: {
-      type: String,
-      value: ''
-    },
-    labelLeft: {
-      type: Boolean,
-      value: false
-    },
-    shape: {
-      type: String,
-      value: 'round'
-    }
-  },
-
-  methods: {
-    emitChange(value) {
-      const instance = this.parent || this;
-      
-      instance.triggerEvent('input', value);
-      instance.triggerEvent('change', value);
-    },
-
-    onChange(event) {
-      this.emitChange(this.data.name);
-    },
-
-    onClickLabel() {
-      const { disabled, labelDisabled, name } = this.data;
-      if (!disabled && !labelDisabled) {
-        this.emitChange(name);
-      }
-    }
-  }
-})
+Component({
+  externalClasses: ['iclass'],
+
+  options: {
+    addGlobalClass: true,
+  },
+
+  relations: {
+    '../bld-radio-group/index': {
+      type: 'ancestor',
+      linked(target) {
+        this.parent = target;
+      },
+      unlinked() {
+        this.parent = null;
+      }
+    }
+  },
+
+  properties: {
+    name: {
+      type: null
+    },
+    value: {
+      type: null
+    },
+    disabled: {
+      type: Boolean,
+      value: false
+    },
+    checkedColor: {
+      type: String,
+      value: ''
+    },
+    labelLeft: {
+      type: Boolean,
+      value: false
+    },
+    shape: {
+      type: String,
+      value: 'round'
+    }
+  },
+
+  methods: {
+    emitChange(value) {
+      const instance = this.parent || this;
+      
+      instance.triggerEvent('input', value);
+      instance.triggerEvent('change', value);
+    },
+
+    onChange(event) {
+      this.emitChange(this.data.name);
+    },
+
+    onClickLabel() {
+      const { disabled, labelDisabled, name } = this.data;
+      if (!disabled && !labelDisabled) {
+        this.emitChange(name);
+      }
+    }
+  }
+})

package/src/bld-radio/index.json

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

package/src/bld-radio/index.scss

@@ -1,68 +1,68 @@
-.m-radio {
-  display: flex;
-  padding: 3rpx 0;
-}
-.m-radio .m-radio__icon-wrap {
-  display: flex;
-  align-items: center;
-}
-.m-radio .m-radio__icon-wrap .m-radio__icon {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 42rpx;
-  height: 42rpx;
-  color: var(--color-primary, #409EFF);
-  border: 1px solid #e5e5e5;
-  border-radius: 100%;
-  box-sizing: content-box;
-  transition-property: color, border-color, background-color;
-  transition-duration: 0.15s;
-}
-.m-radio .m-radio__icon-wrap .m-radio__icon::after {
-  content: " ";
-  display: block;
-  margin: auto;
-  width: 20rpx;
-  height: 20rpx;
-  border-radius: 100%;
-  background-color: currentColor;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(0);
-  transition: transform 0.15s ease-in;
-}
-.m-radio .m-radio__icon-wrap .m-radio__icon.m-radio__icon--checked {
-  border-color: currentColor;
-}
-.m-radio .m-radio__icon-wrap .m-radio__icon.m-radio__icon--checked::after {
-  transform: scale(1);
-}
-.m-radio .m-radio__icon-wrap .m-radio__icon--disabled {
-  border-color: #c8c9cc;
-  background-color: #ebedf0;
-}
-.m-radio .m-radio__icon-wrap .m-radio__icon--disabled.m-radio__icon--checked {
-  color: #c8c9cc;
-  border-color: currentColor;
-}
-.m-radio .m-radio__icon-wrap .m-radio__icon--disabled.m-radio__icon--checked::after {
-  background-color: currentColor;
-}
-.m-radio .m-radio__label {
-  display: inline-flex;
-  align-items: center;
-  flex: 1;
-  word-wrap: break-word;
-  color: var(--color-text-regular, #606266);
-}
-.m-radio .m-radio__label.m-radio__label--left {
-  margin-right: 20rpx;
-}
-.m-radio .m-radio__label.m-radio__label--right {
-  margin-left: 20rpx;
+.m-radio {
+  display: flex;
+  padding: 3rpx 0;
+}
+.m-radio .m-radio__icon-wrap {
+  display: flex;
+  align-items: center;
+}
+.m-radio .m-radio__icon-wrap .m-radio__icon {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 42rpx;
+  height: 42rpx;
+  color: var(--color-primary, #409EFF);
+  border: 1px solid #e5e5e5;
+  border-radius: 100%;
+  box-sizing: content-box;
+  transition-property: color, border-color, background-color;
+  transition-duration: 0.15s;
+}
+.m-radio .m-radio__icon-wrap .m-radio__icon::after {
+  content: " ";
+  display: block;
+  margin: auto;
+  width: 20rpx;
+  height: 20rpx;
+  border-radius: 100%;
+  background-color: currentColor;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  transform: scale(0);
+  transition: transform 0.15s ease-in;
+}
+.m-radio .m-radio__icon-wrap .m-radio__icon.m-radio__icon--checked {
+  border-color: currentColor;
+}
+.m-radio .m-radio__icon-wrap .m-radio__icon.m-radio__icon--checked::after {
+  transform: scale(1);
+}
+.m-radio .m-radio__icon-wrap .m-radio__icon--disabled {
+  border-color: #c8c9cc;
+  background-color: #ebedf0;
+}
+.m-radio .m-radio__icon-wrap .m-radio__icon--disabled.m-radio__icon--checked {
+  color: #c8c9cc;
+  border-color: currentColor;
+}
+.m-radio .m-radio__icon-wrap .m-radio__icon--disabled.m-radio__icon--checked::after {
+  background-color: currentColor;
+}
+.m-radio .m-radio__label {
+  display: inline-flex;
+  align-items: center;
+  flex: 1;
+  word-wrap: break-word;
+  color: var(--color-text-regular, #606266);
+}
+.m-radio .m-radio__label.m-radio__label--left {
+  margin-right: 20rpx;
+}
+.m-radio .m-radio__label.m-radio__label--right {
+  margin-left: 20rpx;
 }

package/src/bld-radio/index.wxml

@@ -1,24 +1,24 @@
-<view class="m-radio {{ disabled ? 'm-radio--disabled' : '' }} iclass">
-  <view
-    wx:if="{{ labelLeft }}"
-    class="m-radio__label m-radio__label--left"
-    bindtap="onClickLabel"
-  >
-    <slot />
-  </view>
-
-  <view class="m-radio__icon-wrap" bindtap="onChange">
-    <view 
-      class="m-radio__icon {{ disabled ? 'm-radio__icon--disabled' : '' }} {{ value === name ? 'm-radio__icon--checked' :'' }}"
-      style="{{ checkedColor ? 'color: ' + checkedColor : '' }}"
-    ></view>
-  </view>
-
-  <view
-    wx:if="{{ !labelLeft }}"
-    class="m-radio__label m-radio__label--right"
-    bindtap="onClickLabel"
-  >
-    <slot />
-  </view>
+<view class="m-radio {{ disabled ? 'm-radio--disabled' : '' }} iclass">
+  <view
+    wx:if="{{ labelLeft }}"
+    class="m-radio__label m-radio__label--left"
+    bindtap="onClickLabel"
+  >
+    <slot />
+  </view>
+
+  <view class="m-radio__icon-wrap" bindtap="onChange">
+    <view 
+      class="m-radio__icon {{ disabled ? 'm-radio__icon--disabled' : '' }} {{ value === name ? 'm-radio__icon--checked' :'' }}"
+      style="{{ checkedColor ? 'color: ' + checkedColor : '' }}"
+    ></view>
+  </view>
+
+  <view
+    wx:if="{{ !labelLeft }}"
+    class="m-radio__label m-radio__label--right"
+    bindtap="onClickLabel"
+  >
+    <slot />
+  </view>
 </view>