12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- import { VantComponent } from '../common/component';
- VantComponent({
- field: true,
- relation: {
- name: 'radio-group',
- type: 'ancestor',
- current: 'radio',
- },
- classes: ['icon-class', 'label-class'],
- props: {
- name: null,
- value: null,
- disabled: Boolean,
- useIconSlot: Boolean,
- checkedColor: String,
- labelPosition: {
- type: String,
- value: 'right',
- },
- labelDisabled: Boolean,
- shape: {
- type: String,
- value: 'round',
- },
- iconSize: {
- type: null,
- value: 20,
- },
- },
- methods: {
- emitChange(value) {
- const instance = this.parent || this;
- instance.$emit('input', value);
- instance.$emit('change', value);
- },
- onChange() {
- if (!this.data.disabled) {
- this.emitChange(this.data.name);
- }
- },
- onClickLabel() {
- const { disabled, labelDisabled, name } = this.data;
- if (!disabled && !labelDisabled) {
- this.emitChange(name);
- }
- },
- },
- });
|