bulade-ui 1.1.26 → 1.1.28

package/src/bld-html/index.js

@@ -1,41 +1,42 @@
-Component({
-  externalClasses: ["iclass"],
-  properties: {
-    html: {
-      type: String,
-      value: "加载中...",
-    },
-    loseStyle:{
-      type: Boolean,
-      value:false
-    }
-  },
-  data: {
-    content: "加载中...",
-    tagStyle: {
-      p: "margin-bottom: 14px",
-      img: "margin-bottom: 14px"
-    },
-    containerStyle: "padding: 0;",
-  },
-  observers: {
-    // html() {
-      // let content = this.data.html;
-
-    //  content = content.replace(/style="(.*?)"/gm, "");
-    //  content = content.replace(/class="(.*?)"/gm, "");
-    //   content = content.replaceAll("<p><br></p>", "");
-
-      // this.setData({
-      //   content,
-      // });
-    // },
-    loseStyle: function(newValue) {
-      if (newValue) {
-        this.setData({
-          tagStyle:{}
-        })
-      } 
-    },
-  },
-});
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    html: {
+      type: String,
+      value: "加载中...",
+    },
+    loseStyle:{
+      type: Boolean,
+      value:false
+    }
+  },
+  data: {
+    content: "加载中...",
+    tagStyle: {
+      p: "margin-bottom: 14px",
+      img: "margin-bottom: 14px"
+    },
+    containerStyle: "padding: 0;",
+  },
+  observers: {
+    html() {
+      let content = this.data.html;
+
+      // content = content.replace(/style="(.*?)"/gm, "");
+      // content = content.replace(/class="(.*?)"/gm, "");
+      // content = content.replaceAll("<p><br></p>", "");
+      content = content.replaceAll(/\<img/g, "<img style='width: 100%;'");
+
+      this.setData({
+        content,
+      });
+    },
+    loseStyle: function(newValue) {
+      if (newValue) {
+        this.setData({
+          tagStyle:{}
+        })
+      } 
+    },
+  },
+});

package/src/bld-html/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "mp-html": "../components-npm/mp-weixin/index"
-  }
+{
+  "component": true,
+  "usingComponents": {
+    "mp-html": "../components-npm/mp-weixin/index"
+  }
 }

package/src/bld-html/index.scss

@@ -1,14 +1,14 @@
-// .content-wrapper {
-//   line-height: 60rpx;
-//   font-size: var(--font-size-lg);
-//   letter-spacing: 2rpx;
-//   text-align: justify;
-// }
-
-$pxV:16,18,20,22,26,28,30;
-
-@each $c in $pxV {
-    .ql-size-#{$c}px {     
-        font-size: #{$c}px
-    }
+// .content-wrapper {
+//   line-height: 60rpx;
+//   font-size: var(--font-size-lg);
+//   letter-spacing: 2rpx;
+//   text-align: justify;
+// }
+
+$pxV:16,18,20,22,26,28,30;
+
+@each $c in $pxV {
+    .ql-size-#{$c}px {     
+        font-size: #{$c}px
+    }
  }  

package/src/bld-html/index.wxml

@@ -1,9 +1,9 @@
-<view class="{{ loseStyle ? '' : 'content-wrapper' }} iclass">
-  <!-- <mp-html
-    content="{{ content }}"
-    preview-img="{{ false }}"
-    tag-style="{{ tagStyle }}"
-    container-style="{{ containerStyle }}"
-  /> -->
-  <rich-text nodes="{{html}}" bindtap="tap" mode="web-static"></rich-text>
-</view>
+<view class="{{ loseStyle ? '' : 'content-wrapper' }} iclass">
+  <!-- <mp-html
+    content="{{ content }}"
+    preview-img="{{ false }}"
+    tag-style="{{ tagStyle }}"
+    container-style="{{ containerStyle }}"
+  /> -->
+  <rich-text nodes="{{content}}" bindtap="tap" mode="web-static"></rich-text>
+</view>

package/src/bld-icon/index.js

@@ -1,42 +1,42 @@
-Component({
-  externalClasses: ['iclass'],
-
-  options: {
-    addGlobalClass: true,
-  },
-
-  properties: {
-    name: {
-      type: String,
-      observer(val) {
-        this.setData({
-          isImage: val.indexOf('/') > -1
-        })
-      }
-    },
-    
-    size: {
-      type: Number,
-      optionalTypes: [Number, String],
-      value: '',
-      observer(val) {
-        this.setData({
-          fsize: parseInt(val)
-        }) 
-      }
-    },
-    color: {
-      type: String,
-      value: ''
-    },
-    customStyle: {
-      type: String,
-      value: ''
-    }
-  },
-  
-  data: {
-    isImage: false,
-    fsize: ''
-  }
+Component({
+  externalClasses: ['iclass'],
+
+  options: {
+    addGlobalClass: true,
+  },
+
+  properties: {
+    name: {
+      type: String,
+      observer(val) {
+        this.setData({
+          isImage: val.indexOf('/') > -1
+        })
+      }
+    },
+    
+    size: {
+      type: Number,
+      optionalTypes: [Number, String],
+      value: '',
+      observer(val) {
+        this.setData({
+          fsize: parseInt(val)
+        }) 
+      }
+    },
+    color: {
+      type: String,
+      value: ''
+    },
+    customStyle: {
+      type: String,
+      value: ''
+    }
+  },
+  
+  data: {
+    isImage: false,
+    fsize: ''
+  }
 })

package/src/bld-icon/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "bld-cloud-image": "../bld-cloud-image/index"
-  }
-}
+{
+  "component": true,
+  "usingComponents": {
+    "bld-cloud-image": "../bld-cloud-image/index"
+  }
+}

