bulade-ui 1.1.21 → 1.1.23

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-loading/index.wxss

@@ -1,29 +1,29 @@
-.loading-wrapper {
-  text-align: center;
-  padding: 50rpx 0;
-  color: #666;
-}
-.loading-wrapper .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;
+}
+.loading-wrapper .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-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
+			})
+		}
+	}
 })

package/src/bld-message/index.json

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

package/src/bld-message/index.scss

@@ -1,67 +1,67 @@
-.m-message {
-  display: block;
-  position: fixed;
-  margin-top: 22rpx;
-  top: 0;
-  left: 32rpx;
-  right: 32rpx;
-  padding: 15rpx 80rpx;
-  line-height: 36rpx;
-  color: #fff;
-  font-size: 28rpx;
-  text-align: center;
-  opacity: 1;
-  background: var(--color-primary);
-  transform: translate3d(0, 0, 0);
-  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
-  border-radius: 30rpx;
-}
-.m-message.is-hidden {
-  opacity: 0;
-  transform: translate3d(0, -100%, 0);
-}
-.m-message--primary {
-  background: var(--color-primary, #409EFF);
-}
-.m-message--success {
-  background: var(--color-success, #67C23A);
-}
-.m-message--warning {
-  background: var(--color-warning, #E6A23C);
-}
-.m-message--error {
-  background: var(--color-danger, #F56C6C);
-}
-.m-message .m-message__close {
-  position: absolute;
-  right: 10rpx;
-  top: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-}
-.m-message .m-message__close-btn {
-  position: relative;
-  width: 40rpx;
-  height: 40rpx;
-  color: #fff;
-  border: 10rpx;
-}
-.m-message .m-message__close-btn::before, .m-message .m-message__close-btn::after {
-  z-index: 1;
-  display: block;
-  content: "";
-  position: absolute;
-  left: -6rpx;
-  top: 50%;
-  color: #fff;
-  width: 32rpx;
-  height: 2px;
-  background: #fff;
-}
-.m-message .m-message__close-btn::before {
-  transform: rotate(45deg);
-}
-.m-message .m-message__close-btn::after {
-  transform: rotate(-45deg);
+.m-message {
+  display: block;
+  position: fixed;
+  margin-top: 22rpx;
+  top: 0;
+  left: 32rpx;
+  right: 32rpx;
+  padding: 15rpx 80rpx;
+  line-height: 36rpx;
+  color: #fff;
+  font-size: 28rpx;
+  text-align: center;
+  opacity: 1;
+  background: var(--color-primary);
+  transform: translate3d(0, 0, 0);
+  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
+  border-radius: 30rpx;
+}
+.m-message.is-hidden {
+  opacity: 0;
+  transform: translate3d(0, -100%, 0);
+}
+.m-message--primary {
+  background: var(--color-primary, #409EFF);
+}
+.m-message--success {
+  background: var(--color-success, #67C23A);
+}
+.m-message--warning {
+  background: var(--color-warning, #E6A23C);
+}
+.m-message--error {
+  background: var(--color-danger, #F56C6C);
+}
+.m-message .m-message__close {
+  position: absolute;
+  right: 10rpx;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+}
+.m-message .m-message__close-btn {
+  position: relative;
+  width: 40rpx;
+  height: 40rpx;
+  color: #fff;
+  border: 10rpx;
+}
+.m-message .m-message__close-btn::before, .m-message .m-message__close-btn::after {
+  z-index: 1;
+  display: block;
+  content: "";
+  position: absolute;
+  left: -6rpx;
+  top: 50%;
+  color: #fff;
+  width: 32rpx;
+  height: 2px;
+  background: #fff;
+}
+.m-message .m-message__close-btn::before {
+  transform: rotate(45deg);
+}
+.m-message .m-message__close-btn::after {
+  transform: rotate(-45deg);
 }

package/src/bld-message/index.wxml

@@ -1,9 +1,9 @@
-<view 
-  class="m-message m-message--{{type}} {{ visible ? '' : 'is-hidden' }} custom-class"
-  style="{{ 'top:' + top  }};{{ 'z-index:' + zIndex }}" 
->
-  {{ content }}
-  <view class="m-message__close" wx:if="{{showClose}}">
-    <view class="m-message__close-btn" bindtap="close"></view>
-  </view>
+<view 
+  class="m-message m-message--{{type}} {{ visible ? '' : 'is-hidden' }} custom-class"
+  style="{{ 'top:' + top  }};{{ 'z-index:' + zIndex }}" 
+>
+  {{ content }}
+  <view class="m-message__close" wx:if="{{showClose}}">
+    <view class="m-message__close-btn" bindtap="close"></view>
+  </view>
 </view>

package/src/bld-message/index.wxss

@@ -1,77 +1,77 @@
-.m-message {
-  display: block;
-  position: fixed;
-  margin-top: 22rpx;
-  top: 0;
-  left: 32rpx;
-  right: 32rpx;
-  padding: 15rpx 80rpx;
-  line-height: 36rpx;
-  color: #fff;
-  font-size: 28rpx;
-  text-align: center;
-  opacity: 1;
-  background: var(--color-primary);
-  transform: translate3d(0, 0, 0);
-  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
-  border-radius: 30rpx;
-}
-
-.m-message.is-hidden {
-  opacity: 0;
-  transform: translate3d(0, -100%, 0);
-}
-
-.m-message--primary {
-  background: var(--color-primary, #409EFF);
-}
-
-.m-message--success {
-  background: var(--color-success, #67C23A);
-}
-
-.m-message--warning {
-  background: var(--color-warning, #E6A23C);
-}
-
-.m-message--error {
-  background: var(--color-danger, #F56C6C);
-}
-
-.m-message .m-message__close {
-  position: absolute;
-  right: 10rpx;
-  top: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-}
-
-.m-message .m-message__close-btn {
-  position: relative;
-  width: 40rpx;
-  height: 40rpx;
-  color: #fff;
-  border: 10rpx;
-}
-
-.m-message .m-message__close-btn::before, .m-message .m-message__close-btn::after {
-  z-index: 1;
-  display: block;
-  content: "";
-  position: absolute;
-  left: -6rpx;
-  top: 50%;
-  color: #fff;
-  width: 32rpx;
-  height: 2px;
-  background: #fff;
-}
-
-.m-message .m-message__close-btn::before {
-  transform: rotate(45deg);
-}
-
-.m-message .m-message__close-btn::after {
-  transform: rotate(-45deg);
+.m-message {
+  display: block;
+  position: fixed;
+  margin-top: 22rpx;
+  top: 0;
+  left: 32rpx;
+  right: 32rpx;
+  padding: 15rpx 80rpx;
+  line-height: 36rpx;
+  color: #fff;
+  font-size: 28rpx;
+  text-align: center;
+  opacity: 1;
+  background: var(--color-primary);
+  transform: translate3d(0, 0, 0);
+  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
+  border-radius: 30rpx;
+}
+
+.m-message.is-hidden {
+  opacity: 0;
+  transform: translate3d(0, -100%, 0);
+}
+
+.m-message--primary {
+  background: var(--color-primary, #409EFF);
+}
+
+.m-message--success {
+  background: var(--color-success, #67C23A);
+}
+
+.m-message--warning {
+  background: var(--color-warning, #E6A23C);
+}
+
+.m-message--error {
+  background: var(--color-danger, #F56C6C);
+}
+
+.m-message .m-message__close {
+  position: absolute;
+  right: 10rpx;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+}
+
+.m-message .m-message__close-btn {
+  position: relative;
+  width: 40rpx;
+  height: 40rpx;
+  color: #fff;
+  border: 10rpx;
+}
+
+.m-message .m-message__close-btn::before, .m-message .m-message__close-btn::after {
+  z-index: 1;
+  display: block;
+  content: "";
+  position: absolute;
+  left: -6rpx;
+  top: 50%;
+  color: #fff;
+  width: 32rpx;
+  height: 2px;
+  background: #fff;
+}
+
+.m-message .m-message__close-btn::before {
+  transform: rotate(45deg);
+}
+
+.m-message .m-message__close-btn::after {
+  transform: rotate(-45deg);
 }