bulade-ui 1.1.39 → 1.1.40

package/src/bld-button-v2/index.scss

@@ -1,206 +1,206 @@
-.m-button {
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin: 10px;
-	padding: 0 27rpx;
-	width: auto;
-	height: 86rpx;
-	line-height: 86rpx;
-	text-align: center;
-	vertical-align: middle;
-	white-space: nowrap;
-	letter-spacing: 4rpx;
-	font-size: 28rpx;
-	font-weight: normal;
-	border-radius: 6rpx;
-	border: 0 !important;
-	color: var(--color-text-primary, #303133);
-	overflow: visible;
-	box-sizing: border-box;
-	background-color: #fff;
-	transition: opacity .16s, background-color .16s;
-	.m-button__icon {
-		font-size: 28rpx;
-		width: 24rpx;
-		height: 24rpx;
-	}
-
-	&.is-hover {
-		opacity: 0.8;
-	}
-
-	&:not(.is-disabled).is-plain--hover::before,
-	&:not(.is-loading).is-plain--hover::before {
-		display: block;
-		position: absolute;
-		left: 0;
-		right: 0;
-		top: 0;
-		bottom: 0;
-		opacity: .15;
-		content: " ";
-		background-color: currentColor;
-	}
-
-	&.is-round.is-plain--hover::before {
-		border-radius: 100rpx;
-	}
-
-	&.m-button--full {
-		margin: 0;
-		border-radius: 0;
-		box-shadow: none;
-	}
-
-	&.m-button--large {
-		padding: 0 32rpx;
-		height: 96rpx;
-		line-height: 96rpx;
-		font-size: 32rpx;
-	}
-
-	&.m-button--small {
-		padding: 0 18rpx;
-		height: 68rpx;
-		line-height: 68rpx;
-	}
-
-	&.m-button--primary {
-		color: #fff;
-		background-color: var(--color-primary, #409EFF);
-	}
-
-	&.m-button--default {
-		background-color: transparent;
-		color: var(--color-text-primary, #303133);
-
-		&::after {
-			content: " ";
-			display: block;
-			width: 200%;
-			height: 200%;
-			z-index: 1;
-			position: absolute;
-			top: 0;
-			left: 0;
-			border: 1px solid #dcdfe6;
-			transform: scale(0.5);
-			transform-origin: 0 0;
-			box-sizing: border-box;
-			border-radius: 6rpx;
-			pointer-events: none;
-		}
-
-		&.is-hover {
-			background-color: rgba(0, 0, 0, .07);
-		}
-	}
-
-	&.m-button--ghost {
-		background-color: transparent;
-		color: var(--color-text-primary, #303133);
-	}
-
-	&.m-button--success {
-		color: #fff;
-		background-color: var(--color-success, #67C23A);
-	}
-
-	&.m-button--warning {
-		color: #fff;
-		background-color: var(--color-warning, #E6A23C);
-	}
-
-	&.m-button--danger {
-		color: #fff;
-		background-color: var(--color-danger, #F56C6C);
-	}
-
-	&.m-button--info {
-		color: #fff;
-		background-color: var(--color-info, #909399);
-	}
-
-	/* plain */
-
-	.m-button--primary.is-plain {
-		color: var(--color-primary, #409EFF);
-		background-color: #fff;
-	}
-
-	.m-button--success.is-plain {
-		color: var(--color-success, #67C23A);
-		background-color: #fff;
-	}
-
-	.m-button--warning.is-plain {
-		color: var(--color-warning, #E6A23C);
-		background-color: #fff;
-	}
-
-	.m-button--danger.is-plain {
-		color: var(--color-danger, #F56C6C);
-		background-color: #fff;
-	}
-
-	.m-button--info.is-plain {
-		color: var(--color-info, #909399);
-		background-color: #fff;
-	}
-
-	&.is-plain::after {
-		content: " ";
-		display: block;
-		width: 200%;
-		height: 200%;
-		position: absolute;
-		top: 0;
-		left: 0;
-		border: 1px solid currentColor;
-		transform: scale(0.5);
-		transform-origin: 0 0;
-		box-sizing: border-box;
-		border-radius: 6rpx;
-		z-index: 1;
-		pointer-events: none;
-	}
-
-	&.is-round {
-		border-radius: 100rpx;
-	}
-
-	&.is-round.is-plain::after {
-		border-radius: 100rpx;
-	}
-
-	&.is-loading {
-		opacity: 0.85;
-	}
-
-	.m-button__loading {
-		width: 32rpx;
-		height: 32rpx;
-		background-color: 0 0;
-		border-radius: 50%;
-		border: 4rpx solid currentColor;
-		border-left-color: transparent;
-		animation: btn-spinner 0.8s linear;
-		animation-iteration-count: infinite;
-	}
-
-	&.is-disabled {
-		opacity: 0.65;
-	}
-
-	&.is-inline {
-		display: inline-flex;
-	}
-
-	@keyframes btn-spinner {
-		100% {
-			transform: rotate(360deg);
-		}
-	}
-}
+.m-button {
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin: 10px;
+	padding: 0 27rpx;
+	width: auto;
+	height: 86rpx;
+	line-height: 86rpx;
+	text-align: center;
+	vertical-align: middle;
+	white-space: nowrap;
+	letter-spacing: 4rpx;
+	font-size: 28rpx;
+	font-weight: normal;
+	border-radius: 6rpx;
+	border: 0 !important;
+	color: var(--color-text-primary, #303133);
+	overflow: visible;
+	box-sizing: border-box;
+	background-color: #fff;
+	transition: opacity .16s, background-color .16s;
+	.m-button__icon {
+		font-size: 28rpx;
+		width: 24rpx;
+		height: 24rpx;
+	}
+
+	&.is-hover {
+		opacity: 0.8;
+	}
+
+	&:not(.is-disabled).is-plain--hover::before,
+	&:not(.is-loading).is-plain--hover::before {
+		display: block;
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		opacity: .15;
+		content: " ";
+		background-color: currentColor;
+	}
+
+	&.is-round.is-plain--hover::before {
+		border-radius: 100rpx;
+	}
+
+	&.m-button--full {
+		margin: 0;
+		border-radius: 0;
+		box-shadow: none;
+	}
+
+	&.m-button--large {
+		padding: 0 32rpx;
+		height: 96rpx;
+		line-height: 96rpx;
+		font-size: 32rpx;
+	}
+
+	&.m-button--small {
+		padding: 0 18rpx;
+		height: 68rpx;
+		line-height: 68rpx;
+	}
+
+	&.m-button--primary {
+		color: #fff;
+		background-color: var(--color-primary, #409EFF);
+	}
+
+	&.m-button--default {
+		background-color: transparent;
+		color: var(--color-text-primary, #303133);
+
+		&::after {
+			content: " ";
+			display: block;
+			width: 200%;
+			height: 200%;
+			z-index: 1;
+			position: absolute;
+			top: 0;
+			left: 0;
+			border: 1px solid #dcdfe6;
+			transform: scale(0.5);
+			transform-origin: 0 0;
+			box-sizing: border-box;
+			border-radius: 6rpx;
+			pointer-events: none;
+		}
+
+		&.is-hover {
+			background-color: rgba(0, 0, 0, .07);
+		}
+	}
+
+	&.m-button--ghost {
+		background-color: transparent;
+		color: var(--color-text-primary, #303133);
+	}
+
+	&.m-button--success {
+		color: #fff;
+		background-color: var(--color-success, #67C23A);
+	}
+
+	&.m-button--warning {
+		color: #fff;
+		background-color: var(--color-warning, #E6A23C);
+	}
+
+	&.m-button--danger {
+		color: #fff;
+		background-color: var(--color-danger, #F56C6C);
+	}
+
+	&.m-button--info {
+		color: #fff;
+		background-color: var(--color-info, #909399);
+	}
+
+	/* plain */
+
+	.m-button--primary.is-plain {
+		color: var(--color-primary, #409EFF);
+		background-color: #fff;
+	}
+
+	.m-button--success.is-plain {
+		color: var(--color-success, #67C23A);
+		background-color: #fff;
+	}
+
+	.m-button--warning.is-plain {
+		color: var(--color-warning, #E6A23C);
+		background-color: #fff;
+	}
+
+	.m-button--danger.is-plain {
+		color: var(--color-danger, #F56C6C);
+		background-color: #fff;
+	}
+
+	.m-button--info.is-plain {
+		color: var(--color-info, #909399);
+		background-color: #fff;
+	}
+
+	&.is-plain::after {
+		content: " ";
+		display: block;
+		width: 200%;
+		height: 200%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		border: 1px solid currentColor;
+		transform: scale(0.5);
+		transform-origin: 0 0;
+		box-sizing: border-box;
+		border-radius: 6rpx;
+		z-index: 1;
+		pointer-events: none;
+	}
+
+	&.is-round {
+		border-radius: 100rpx;
+	}
+
+	&.is-round.is-plain::after {
+		border-radius: 100rpx;
+	}
+
+	&.is-loading {
+		opacity: 0.85;
+	}
+
+	.m-button__loading {
+		width: 32rpx;
+		height: 32rpx;
+		background-color: 0 0;
+		border-radius: 50%;
+		border: 4rpx solid currentColor;
+		border-left-color: transparent;
+		animation: btn-spinner 0.8s linear;
+		animation-iteration-count: infinite;
+	}
+
+	&.is-disabled {
+		opacity: 0.65;
+	}
+
+	&.is-inline {
+		display: inline-flex;
+	}
+
+	@keyframes btn-spinner {
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+}

package/src/bld-button-v2/index.wxml

@@ -1,42 +1,42 @@
-<button
-  class="m-button {{ full ? 'm-button--full' : '' }} {{ size ? 'm-button--' + size : '' }} {{ 'm-button--' + type }} {{ round ? 'is-round' : '' }} {{ plain ? 'is-plain' : '' }} {{ loading ? 'is-loading' : '' }} {{ disabled ? 'is-disabled' : ''}} {{ inline ? 'is-inline' : '' }} custom-class"
-  style="{{ button.getButtonStyle(color, bgcolor) }}"
-  hover-class="{{ loading || disabled ? '' : plain ? 'is-plain--hover' : 'is-hover' }}"
-  bind:tap="onTap"
-  open-type="{{ openType }}"
-  hover-stop-propagation="{{ hoverStopPropagation }}"
-  hover-start-time="{{ hoverStartTime }}"
-  hover-stay-time="{{ hoverStayTime }}"
-  send-message-title="{{ sendMessageTitle }}"
-  send-message-path="{{ sendMessagePath }}"
-  send-message-img="{{ sendMessageImg }}"
-  show-message-card="{{ showMessageCard }}"
-  bindcontact="contact"
-  bindgetuserinfo="getuserinfo"
-  bindgetphonenumber="getphonenumber"
-  binderror="error"
-  plain="true"
->
-  <view wx:if="{{ loading }}" class="m-button__loading"></view>
-  <slot wx:else />
-</button>
-
-<wxs module="button">
-  function getButtonStyle(color, bgcolor) {
-
-    var styles = []
-    if(color) {
-      styles.push('color:' + color)
-    }
-
-    if(bgcolor) {
-      styles.push('background-color:' + bgcolor)
-    }
-
-    return styles.join(";")
-  }
-
-  module.exports = {
-    getButtonStyle: getButtonStyle
-  }
+<button
+  class="m-button {{ full ? 'm-button--full' : '' }} {{ size ? 'm-button--' + size : '' }} {{ 'm-button--' + type }} {{ round ? 'is-round' : '' }} {{ plain ? 'is-plain' : '' }} {{ loading ? 'is-loading' : '' }} {{ disabled ? 'is-disabled' : ''}} {{ inline ? 'is-inline' : '' }} custom-class"
+  style="{{ button.getButtonStyle(color, bgcolor) }}"
+  hover-class="{{ loading || disabled ? '' : plain ? 'is-plain--hover' : 'is-hover' }}"
+  bind:tap="onTap"
+  open-type="{{ openType }}"
+  hover-stop-propagation="{{ hoverStopPropagation }}"
+  hover-start-time="{{ hoverStartTime }}"
+  hover-stay-time="{{ hoverStayTime }}"
+  send-message-title="{{ sendMessageTitle }}"
+  send-message-path="{{ sendMessagePath }}"
+  send-message-img="{{ sendMessageImg }}"
+  show-message-card="{{ showMessageCard }}"
+  bindcontact="contact"
+  bindgetuserinfo="getuserinfo"
+  bindgetphonenumber="getphonenumber"
+  binderror="error"
+  plain="true"
+>
+  <view wx:if="{{ loading }}" class="m-button__loading"></view>
+  <slot wx:else />
+</button>
+
+<wxs module="button">
+  function getButtonStyle(color, bgcolor) {
+
+    var styles = []
+    if(color) {
+      styles.push('color:' + color)
+    }
+
+    if(bgcolor) {
+      styles.push('background-color:' + bgcolor)
+    }
+
+    return styles.join(";")
+  }
+
+  module.exports = {
+    getButtonStyle: getButtonStyle
+  }
 </wxs>

package/src/bld-card/index.js

@@ -1,3 +1,3 @@
-Component({
-  externalClasses: ["iclass"],
-});
+Component({
+  externalClasses: ["iclass"],
+});

package/src/bld-card/index.json

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

package/src/bld-card/index.scss

@@ -1,6 +1,6 @@
-.card {
-  padding: 24rpx;
-  border-radius: 24rpx;
-  background: #ffff;
-  overflow: hidden;
-}
+.card {
+  padding: 24rpx;
+  border-radius: 24rpx;
+  background: #ffff;
+  overflow: hidden;
+}

package/src/bld-card/index.wxml

@@ -1,5 +1,5 @@
-<view
-  class="card iclass"
->
-  <slot />
-</view>
+<view
+  class="card iclass"
+>
+  <slot />
+</view>

package/src/bld-cell/index.js

@@ -1,28 +1,28 @@
-Component({
-  options: {
-    multipleSlots: true,
-  },
-  properties: {
-    title: {
-      type: String,
-    },
-    icon: {
-      type: String,
-    },
-    subtitle: {
-      type: String,
-    },
-    isLink: {
-      type: Boolean,
-      value: false,
-    },
-    type: {
-      type: String,
-      value: "text",
-    },
-    padding: {
-      type: String,
-      value: "0 24rpx",
-    },
-  },
-});
+Component({
+  options: {
+    multipleSlots: true,
+  },
+  properties: {
+    title: {
+      type: String,
+    },
+    icon: {
+      type: String,
+    },
+    subtitle: {
+      type: String,
+    },
+    isLink: {
+      type: Boolean,
+      value: false,
+    },
+    type: {
+      type: String,
+      value: "text",
+    },
+    padding: {
+      type: String,
+      value: "0 24rpx",
+    },
+  },
+});

package/src/bld-cell/index.json

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

package/src/bld-cell/index.scss

@@ -1,42 +1,42 @@
-.cell {
-  background: #fff;
-  display: flex;
-  align-items: center;
-  font-size: var(--font-size-lg-r);
-}
-
-.title-wrapper {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  border-bottom: 1px solid #eee;
-  padding: var(--font-size-lg-r) 0;
-}
-
-.icon {
-  margin-right: 12rpx;
-}
-
-.title {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-
-  .sub-title {
-    margin-top: 6rpx;
-    color: #999;
-  }
-}
-
-.type-text .title {
-  .main-title {
-    color: #000;
-  }
-}
-
-.type-button .title {
-  align-items: center;
-  .main-title {
-    color: darkblue;
-  }
-}
+.cell {
+  background: #fff;
+  display: flex;
+  align-items: center;
+  font-size: var(--font-size-lg-r);
+}
+
+.title-wrapper {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #eee;
+  padding: var(--font-size-lg-r) 0;
+}
+
+.icon {
+  margin-right: 12rpx;
+}
+
+.title {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+
+  .sub-title {
+    margin-top: 6rpx;
+    color: #999;
+  }
+}
+
+.type-text .title {
+  .main-title {
+    color: #000;
+  }
+}
+
+.type-button .title {
+  align-items: center;
+  .main-title {
+    color: darkblue;
+  }
+}