package/src/bld-icon/index.scss

@@ -1,19 +1,19 @@
-@import "..\\assets/font/iconfont.scss";
-
-.m-icon {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	transition: color .2s ease-in-out;
-}
-.c-image__wrap{
-	width:100%;
-	height:100%;
-}
-.m-icon__image {
-	width: 100%;
-	height: 100%;
-	display: inline-block;
-	vertical-align: sub-text;
-	box-sizing: border-box;
-}
+@import "..\\assets/font/iconfont.scss";
+
+.m-icon {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	transition: color .2s ease-in-out;
+}
+.c-image__wrap{
+	width:100%;
+	height:100%;
+}
+.m-icon__image {
+	width: 100%;
+	height: 100%;
+	display: inline-block;
+	vertical-align: sub-text;
+	box-sizing: border-box;
+}

package/src/bld-icon/index.wxml

@@ -1,36 +1,36 @@
-<view 
-	class="iclass bld-iconfont icon-{{ name }} m-icon" 
-	style="{{ icon.setIconStyle(isImage, fsize, color) }} {{ customStyle }}"
->
-   <bld-cloud-image
-     class="c-image__wrap"
-     wx:if="{{ isImage }}"
-     iclass="m-icon__image"
-     src="{{ name }}"
-   />
-</view>
-
-<wxs module="icon">
-  function setIconStyle(isImage, size, color) {
-    var styles = []
-    var imgSize = size || 32
-
-    if(size) {
-      styles.push('font-size:' + size +'rpx')
-    }
-    if(isImage) {
-      styles.push('width:' + imgSize  +'rpx')
-      styles.push('height:' + imgSize  +'rpx')
-    }
-
-    if(color) {
-      styles.push('color:' + color)
-    }
-    return styles.join(";")
-  }
-
-  module.exports = {
-    setIconStyle: setIconStyle
-  }
-</wxs>
-
+<view 
+	class="iclass bld-iconfont icon-{{ name }} m-icon" 
+	style="{{ icon.setIconStyle(isImage, fsize, color) }} {{ customStyle }}"
+>
+   <bld-cloud-image
+     class="c-image__wrap"
+     wx:if="{{ isImage }}"
+     iclass="m-icon__image"
+     src="{{ name }}"
+   />
+</view>
+
+<wxs module="icon">
+  function setIconStyle(isImage, size, color) {
+    var styles = []
+    var imgSize = size || 32
+
+    if(size) {
+      styles.push('font-size:' + size +'rpx')
+    }
+    if(isImage) {
+      styles.push('width:' + imgSize  +'rpx')
+      styles.push('height:' + imgSize  +'rpx')
+    }
+
+    if(color) {
+      styles.push('color:' + color)
+    }
+    return styles.join(";")
+  }
+
+  module.exports = {
+    setIconStyle: setIconStyle
+  }
+</wxs>
+

package/src/bld-icon-back/index.js

@@ -1,8 +1,8 @@
-Component({
-  externalClasses: ["iclass"],
-  properties: {
-    name: {
-      type: String,
-    },
-  },
-});
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    name: {
+      type: String,
+    },
+  },
+});

package/src/bld-icon-back/index.json

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

package/src/bld-icon-back/index.scss

@@ -1 +1 @@
-@import "..\\assets/font/iconfont.scss";
+@import "..\\assets/font/iconfont.scss";

package/src/bld-icon-back/index.wxml

@@ -1 +1 @@
-<view class="iclass bld-iconfont icon-{{ name }}" />
+<view class="iclass bld-iconfont icon-{{ name }}" />

package/src/bld-loading/index.js

@@ -1,9 +1,9 @@
-Component({
-  externalClasses: ["icon-class", "tip-class"],
-  properties: {
-    text: {
-      type: String,
-      value: "努力加载中",
-    },
-  },
-});
+Component({
+  externalClasses: ["icon-class", "tip-class"],
+  properties: {
+    text: {
+      type: String,
+      value: "努力加载中",
+    },
+  },
+});

package/src/bld-loading/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-  "usingComponents": {
-    "bld-icon": "../bld-icon/index"
-  }
-}
+{
+  "component": true,
+  "usingComponents": {
+    "bld-icon": "../bld-icon/index"
+  }
+}

package/src/bld-loading/index.scss

