text: import { UtilTools } from '../../tools'
  import GlobalConfig from '../../conf'
  
  export default {
    name: 'VxeRadio',
    props: {
      value: [String, Number],
      label: [String, Number],
      title: [String, Number],
      content: [String, Number],
      disabled: Boolean,
      name: String,
      size: { type: String, default: () => GlobalConfig.radio.size || GlobalConfig.size }
    },
    inject: {
      $xegroup: {
        default: null
      }
    },
    computed: {
      vSize () {
        return this.size || this.$parent.size || this.$parent.vSize
      },
      isGroup () {
        return this.$xegroup
      },
      isDisabled () {
        return this.disabled || (this.isGroup && this.$xegroup.disabled)
      }
    },
    render (h) {
      const { $slots, $xegroup, isGroup, isDisabled, title, vSize, value, label, name, content } = this
      const attrs = {}
      if (title) {
        attrs.title = title
      }
      return h('label', {
        class: ['vxe-radio', {
          [`size--${vSize}`]: vSize,
          'is--disabled': isDisabled
        }],
        attrs
      }, [
        h('input', {
          class: 'vxe-radio--input',
          attrs: {
            type: 'radio',
            name: isGroup ? $xegroup.name : name,
            disabled: isDisabled
          },
          domProps: {
            checked: isGroup ? $xegroup.value === label : value === label
          },
          on: {
            change: evnt => {
              if (!isDisabled) {
                const params = { label, $event: evnt }
                if (isGroup) {
                  $xegroup.handleChecked(params)
                } else {
                  this.$emit('input', label)
                  this.$emit('change', params)
                }
              }
            }
          }
        }),
        h('span', {
          class: 'vxe-radio--icon'
        }),
        h('span', {
          class: 'vxe-radio--label'
        }, $slots.default || [UtilTools.getFuncText(content)])
      ])
    }
  }
  