bulade-ui 1.1.26 → 1.1.27

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

@@ -1,75 +1,75 @@
-.m-cell {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	padding: 20rpx 32rpx;
-	line-height: 54rpx;
-	font-size: 28rpx;
-	box-sizing:border-box;
-
-	&.m-cell__hairline {
-		&::after {
-			position: absolute;
-			box-sizing: border-box;
-			content: " ";
-			pointer-events: none;
-			right: 32rpx;
-			bottom: -12rpx;
-			left: 32rpx;
-			border-bottom: 1px solid var(--color-border, #dcdee2);
-			transform: scaleY(0.5);
-		}
-	}
-
-	&.m-cell--hover {
-		background-color: #f7f8f9;
-	}
-
-	.m-cell__icon {
-		width: 38rpx;
-		text-align: center;
-	}
-
-	.m-cell__header {
-		margin-right: 12rpx;
-		display: flex;
-		align-items: center;
-	}
-
-	.m-cell__title {
-		display: flex;
-		align-items: center;
-		flex: 1;
-		color: var(--color-text-primary, #303133);
-		vertical-align: middle;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.m-cell__desc {
-		display: flex;
-		align-items: center;
-		margin-left: 20rpx;
-		max-width: 400rpx;
-		color: var(--color-text-secondary, #909399);
-		font-size: 28rpx;
-
-		&.is-ellipsis {
-			overflow: hidden;
-			text-overflow: ellipsis;
-			white-space: nowrap;
-		}
-	}
-
-	.m-cell__slot {
-		display: inline-flex;
-		align-items: center;
-	}
-
-	.m-cell__footer {
-		text-align: right;
-		margin-left: 24rpx;
-	}
+.m-cell {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	padding: 20rpx 32rpx;
+	line-height: 54rpx;
+	font-size: 28rpx;
+	box-sizing:border-box;
+
+	&.m-cell__hairline {
+		&::after {
+			position: absolute;
+			box-sizing: border-box;
+			content: " ";
+			pointer-events: none;
+			right: 32rpx;
+			bottom: -12rpx;
+			left: 32rpx;
+			border-bottom: 1px solid var(--color-border, #dcdee2);
+			transform: scaleY(0.5);
+		}
+	}
+
+	&.m-cell--hover {
+		background-color: #f7f8f9;
+	}
+
+	.m-cell__icon {
+		width: 38rpx;
+		text-align: center;
+	}
+
+	.m-cell__header {
+		margin-right: 12rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	.m-cell__title {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		color: var(--color-text-primary, #303133);
+		vertical-align: middle;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.m-cell__desc {
+		display: flex;
+		align-items: center;
+		margin-left: 20rpx;
+		max-width: 400rpx;
+		color: var(--color-text-secondary, #909399);
+		font-size: 28rpx;
+
+		&.is-ellipsis {
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
+	}
+
+	.m-cell__slot {
+		display: inline-flex;
+		align-items: center;
+	}
+
+	.m-cell__footer {
+		text-align: right;
+		margin-left: 24rpx;
+	}
 }

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

@@ -1,25 +1,25 @@
-<view 
-  bindtap="onClick"
-  class="m-cell iclass {{ border ? 'm-cell__hairline':'' }}"
-  hover-class="{{ url ? 'm-cell--hover' : '' }}"  
-> 
-  <!-- 头部图标 -->
-  <view wx:if="{{ icon }}" class="m-cell__icon m-cell__header">
-    <bld-icon name="{{ icon }}" size="36" color="{{ iconColor ? iconColor : '' }}" />
-  </view>
-
-  <!-- 自定义标题 -->
-  <view wx:if="{{ title }}" class="m-cell__title">{{ title }}</view>
-  <slot wx:else name="title" />
-
-  <!-- 描述内容 -->
-  <view wx:if="{{ value }}" class="m-cell__desc {{ isMultiple ? '':'is-ellipsis' }}">{{ value }}</view>
-
-  <!-- 自定义内容 -->
-  <view wx:else class="m-cell__slot">
-    <slot />
-  </view>
-
-  <!-- 右侧跳转箭头 -->
-  <bld-icon wx:if="{{ url }}" class="m-cell__icon m-cell__footer" catchtap="navigateTo" name="arrow-right" size="32" color="#999" />
+<view 
+  bindtap="onClick"
+  class="m-cell iclass {{ border ? 'm-cell__hairline':'' }}"
+  hover-class="{{ url ? 'm-cell--hover' : '' }}"  
+> 
+  <!-- 头部图标 -->
+  <view wx:if="{{ icon }}" class="m-cell__icon m-cell__header">
+    <bld-icon name="{{ icon }}" size="36" color="{{ iconColor ? iconColor : '' }}" />
+  </view>
+
+  <!-- 自定义标题 -->
+  <view wx:if="{{ title }}" class="m-cell__title">{{ title }}</view>
+  <slot wx:else name="title" />
+
+  <!-- 描述内容 -->
+  <view wx:if="{{ value }}" class="m-cell__desc {{ isMultiple ? '':'is-ellipsis' }}">{{ value }}</view>
+
+  <!-- 自定义内容 -->
+  <view wx:else class="m-cell__slot">
+    <slot />
+  </view>
+
+  <!-- 右侧跳转箭头 -->
+  <bld-icon wx:if="{{ url }}" class="m-cell__icon m-cell__footer" catchtap="navigateTo" name="arrow-right" size="32" color="#999" />
 </view>

package/src/bld-checkbox/index.js

@@ -1,110 +1,110 @@
-Component({
-  externalClasses: ['custom-class'],
-
-  options: {
-    addGlobalClass: true,
-  },
-
-  relations: {
-    '../bld-checkbox-group/index': {
-      type: 'ancestor',
-      linked(target) {
-        this.parent = target;
-      },
-      unlinked() {
-        this.parent = null;
-      }
-    }
-  },
-
-  properties: {
-    name: null,
-    
-    value: {
-      type: Boolean,
-      value: false
-    },
-    
-    disabled: {
-      type: Boolean,
-      value: false
-    },
-
-    checkedColor: {
-      type: String,
-      value: ''
-    },
-
-    labelLeft: {
-      type: Boolean,
-      value: false
-    },
-
-    round: {
-      type: Boolean,
-      value: false
-    }
-  },
-
-  data: {
-    prevent: false, // 在超出可选个数限制时使用
-  },
-
-  methods: {
-    emitChange(value) {
-      // 
-      if (this.parent) {
-        this.setParentValue(this.parent, value);
-      } else {
-        this.triggerEvent('input', value);
-        this.triggerEvent('change', value);
-      }
-    },
-
-    toggle() {
-      const { disabled, value } = this.data;
-
-      if (!disabled) {
-        this.emitChange(!value);
-      }
-    },
-
-    onClickLabel() {
-      const { labelDisabled, disabled, value } = this.data;
-      if (!disabled && !labelDisabled) {
-        this.emitChange(!value);
-      }
-    },
-
-    setParentValue(parent, value) {
-      const parentValue = parent.data.value.slice();
-
-      const { name } = this.data;
-      const { max } = parent.data;
-
-      if (value) {
-        if (max && parentValue.length >= max) {
-          return
-        }
-        
-        if (parentValue.indexOf(name) === -1) {
-
-          parentValue.push(name)
-
-          parent.triggerEvent('input', parentValue)
-          parent.triggerEvent('change', parentValue)
-        }
-
-      } else {
-
-        const index = parentValue.indexOf(name)
-
-        if (index !== -1) {
-          parentValue.splice(index, 1)
-          parent.triggerEvent('input', parentValue)
-          parent.triggerEvent('change', parentValue)
-        }
-      }
-    }
-  }
-})
+Component({
+  externalClasses: ['custom-class'],
+
+  options: {
+    addGlobalClass: true,
+  },
+
+  relations: {
+    '../bld-checkbox-group/index': {
+      type: 'ancestor',
+      linked(target) {
+        this.parent = target;
+      },
+      unlinked() {
+        this.parent = null;
+      }
+    }
+  },
+
+  properties: {
+    name: null,
+    
+    value: {
+      type: Boolean,
+      value: false
+    },
+    
+    disabled: {
+      type: Boolean,
+      value: false
+    },
+
+    checkedColor: {
+      type: String,
+      value: ''
+    },
+
+    labelLeft: {
+      type: Boolean,
+      value: false
+    },
+
+    round: {
+      type: Boolean,
+      value: false
+    }
+  },
+
+  data: {
+    prevent: false, // 在超出可选个数限制时使用
+  },
+
+  methods: {
+    emitChange(value) {
+      // 
+      if (this.parent) {
+        this.setParentValue(this.parent, value);
+      } else {
+        this.triggerEvent('input', value);
+        this.triggerEvent('change', value);
+      }
+    },
+
+    toggle() {
+      const { disabled, value } = this.data;
+
+      if (!disabled) {
+        this.emitChange(!value);
+      }
+    },
+
+    onClickLabel() {
+      const { labelDisabled, disabled, value } = this.data;
+      if (!disabled && !labelDisabled) {
+        this.emitChange(!value);
+      }
+    },
+
+    setParentValue(parent, value) {
+      const parentValue = parent.data.value.slice();
+
+      const { name } = this.data;
+      const { max } = parent.data;
+
+      if (value) {
+        if (max && parentValue.length >= max) {
+          return
+        }
+        
+        if (parentValue.indexOf(name) === -1) {
+
+          parentValue.push(name)
+
+          parent.triggerEvent('input', parentValue)
+          parent.triggerEvent('change', parentValue)
+        }
+
+      } else {
+
+        const index = parentValue.indexOf(name)
+
+        if (index !== -1) {
+          parentValue.splice(index, 1)
+          parent.triggerEvent('input', parentValue)
+          parent.triggerEvent('change', parentValue)
+        }
+      }
+    }
+  }
+})

package/src/bld-checkbox/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-checkbox/index.scss

@@ -1,72 +1,72 @@
-.m-checkbox {
-  display: flex;
-  overflow: hidden;
-  user-select: none;
-
-  .m-checkbox__icon-wrap,
-  .m-checkbox__label {
-    color: var(--color-text-regular, #606266);
-  }
-
-  .m-checkbox__icon-wrap {
-    flex: none;
-  }
-
-  .m-checkbox__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: content-box;
-    width: 42rpx;
-    height: 42rpx;
-    line-height: 42rpx;
-    color: transparent;
-    text-align: center;
-    transition-property: color, border-color, background-color;
-    font-size: 28rpx;
-    font-weight: bold;
-    border: 1px solid #e5e5e5;
-    border-radius: 4rpx;
-    transition-duration: .2s;
-  }
-
-  .m-checkbox__icon--round {
-    border-radius: 50%;
-  }
-
-  .m-checkbox__icon--checked {
-    background-color: var(--color-primary, #409EFF);
-    border-color: var(--color-primary, #409EFF);
-  }
-
-  .m-checkbox__icon--disabled {
-    background-color: #ebedf0;
-    border-color: #d3d4d5;
-  }
-
-  .m-checkbox__icon--disabled.m-checkbox__icon--checked {
-    color: #d3d4d5;
-  }
-
-  .m-checkbox__label {
-    flex: 1;
-    word-wrap: break-word;
-    color: var(--color-text-primary, #303133);
-  }
-
-  .m-checkbox__label--left {
-    margin-right: 20rpx;
-  }
-
-  .m-checkbox__label--right {
-    margin-left: 20rpx;
-  }
-
-  .m-checkbox__label--disabled {
-    color: #d3d4d5;
-  }
-
-  .m-checkbox__icon--prevent {
-    background-color: #ebedf0;
-  }
+.m-checkbox {
+  display: flex;
+  overflow: hidden;
+  user-select: none;
+
+  .m-checkbox__icon-wrap,
+  .m-checkbox__label {
+    color: var(--color-text-regular, #606266);
+  }
+
+  .m-checkbox__icon-wrap {
+    flex: none;
+  }
+
+  .m-checkbox__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: content-box;
+    width: 42rpx;
+    height: 42rpx;
+    line-height: 42rpx;
+    color: transparent;
+    text-align: center;
+    transition-property: color, border-color, background-color;
+    font-size: 28rpx;
+    font-weight: bold;
+    border: 1px solid #e5e5e5;
+    border-radius: 4rpx;
+    transition-duration: .2s;
+  }
+
+  .m-checkbox__icon--round {
+    border-radius: 50%;
+  }
+
+  .m-checkbox__icon--checked {
+    background-color: var(--color-primary, #409EFF);
+    border-color: var(--color-primary, #409EFF);
+  }
+
+  .m-checkbox__icon--disabled {
+    background-color: #ebedf0;
+    border-color: #d3d4d5;
+  }
+
+  .m-checkbox__icon--disabled.m-checkbox__icon--checked {
+    color: #d3d4d5;
+  }
+
+  .m-checkbox__label {
+    flex: 1;
+    word-wrap: break-word;
+    color: var(--color-text-primary, #303133);
+  }
+
+  .m-checkbox__label--left {
+    margin-right: 20rpx;
+  }
+
+  .m-checkbox__label--right {
+    margin-left: 20rpx;
+  }
+
+  .m-checkbox__label--disabled {
+    color: #d3d4d5;
+  }
+
+  .m-checkbox__icon--prevent {
+    background-color: #ebedf0;
+  }
 }