Merge pull request #839 from liujiayii/patch-1

fix(uni-data-checkbox): fix typo chagne => change

Author: mehaotian

uni_modules/uni-data-checkbox/components/uni-data-checkbox/uni-data-checkbox.vue

@@ -7,7 +7,7 @@
 			</view>
 		</template>
 		<template v-else>
-			<checkbox-group v-if="multiple" class="checklist-group" :class="{'is-list':mode==='list' || wrap}" @change="chagne">
+			<checkbox-group v-if="multiple" class="checklist-group" :class="{'is-list':mode==='list' || wrap}" @change="change">
 				<label class="checklist-box" :class="['is--'+mode,item.selected?'is-checked':'',(disabled || !!item.disabled)?'is-disable':'',index!==0&&mode==='list'?'is-list-border':'']"
 				 :style="item.styleBackgroud" v-for="(item,index) in dataList" :key="index">
 					<checkbox class="hidden" hidden :disabled="disabled || !!item.disabled" :value="item[map.value]+''" :checked="item.selected" />
@@ -20,7 +20,7 @@
 					</view>
 				</label>
 			</checkbox-group>
-			<radio-group v-else class="checklist-group" :class="{'is-list':mode==='list','is-wrap':wrap}" @change="chagne">
+			<radio-group v-else class="checklist-group" :class="{'is-list':mode==='list','is-wrap':wrap}" @change="change">
 				<!-- -->
 				<label class="checklist-box" :class="['is--'+mode,item.selected?'is-checked':'',(disabled || !!item.disabled)?'is-disable':'',index!==0&&mode==='list'?'is-list-border':'']"
 				 :style="item.styleBackgroud" v-for="(item,index) in dataList" :key="index">
@@ -153,7 +153,7 @@
 				this.dataList = this.getDataList(this.getSelectedValue(newVal))
 			},
 			value(newVal) {
-				this.dataList = this.getDataList(newVal)
+				this.dataList = this.getDataList(newVal)
 				// fix by mehaotian is_reset 在 uni-forms 中定义
 				// if(!this.is_reset){
 				// 	this.is_reset = false
@@ -181,7 +181,7 @@
 				styles: {
 					selectedColor: '#2979ff',
 					selectedTextColor: '#666',
-				},
+				},
 				isTop:0
 			};
 		},
@@ -197,13 +197,13 @@
 			// this.formItem = this.getForm('uniFormsItem')
 			// this.formItem && this.formItem.setValue(this.value)
 
-			// if (this.formItem) {
+			// if (this.formItem) {
 			// 	this.isTop = 6
-			// 	if (this.formItem.name) {
-			// 		// 如果存在name添加默认值,否则formData 中不存在这个字段不校验
-			// 		if(!this.is_reset){
-			// 			this.is_reset = false
-			// 			this.formItem.setValue(this.dataValue)
+			// 	if (this.formItem.name) {
+			// 		// 如果存在name添加默认值,否则formData 中不存在这个字段不校验
+			// 		if(!this.is_reset){
+			// 			this.is_reset = false
+			// 			this.formItem.setValue(this.dataValue)
 			// 		}
 			// 		this.rename = this.formItem.name
 			// 		this.form.inputChildrens.push(this)
@@ -248,7 +248,11 @@
 				}
 				return parent;
 			},
-			chagne(e) {
+			/** 为了兼容原来的错别字 */
+			chagne(...rest){
+				this.change(...rest)
+			},
+			change(e) {
 				const values = e.detail.value
 
 				let detail = {
@@ -383,14 +387,14 @@
 			 */
 			setStyleBackgroud(item) {
 				let styles = {}
-				let selectedColor = this.selectedColor?this.selectedColor:'#2979ff'
-				if (this.selectedColor) {
-					if (this.mode !== 'list') {
-						styles['border-color'] = item.selected?selectedColor:'#DCDFE6'
-					}
-					if (this.mode === 'tag') {
-						styles['background-color'] = item.selected? selectedColor:'#f5f5f5'
-					}
+				let selectedColor = this.selectedColor?this.selectedColor:'#2979ff'
+				if (this.selectedColor) {
+					if (this.mode !== 'list') {
+						styles['border-color'] = item.selected?selectedColor:'#DCDFE6'
+					}
+					if (this.mode === 'tag') {
+						styles['background-color'] = item.selected? selectedColor:'#f5f5f5'
+					}
 				}
 				let classles = ''
 				for (let i in styles) {
@@ -400,16 +404,16 @@
 			},
 			setStyleIcon(item) {
 				let styles = {}
-				let classles = ''
-				if (this.selectedColor) {
-					let selectedColor = this.selectedColor?this.selectedColor:'#2979ff'
-					styles['background-color'] = item.selected?selectedColor:'#fff'
-					styles['border-color'] = item.selected?selectedColor:'#DCDFE6'
-					
-					if(!item.selected && item.disabled){
-						styles['background-color'] = '#F2F6FC'
-						styles['border-color'] = item.selected?selectedColor:'#DCDFE6'
-					}
+				let classles = ''
+				if (this.selectedColor) {
+					let selectedColor = this.selectedColor?this.selectedColor:'#2979ff'
+					styles['background-color'] = item.selected?selectedColor:'#fff'
+					styles['border-color'] = item.selected?selectedColor:'#DCDFE6'
+					
+					if(!item.selected && item.disabled){
+						styles['background-color'] = '#F2F6FC'
+						styles['border-color'] = item.selected?selectedColor:'#DCDFE6'
+					}
 				}
 				for (let i in styles) {
 					classles += `${i}:${styles[i]};`
@@ -418,8 +422,8 @@
 			},
 			setStyleIconText(item) {
 				let styles = {}
-				let classles = ''
-				if (this.selectedColor) {
+				let classles = ''
+				if (this.selectedColor) {
 					let selectedColor = this.selectedColor?this.selectedColor:'#2979ff'
 					if (this.mode === 'tag') {
 						styles.color = item.selected?(this.selectedTextColor?this.selectedTextColor:'#fff'):'#666'
@@ -428,7 +432,7 @@
 					}
 					if(!item.selected && item.disabled){
 						styles.color = '#999'
-					}
+					}
 				}
 				for (let i in styles) {
 					classles += `${i}:${styles[i]};`