换ubuntu
This commit is contained in:
102
utils/dist/switch/index.js
vendored
102
utils/dist/switch/index.js
vendored
@@ -1,51 +1,51 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
import { BLUE, GRAY_DARK } from '../common/color';
|
||||
VantComponent({
|
||||
field: true,
|
||||
classes: ['node-class'],
|
||||
props: {
|
||||
checked: null,
|
||||
loading: Boolean,
|
||||
disabled: Boolean,
|
||||
activeColor: String,
|
||||
inactiveColor: String,
|
||||
size: {
|
||||
type: String,
|
||||
value: '30px'
|
||||
},
|
||||
activeValue: {
|
||||
type: null,
|
||||
value: true
|
||||
},
|
||||
inactiveValue: {
|
||||
type: null,
|
||||
value: false
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
checked(value) {
|
||||
const loadingColor = this.getLoadingColor(value);
|
||||
this.setData({ value, loadingColor });
|
||||
}
|
||||
},
|
||||
created() {
|
||||
const { checked: value } = this.data;
|
||||
const loadingColor = this.getLoadingColor(value);
|
||||
this.setData({ value, loadingColor });
|
||||
},
|
||||
methods: {
|
||||
getLoadingColor(checked) {
|
||||
const { activeColor, inactiveColor } = this.data;
|
||||
return checked ? activeColor || BLUE : inactiveColor || GRAY_DARK;
|
||||
},
|
||||
onClick() {
|
||||
const { activeValue, inactiveValue } = this.data;
|
||||
if (!this.data.disabled && !this.data.loading) {
|
||||
const checked = this.data.checked === activeValue;
|
||||
const value = checked ? inactiveValue : activeValue;
|
||||
this.$emit('input', value);
|
||||
this.$emit('change', value);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
import { VantComponent } from '../common/component';
|
||||
import { BLUE, GRAY_DARK } from '../common/color';
|
||||
VantComponent({
|
||||
field: true,
|
||||
classes: ['node-class'],
|
||||
props: {
|
||||
checked: null,
|
||||
loading: Boolean,
|
||||
disabled: Boolean,
|
||||
activeColor: String,
|
||||
inactiveColor: String,
|
||||
size: {
|
||||
type: String,
|
||||
value: '30px'
|
||||
},
|
||||
activeValue: {
|
||||
type: null,
|
||||
value: true
|
||||
},
|
||||
inactiveValue: {
|
||||
type: null,
|
||||
value: false
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
checked(value) {
|
||||
const loadingColor = this.getLoadingColor(value);
|
||||
this.setData({ value, loadingColor });
|
||||
}
|
||||
},
|
||||
created() {
|
||||
const { checked: value } = this.data;
|
||||
const loadingColor = this.getLoadingColor(value);
|
||||
this.setData({ value, loadingColor });
|
||||
},
|
||||
methods: {
|
||||
getLoadingColor(checked) {
|
||||
const { activeColor, inactiveColor } = this.data;
|
||||
return checked ? activeColor || BLUE : inactiveColor || GRAY_DARK;
|
||||
},
|
||||
onClick() {
|
||||
const { activeValue, inactiveValue } = this.data;
|
||||
if (!this.data.disabled && !this.data.loading) {
|
||||
const checked = this.data.checked === activeValue;
|
||||
const value = checked ? inactiveValue : activeValue;
|
||||
this.$emit('input', value);
|
||||
this.$emit('change', value);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user