mali-applet-ui 0.1.47 → 0.1.48

package/components/ml-checkbox/ml-checkbox.vue

@@ -39,6 +39,9 @@ export default {
   },
 	methods: {
 		tapEvent () {
+      if (this.disabled) {
+        return
+      }
       let value
       if (this.label === null) {
         value = !this.value
@@ -61,6 +64,9 @@ export default {
   &.is-checked {
     color: $uni-color-primary;
   }
+  &.is-disabled {
+    color: rgba(0,0,0,0.25);
+  }
   &.is-vertical {
     .ml-checkbox-content {
       flex-direction: column;

package/components/ml-checkbox-button/ml-checkbox-button.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="ml-checkbox-button" :class="[className || '', {'is-disabled': disabled}]">
-    <view class="ml-checkbox-button-item" v-for="(item, index) in options" :class="{'is-active': value.includes(item.value)}" :key="index" @tap="changeEvent(item)">{{ item.label }}</view>
+    <view class="ml-checkbox-button-item" v-for="(item, index) in options" :class="{'is-disabled': disabled, 'is-active': value.includes(item.value)}" :key="index" @tap="changeEvent(item)">{{ item.label }}</view>
   </view>
 </template>
 
@@ -18,6 +18,9 @@ export default {
 	},
 	methods: {
 		changeEvent (option) {
+      if (this.disabled) {
+        return
+      }
       const checked = !this.value.includes(option.value)
       let value = this.value.filter(val => val !== option.value)
       if (checked) {
@@ -47,5 +50,8 @@ export default {
     color: #ffffff;
     background-color: $uni-color-primary;
   }
+  &.is-disabled {
+    color: rgba(0,0,0,0.25);
+  }
 }
 </style>

package/components/ml-checkbox-group/ml-checkbox-group.vue

@@ -21,6 +21,9 @@ export default {
 	},
 	methods: {
 		changeEvent ({ label, checked }) {
+      if (this.disabled) {
+        return
+      }
       let value = this.value.filter(item => item !== label)
       if (checked) {
         value.push(label)

package/components/ml-radio/ml-radio.vue

@@ -23,6 +23,7 @@ export default {
       type: [Boolean, Number, String],
       default: false
     },
+    vertical: Boolean,
     disabled: Boolean,
     content: String,
     className: String
@@ -34,6 +35,9 @@ export default {
   },
 	methods: {
 		tapEvent () {
+      if (this.disabled) {
+        return
+      }
 			const value = this.label
 			this.$emit('input', value)
 			this.$emit('change', { value, label: this.label, checked: this.checked })
@@ -51,6 +55,9 @@ export default {
   &.is-checked {
     color: $uni-color-primary;
   }
+  &.is-disabled {
+    color: rgba(0,0,0,0.25);
+  }
   &.is-vertical {
     .ml-radio-content {
       flex-direction: column;

package/components/ml-radio-button/ml-radio-button.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="ml-radio-button" :class="[className || '', {'is-disabled': disabled}]">
-    <view class="ml-radio-button-item" v-for="(item, index) in options" :class="{'is-active': value === item.value}" :key="index" @tap="changeEvent(item)">{{ item.label }}</view>
+    <view class="ml-radio-button-item" v-for="(item, index) in options" :class="{'is-disabled': disabled, 'is-active': value === item.value}" :key="index" @tap="changeEvent(item)">{{ item.label }}</view>
   </view>
 </template>
 
@@ -18,6 +18,9 @@ export default {
 	},
 	methods: {
 		changeEvent (option) {
+      if (this.disabled) {
+        return
+      }
       const { value } = option
 			this.$emit('input', value)
 			this.$emit('change', { value, option })
@@ -43,5 +46,8 @@ export default {
     color: #ffffff;
     background-color: $uni-color-primary;
   }
+  &.is-disabled {
+    color: rgba(0,0,0,0.25);
+  }
 }
 </style>

package/components/ml-radio-group/ml-radio-group.vue

@@ -18,6 +18,9 @@ export default {
 	},
 	methods: {
 		changeEvent (option) {
+      if (this.disabled) {
+        return
+      }
       const { value } = option
 			this.$emit('input', value)
 			this.$emit('change', { value, option })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mali-applet-ui",
-  "version": "0.1.47",
+  "version": "0.1.48",
   "description": "码里云小程序组件库",
   "files": [
     "components",