drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update the master branch to the latest

Browse source
This commit is contained in:
梁灏 2019-08-27 09:42:40 +08:00
parent 67d534df27
commit 23a0ba9831
611 changed files with 122648 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/radio/index.js Normal file
View file

@ -0,0 +1,5 @@
import Radio from './radio.vue';
import RadioGroup from './radio-group.vue';
Radio.Group = RadioGroup;
export default Radio;

97
src/components/radio/radio-group.vue Normal file
View file

@ -0,0 +1,97 @@
<template>
<div :class="classes" :name="name">
<slot></slot>
</div>
</template>
<script>
import { oneOf, findComponentsDownward } from '../../utils/assist';
import Emitter from '../../mixins/emitter';
const prefixCls = 'ivu-radio-group';
let seed = 0;
const now = Date.now();
const getUuid = () => `ivuRadioGroup_${now}_${seed++}`;
export default {
name: 'RadioGroup',
mixins: [ Emitter ],
props: {
value: {
type: [String, Number],
default: ''
},
size: {
validator (value) {
return oneOf(value, ['small', 'large', 'default']);
},
default () {
return !this.$IVIEW || this.$IVIEW.size === '' ? 'default' : this.$IVIEW.size;
}
},
type: {
validator (value) {
return oneOf(value, ['button']);
}
},
vertical: {
type: Boolean,
default: false
},
name: {
type: String,
default: getUuid
}
},
data () {
return {
currentValue: this.value,
childrens: []
};
},
computed: {
classes () {
return [
`${prefixCls}`,
{
[`${prefixCls}-${this.size}`]: !!this.size,
[`ivu-radio-${this.size}`]: !!this.size,
[`${prefixCls}-${this.type}`]: !!this.type,
[`${prefixCls}-vertical`]: this.vertical
}
];
}
},
mounted () {
this.updateValue();
},
methods: {
updateValue () {
this.childrens = findComponentsDownward(this, 'Radio');
if (this.childrens) {
this.childrens.forEach(child => {
child.currentValue = this.currentValue === child.label;
child.group = true;
});
}
},
change (data) {
this.currentValue = data.value;
this.updateValue();
this.$emit('input', data.value);
this.$emit('on-change', data.value);
this.dispatch('FormItem', 'on-form-change', data.value);
}
},
watch: {
value () {
if(this.currentValue !== this.value){
this.currentValue = this.value;
this.$nextTick(()=>{
this.updateValue();
});
}
}
}
};
</script>

171
src/components/radio/radio.vue Normal file
View file

@ -0,0 +1,171 @@
<template>
<label :class="wrapClasses">
<span :class="radioClasses">
<span :class="innerClasses"></span>
<input
type="radio"
:class="inputClasses"
:disabled="disabled"
:checked="currentValue"
:name="groupName"
@change="change"
@focus="onFocus"
@blur="onBlur">
</span><slot>{{ label }}</slot>
</label>
</template>
<script>
import { findComponentUpward, oneOf } from '../../utils/assist';
import Emitter from '../../mixins/emitter';
const prefixCls = 'ivu-radio';
export default {
name: 'Radio',
mixins: [ Emitter ],
props: {
value: {
type: [String, Number, Boolean],
default: false
},
trueValue: {
type: [String, Number, Boolean],
default: true
},
falseValue: {
type: [String, Number, Boolean],
default: false
},
label: {
type: [String, Number]
},
disabled: {
type: Boolean,
default: false
},
size: {
validator (value) {
return oneOf(value, ['small', 'large', 'default']);
},
default () {
return !this.$IVIEW || this.$IVIEW.size === '' ? 'default' : this.$IVIEW.size;
}
},
name: {
type: String
}
},
data () {
return {
currentValue: this.value,
group: false,
groupName: this.name,
parent: findComponentUpward(this, 'RadioGroup'),
focusWrapper: false,
focusInner: false
};
},
computed: {
wrapClasses () {
return [
`${prefixCls}-wrapper`,
{
[`${prefixCls}-group-item`]: this.group,
[`${prefixCls}-wrapper-checked`]: this.currentValue,
[`${prefixCls}-wrapper-disabled`]: this.disabled,
[`${prefixCls}-${this.size}`]: !!this.size,
[`${prefixCls}-focus`]: this.focusWrapper
}
];
},
radioClasses () {
return [
`${prefixCls}`,
{
[`${prefixCls}-checked`]: this.currentValue,
[`${prefixCls}-disabled`]: this.disabled
}
];
},
innerClasses () {
return [
`${prefixCls}-inner`,
{
[`${prefixCls}-focus`]: this.focusInner
}
];
},
inputClasses () {
return `${prefixCls}-input`;
}
},
mounted () {
if (this.parent) {
this.group = true;
if (this.name && this.name !== this.parent.name) {
/* eslint-disable no-console */
if (console.warn) {
console.warn('[iview] Name does not match Radio Group name.');
}
/* eslint-enable no-console */
} else {
this.groupName = this.parent.name;
}
}
if (this.group) {
this.parent.updateValue();
} else {
this.updateValue();
}
},
methods: {
change (event) {
if (this.disabled) {
return false;
}
const checked = event.target.checked;
this.currentValue = checked;
const value = checked ? this.trueValue : this.falseValue;
this.$emit('input', value);
if (this.group) {
if (this.label !== undefined) {
this.parent.change({
value: this.label,
checked: this.value
});
}
} else {
this.$emit('on-change', value);
this.dispatch('FormItem', 'on-form-change', value);
}
},
updateValue () {
this.currentValue = this.value === this.trueValue;
},
onBlur () {
this.focusWrapper = false;
this.focusInner = false;
},
onFocus () {
if (this.group && this.parent.type === 'button') {
this.focusWrapper = true;
} else {
this.focusInner = true;
}
}
},
watch: {
value (val) {
if (val === this.trueValue || val === this.falseValue) {
this.updateValue();
} else {
throw 'Value should be trueValue or falseValue.';
}
}
}
};
</script>