bulade-ui 1.1.2 → 1.1.4

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
+}

package/src/bld-tag/index.scss

@@ -1,127 +1,127 @@
-.m-tag {
-  position: relative;
-  display: inline-block;
-  height: 38rpx;
-  line-height: 38rpx;
-  padding: 0 12rpx;
-  border-radius: 4rpx;
-  background: #f3f4f5;
-  font-size: 24rpx;
-  vertical-align: middle;
-  letter-spacing: 2rpx;
-  text-align: center;
-  color: #ffffff;
-
-
-  &.m-tag--large {
-    height: 64rpx;
-    line-height: 64rpx;
-    padding: 0 24rpx;
-    font-size: 36rpx;
-    border-radius: 6rpx;
-  }
-
-  &.m-tag--medium {
-    height: 56rpx;
-    line-height: 56rpx;
-    padding: 0 16rpx;
-    font-size: 28rpx;
-    border-radius: 6rpx;
-  }
-
-  &.m-tag--small {
-    height: 42rpx;
-    line-height: 42rpx;
-    padding: 0 12rpx;
-    font-size: 20rpx;
-  }
-
-  &.m-tag--mini {
-    height: 32rpx;
-    line-height: 32rpx;
-    padding: 0 8rpx;
-    font-size: 18rpx;
-  }
-
-  /* 类型 type */
-  &.m-tag--primary {
-    color: #fff;
-    background: var(--color-primary, #409EFF);
-  }
-
-  &.m-tag--success {
-    color: #fff;
-    background: var(--color-success, #67C23A);
-  }
-
-  &.m-tag--info {
-    color: #fff;
-    background: var(--color-info, #909399);
-  }
-
-  &.m-tag--warning {
-    color: #fff;
-    background: var(--color-warning, #E6A23C);
-  }
-
-  &.m-tag--danger {
-    color: #fff;
-    background: var(--color-danger, #F56C6C);
-  }
-
-  /* plain */
-  &.is-plain {
-    background: #fff;
-
-    &::after {
-      content: " ";
-      display: block;
-      width: 200%;
-      height: 200%;
-      position: absolute;
-      top: 0;
-      left: 0;
-      border: 1px solid;
-      transform: scale(0.5);
-      transform-origin: 0 0;
-      box-sizing: border-box;
-      border-radius: 8rpx;
-      z-index: 1;
-      pointer-events: none;
-      opacity: .85;
-    }
-
-    &.is-round::after {
-      border-radius: 100rpx;
-    }
-  }
-
-  &.m-tag--primary.is-plain {
-    color: var(--color-primary, #409EFF);
-  }
-
-  &.m-tag--success.is-plain {
-    color: var(--color-success, #67C23A);
-  }
-
-  &.m-tag--warning.is-plain {
-    color: var(--color-warning, #E6A23C);
-  }
-
-  &.m-tag--info.is-plain {
-    color: var(--color-info, #909399);
-  }
-
-  &.m-tag--danger.is-plain {
-    color: var(--color-danger, #F56C6C);
-  }
-
-  /* 自定义颜色 */
-  &:not(.is-plain) {
-    color: #fff important;
-  }
-
-  &.is-round {
-    border-radius: 100rpx;
-  }
+.m-tag {
+  position: relative;
+  display: inline-block;
+  height: 38rpx;
+  line-height: 38rpx;
+  padding: 0 12rpx;
+  border-radius: 4rpx;
+  background: #f3f4f5;
+  font-size: 24rpx;
+  vertical-align: middle;
+  letter-spacing: 2rpx;
+  text-align: center;
+  color: #ffffff;
+
+
+  &.m-tag--large {
+    height: 64rpx;
+    line-height: 64rpx;
+    padding: 0 24rpx;
+    font-size: 36rpx;
+    border-radius: 6rpx;
+  }
+
+  &.m-tag--medium {
+    height: 56rpx;
+    line-height: 56rpx;
+    padding: 0 16rpx;
+    font-size: 28rpx;
+    border-radius: 6rpx;
+  }
+
+  &.m-tag--small {
+    height: 42rpx;
+    line-height: 42rpx;
+    padding: 0 12rpx;
+    font-size: 20rpx;
+  }
+
+  &.m-tag--mini {
+    height: 32rpx;
+    line-height: 32rpx;
+    padding: 0 8rpx;
+    font-size: 18rpx;
+  }
+
+  /* 类型 type */
+  &.m-tag--primary {
+    color: #fff;
+    background: var(--color-primary, #409EFF);
+  }
+
+  &.m-tag--success {
+    color: #fff;
+    background: var(--color-success, #67C23A);
+  }
+
+  &.m-tag--info {
+    color: #fff;
+    background: var(--color-info, #909399);
+  }
+
+  &.m-tag--warning {
+    color: #fff;
+    background: var(--color-warning, #E6A23C);
+  }
+
+  &.m-tag--danger {
+    color: #fff;
+    background: var(--color-danger, #F56C6C);
+  }
+
+  /* plain */
+  &.is-plain {
+    background: #fff;
+
+    &::after {
+      content: " ";
+      display: block;
+      width: 200%;
+      height: 200%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      border: 1px solid;
+      transform: scale(0.5);
+      transform-origin: 0 0;
+      box-sizing: border-box;
+      border-radius: 8rpx;
+      z-index: 1;
+      pointer-events: none;
+      opacity: .85;
+    }
+
+    &.is-round::after {
+      border-radius: 100rpx;
+    }
+  }
+
+  &.m-tag--primary.is-plain {
+    color: var(--color-primary, #409EFF);
+  }
+
+  &.m-tag--success.is-plain {
+    color: var(--color-success, #67C23A);
+  }
+
+  &.m-tag--warning.is-plain {
+    color: var(--color-warning, #E6A23C);
+  }
+
+  &.m-tag--info.is-plain {
+    color: var(--color-info, #909399);
+  }
+
+  &.m-tag--danger.is-plain {
+    color: var(--color-danger, #F56C6C);
+  }
+
+  /* 自定义颜色 */
+  &:not(.is-plain) {
+    color: #fff important;
+  }
+
+  &.is-round {
+    border-radius: 100rpx;
+  }
 }

package/src/bld-tag/index.wxml

@@ -1,3 +1,3 @@
-<view class="m-tag custom-class {{ 'm-tag--' + size }} {{ round ? 'is-round' : '' }} {{ type ? 'm-tag--' + type : '' }} {{ plain ? 'is-plain' : '' }}" style="{{ plain ? 'color: ' + color : 'background-color: ' + color }}">
-  <slot />
+<view class="m-tag custom-class {{ 'm-tag--' + size }} {{ round ? 'is-round' : '' }} {{ type ? 'm-tag--' + type : '' }} {{ plain ? 'is-plain' : '' }}" style="{{ plain ? 'color: ' + color : 'background-color: ' + color }}">
+  <slot />
 </view>

package/src/bld-tag/index.wxss

@@ -1,108 +1,108 @@
-@charset "UTF-8";
-.m-tag {
-  position: relative;
-  display: inline-block;
-  height: 38rpx;
-  line-height: 38rpx;
-  padding: 0 12rpx;
-  border-radius: 4rpx;
-  background: #f3f4f5;
-  font-size: 24rpx;
-  vertical-align: middle;
-  letter-spacing: 2rpx;
-  text-align: center;
-  color: #ffffff;
-  /* 类型 type */
-  /* plain */
-  /* 自定义颜色 */
-}
-.m-tag.m-tag--large {
-  height: 64rpx;
-  line-height: 64rpx;
-  padding: 0 24rpx;
-  font-size: 36rpx;
-  border-radius: 6rpx;
-}
-.m-tag.m-tag--medium {
-  height: 56rpx;
-  line-height: 56rpx;
-  padding: 0 16rpx;
-  font-size: 28rpx;
-  border-radius: 6rpx;
-}
-.m-tag.m-tag--small {
-  height: 42rpx;
-  line-height: 42rpx;
-  padding: 0 12rpx;
-  font-size: 20rpx;
-}
-.m-tag.m-tag--mini {
-  height: 32rpx;
-  line-height: 32rpx;
-  padding: 0 8rpx;
-  font-size: 18rpx;
-}
-.m-tag.m-tag--primary {
-  color: #fff;
-  background: var(--color-primary, #409EFF);
-}
-.m-tag.m-tag--success {
-  color: #fff;
-  background: var(--color-success, #67C23A);
-}
-.m-tag.m-tag--info {
-  color: #fff;
-  background: var(--color-info, #909399);
-}
-.m-tag.m-tag--warning {
-  color: #fff;
-  background: var(--color-warning, #E6A23C);
-}
-.m-tag.m-tag--danger {
-  color: #fff;
-  background: var(--color-danger, #F56C6C);
-}
-.m-tag.is-plain {
-  background: #fff;
-}
-.m-tag.is-plain::after {
-  content: " ";
-  display: block;
-  width: 200%;
-  height: 200%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  border: 1px solid;
-  transform: scale(0.5);
-  transform-origin: 0 0;
-  box-sizing: border-box;
-  border-radius: 8rpx;
-  z-index: 1;
-  pointer-events: none;
-  opacity: 0.85;
-}
-.m-tag.is-plain.is-round::after {
-  border-radius: 100rpx;
-}
-.m-tag.m-tag--primary.is-plain {
-  color: var(--color-primary, #409EFF);
-}
-.m-tag.m-tag--success.is-plain {
-  color: var(--color-success, #67C23A);
-}
-.m-tag.m-tag--warning.is-plain {
-  color: var(--color-warning, #E6A23C);
-}
-.m-tag.m-tag--info.is-plain {
-  color: var(--color-info, #909399);
-}
-.m-tag.m-tag--danger.is-plain {
-  color: var(--color-danger, #F56C6C);
-}
-.m-tag:not(.is-plain) {
-  color: #fff important;
-}
-.m-tag.is-round {
-  border-radius: 100rpx;
+@charset "UTF-8";
+.m-tag {
+  position: relative;
+  display: inline-block;
+  height: 38rpx;
+  line-height: 38rpx;
+  padding: 0 12rpx;
+  border-radius: 4rpx;
+  background: #f3f4f5;
+  font-size: 24rpx;
+  vertical-align: middle;
+  letter-spacing: 2rpx;
+  text-align: center;
+  color: #ffffff;
+  /* 类型 type */
+  /* plain */
+  /* 自定义颜色 */
+}
+.m-tag.m-tag--large {
+  height: 64rpx;
+  line-height: 64rpx;
+  padding: 0 24rpx;
+  font-size: 36rpx;
+  border-radius: 6rpx;
+}
+.m-tag.m-tag--medium {
+  height: 56rpx;
+  line-height: 56rpx;
+  padding: 0 16rpx;
+  font-size: 28rpx;
+  border-radius: 6rpx;
+}
+.m-tag.m-tag--small {
+  height: 42rpx;
+  line-height: 42rpx;
+  padding: 0 12rpx;
+  font-size: 20rpx;
+}
+.m-tag.m-tag--mini {
+  height: 32rpx;
+  line-height: 32rpx;
+  padding: 0 8rpx;
+  font-size: 18rpx;
+}
+.m-tag.m-tag--primary {
+  color: #fff;
+  background: var(--color-primary, #409EFF);
+}
+.m-tag.m-tag--success {
+  color: #fff;
+  background: var(--color-success, #67C23A);
+}
+.m-tag.m-tag--info {
+  color: #fff;
+  background: var(--color-info, #909399);
+}
+.m-tag.m-tag--warning {
+  color: #fff;
+  background: var(--color-warning, #E6A23C);
+}
+.m-tag.m-tag--danger {
+  color: #fff;
+  background: var(--color-danger, #F56C6C);
+}
+.m-tag.is-plain {
+  background: #fff;
+}
+.m-tag.is-plain::after {
+  content: " ";
+  display: block;
+  width: 200%;
+  height: 200%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: 1px solid;
+  transform: scale(0.5);
+  transform-origin: 0 0;
+  box-sizing: border-box;
+  border-radius: 8rpx;
+  z-index: 1;
+  pointer-events: none;
+  opacity: 0.85;
+}
+.m-tag.is-plain.is-round::after {
+  border-radius: 100rpx;
+}
+.m-tag.m-tag--primary.is-plain {
+  color: var(--color-primary, #409EFF);
+}
+.m-tag.m-tag--success.is-plain {
+  color: var(--color-success, #67C23A);
+}
+.m-tag.m-tag--warning.is-plain {
+  color: var(--color-warning, #E6A23C);
+}
+.m-tag.m-tag--info.is-plain {
+  color: var(--color-info, #909399);
+}
+.m-tag.m-tag--danger.is-plain {
+  color: var(--color-danger, #F56C6C);
+}
+.m-tag:not(.is-plain) {
+  color: #fff important;
+}
+.m-tag.is-round {
+  border-radius: 100rpx;
 }

package/src/bld-text/index.js

@@ -1,46 +1,46 @@
-Component({
-  externalClasses: ["iclass"],
-  properties: {
-    text: {
-      type: String,
-      value: "加载中...",
-    },
-    maxLines: {
-      type: Number,
-      value: 3,
-    },
-    stripHtml: {
-      type: Boolean,
-      value: true,
-    },
-    stripInVisible: {
-      type: Boolean,
-      value: true,
-    },
-    size: {
-      type: String,
-      value: "lg-r",
-    },
-  },
-  data: {
-    formattedText: "加载中...",
-  },
-  observers: {
-    text() {
-      let formattedText = this.data.text;
-      if (this.data.stripHtml) {
-        // 替换 html 标签
-        formattedText = formattedText.replace(/<[^>]*>|&nbsp;/gm, "");
-      }
-
-      if (this.data.stripInVisible) {
-        // 替换不可见字符
-        formattedText = formattedText.replace(/[\u0000-\u001F\u007F-\u009F]/g, "");
-      }
-
-      this.setData({
-        formattedText,
-      });
-    },
-  },
-});
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    text: {
+      type: String,
+      value: "加载中...",
+    },
+    maxLines: {
+      type: Number,
+      value: 3,
+    },
+    stripHtml: {
+      type: Boolean,
+      value: true,
+    },
+    stripInVisible: {
+      type: Boolean,
+      value: true,
+    },
+    size: {
+      type: String,
+      value: "lg-r",
+    },
+  },
+  data: {
+    formattedText: "加载中...",
+  },
+  observers: {
+    text() {
+      let formattedText = this.data.text;
+      if (this.data.stripHtml) {
+        // 替换 html 标签
+        formattedText = formattedText.replace(/<[^>]*>|&nbsp;/gm, "");
+      }
+
+      if (this.data.stripInVisible) {
+        // 替换不可见字符
+        formattedText = formattedText.replace(/[\u0000-\u001F\u007F-\u009F]/g, "");
+      }
+
+      this.setData({
+        formattedText,
+      });
+    },
+  },
+});

package/src/bld-text/index.json

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