@@ -1,25 +1,25 @@
-.loading-wrapper {
-  text-align: center;
-  padding: 50rpx 0;
-  color: #666;
-  .tip {
-    font-size: var(--font-size-sm);
-  }
-}
-
-.icon {
-  animation-name: rotate;
-  animation-duration: 2s;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 36rpx;
-  margin-bottom: 12rpx;
-}
-
-@keyframes rotate{
-  from{ transform: rotate(-360deg); }
-  to{ transform: rotate(360deg); }
-}
+.loading-wrapper {
+  text-align: center;
+  padding: 50rpx 0;
+  color: #666;
+  .tip {
+    font-size: var(--font-size-sm);
+  }
+}
+
+.icon {
+  animation-name: rotate;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 36rpx;
+  margin-bottom: 12rpx;
+}
+
+@keyframes rotate{
+  from{ transform: rotate(-360deg); }
+  to{ transform: rotate(360deg); }
+}

package/src/bld-loading/index.wxml

@@ -1,8 +1,8 @@
-<view class="loading-wrapper">
-  <view class="icon-class icon">
-    <bld-icon name="loading" />
-  </view>
-  <view class="tip-class tip">
-    {{ text }}
-  </view>
-</view>
+<view class="loading-wrapper">
+  <view class="icon-class icon">
+    <bld-icon name="loading" />
+  </view>
+  <view class="tip-class tip">
+    {{ text }}
+  </view>
+</view>

package/src/bld-message/index.js

@@ -1,91 +1,91 @@
-const defaults_data = {
-	visible: false,
-	content: '',
-	duration: 2000,
-	zIndex: -1,
-	top: '0px'
-}
-
-let timer = null
-
-Component({
-	externalClasses: ['custom-class'],
-
-	options: {
-		addGlobalClass: true,
-	},
-
-	data: defaults_data,
-
-	ready() {
-		if (wx.canIUse('getWindowInfo')) {
-			const windowInfo = wx.getWindowInfo()
-			this.computedBarH(windowInfo)
-		} else {
-			// 该方法为同步
-			wx.getSystemInfo({
-				success: (windowInfo) => {
-					this.computedBarH(windowInfo)
-				}
-			})
-		}
-	},
-
-	methods: {
-		computedBarH(windowInfo) {
-			const {
-				screenHeight,
-				windowHeight,
-				statusBarHeight
-			} = windowInfo;
-
-			// 自定义导航栏
-			if (screenHeight === windowHeight) {
-				let customBarH = 44;
-				let capsule = wx.getMenuButtonBoundingClientRect();
-				if (capsule) {
-					customBarH = capsule.bottom - statusBarHeight + 4;
-				}
-
-				defaults_data.top = customBarH + statusBarHeight + 'px'
-				this.setData({
-					top: customBarH + statusBarHeight + 'px'
-				})
-			}
-		},
-
-
-		open(options) {
-			const {
-				type = 'primary',
-					duration = 2000,
-					zIndex = 2000,
-					showClose = false
-			} = options
-
-			this.setData({
-				...options,
-				type,
-				duration,
-				zIndex,
-				showClose,
-				visible: true
-			})
-
-			if (timer) clearTimeout(timer)
-
-			if (duration) {
-				timer = setTimeout(() => {
-					this.close()
-					timer = null
-				}, duration)
-			}
-		},
-
-		close() {
-			this.setData({
-				...defaults_data
-			})
-		}
-	}
+const defaults_data = {
+	visible: false,
+	content: '',
+	duration: 2000,
+	zIndex: -1,
+	top: '0px'
+}
+
+let timer = null
+
+Component({
+	externalClasses: ['custom-class'],
+
+	options: {
+		addGlobalClass: true,
+	},
+
+	data: defaults_data,
+
+	ready() {
+		if (wx.canIUse('getWindowInfo')) {
+			const windowInfo = wx.getWindowInfo()
+			this.computedBarH(windowInfo)
+		} else {
+			// 该方法为同步
+			wx.getSystemInfo({
+				success: (windowInfo) => {
+					this.computedBarH(windowInfo)
+				}
+			})
+		}
+	},
+
+	methods: {
+		computedBarH(windowInfo) {
+			const {
+				screenHeight,
+				windowHeight,
+				statusBarHeight
+			} = windowInfo;
+
+			// 自定义导航栏
+			if (screenHeight === windowHeight) {
+				let customBarH = 44;
+				let capsule = wx.getMenuButtonBoundingClientRect();
+				if (capsule) {
+					customBarH = capsule.bottom - statusBarHeight + 4;
+				}
+
+				defaults_data.top = customBarH + statusBarHeight + 'px'
+				this.setData({
+					top: customBarH + statusBarHeight + 'px'
+				})
+			}
+		},
+
+
+		open(options) {
+			const {
+				type = 'primary',
+					duration = 2000,
+					zIndex = 2000,
+					showClose = false
+			} = options
+
+			this.setData({
+				...options,
+				type,
+				duration,
+				zIndex,
+				showClose,
+				visible: true
+			})
+
+			if (timer) clearTimeout(timer)
+
+			if (duration) {
+				timer = setTimeout(() => {
+					this.close()
+					timer = null
+				}, duration)
+			}
+		},
+
+		close() {
+			this.setData({
+				...defaults_data
+			})
+		}
+	}
 })