ant-design-vue/0ca9d98f.async.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{1435:function(a,s,t){"use strict";t.r(s);var n=function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:"\n  <a-radio>Radio</a-radio>\n",script:null,style:null,us:"\n#### Basic\nThe simplest use.\n",cn:"\n#### 基本\n最简单的用法。\n",sourceCode:"<template>\n  <a-radio>Radio</a-radio>\n</template>\n"}}},[t("template",{slot:"component"},[t("a-radio",[a._v("Radio")])],1),a._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"基本"}},[a._v("基本 "),t("a",{staticClass:"anchor",attrs:{href:"#基本"}},[a._v("#")])]),a._v(" "),t("p",[a._v("最简单的用法。")])]),a._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Basic"}},[a._v("Basic "),t("a",{staticClass:"anchor",attrs:{href:"#Basic"}},[a._v("#")])]),a._v(" "),t("p",[a._v("The simplest use.")])]),a._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("Radio"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n")])])])],2)]],2)};n._withStripped=!0;var l=t(31),v=Object(l.a)({},n,[],!1,null,null,null);v.options.__file="components/radio/demo/basic.md";var i=v.exports,e=function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-radio :defaultChecked="false" :disabled="disabled">Disabled</a-radio>\n    <br/>\n    <a-radio defaultChecked="" :disabled="disabled">Disabled</a-radio>\n    <div :style="{ marginTop: 20 }">\n      <a-button type="primary" @click="toggleDisabled">\n        Toggle disabled\n      </a-button>\n    </div>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        disabled: true,\n      };\n    },\n    methods: {\n      toggleDisabled() {\n        this.disabled = !this.disabled;\n      },\n    },\n  };\n",style:null,us:"\n#### disabled\nRadio unavailable.\n",cn:"\n#### 不可用\nRadio 不可用。\n",sourceCode:'<template>\n  <div>\n    <a-radio :defaultChecked="false" :disabled="disabled">Disabled</a-radio>\n    <br />\n    <a-radio defaultChecked :disabled="disabled">Disabled</a-radio>\n    <div :style="{ marginTop: 20 }">\n      <a-button type="primary" @click="toggleDisabled">\n        Toggle disabled\n      </a-button>\n    </div>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        disabled: true,\n      };\n    },\n    methods: {\n      toggleDisabled() {\n        this.disabled = !this.disabled;\n      },\n    },\n  };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-radio",{attrs:{defaultChecked:!1,disabled:a.disabled}},[a._v("Disabled")]),a._v(" "),t("br"),a._v(" "),t("a-radio",{attrs:{defaultChecked:"",disabled:a.disabled}},[a._v("Disabled")]),a._v(" "),t("div",{style:{marginTop:20}},[t("a-button",{attrs:{type:"primary"},on:{click:a.toggleDisabled}},[a._v("\n        Toggle disabled\n      ")])],1)],1)]),a._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"不可用"}},[a._v("不可用 "),t("a",{staticClass:"anchor",attrs:{href:"#不可用"}},[a._v("#")])]),a._v(" "),t("p",[a._v("Radio 不可用。")])]),a._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"disabled"}},[a._v("disabled "),t("a",{staticClass:"anchor",attrs:{href:"#disabled"}},[a._v("#")])]),a._v(" "),t("p",[a._v("Radio unavailable.")])]),a._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":defaultChecked")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"false"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":disabled")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"disabled"')]),a._v(">")]),a._v("Disabled"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("br")]),a._v(" />")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("defaultChecked")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":disabled")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"disabled"')]),a._v(">")]),a._v("Disabled"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":style")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"{ marginTop: 20 }"')]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("type")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"primary"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("@click")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"toggleDisabled"')]),a._v(">")]),a._v("\n        Toggle disabled\n      "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-button")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("script")]),a._v(">")]),t("span",{staticClass:"javascript"},[a._v("\n  "),t("span",{staticClass:"hljs-keyword"},[a._v("export")]),a._v(" "),t("span",{staticClass:"hljs-keyword"},[a._v("default")]),a._v(" {\n    data() {\n      "),t("span",{staticClass:"hljs-keyword"},[a._v("return")]),a._v(" {\n        "),t("span",{staticClass:"hljs-attr"},[a._v("disabled")]),a._v(": "),t("span",{staticClass:"hljs-literal"},[a._v("true")]),a._v(",\n      };\n    },\n    "),t("span",{staticClass:"hljs-attr"},[a._v("methods")]),a._v(": {\n      toggleDisabled() {\n        "),t("span",{staticClass:"hljs-keyword"},[a._v("this")]),a._v(".disabled = !"),t("span",{staticClass:"hljs-keyword"},[a._v("this")]),a._v(".disabled;\n      },\n    },\n  };\n")]),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("script")]),a._v(">")]),a._v("\n")])])])],2)]],2)};e._withStripped=!0;var _={data:function(){return{disabled:!0}},methods:{toggleDisabled:function(){this.disabled=!this.disabled}}},o=Object(l.a)(_,e,[],!1,null,null,null);o.options.__file="components/radio/demo/disabled.md";var r=o.exports,d=function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <div>\n      <a-radio-group @change="onChange" v-model="value">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n    <div :style="{ marginTop: \'16px\' }">\n      <a-radio-group @change="onChange" defaultValue="a">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b" disabled="">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n    <div :style="{ marginTop: \'16px\' }">\n      <a-radio-group disabled="" @change="onChange" defaultValue="a">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        value: 'a',\n      };\n    },\n    methods: {\n      onChange(e) {\n        console.log(`checked = ${e.target.value}`);\n      },\n    },\n  };\n",style:null,us:"\n#### radio style\nThe combination of radio button style.\n",cn:"\n#### 按钮样式\n按钮样式的单选组合。\n",sourceCode:'<template>\n  <div>\n    <div>\n      <a-radio-group @change="onChange" v-model="value">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n    <div :style="{ marginTop: \'16px\' }">\n      <a-radio-group @change="onChange" defaultValue="a">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b" disabled>Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n    <div :style="{ marginTop: \'16px\' }">\n      <a-radio-group disabled @change="onChange" defaultValue="a">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        value: \'a\',\n      };\n    },\n    methods: {\n      onChange(e) {\n        console.log(`checked = ${e.target.value}`);\n      },\n    },\n  };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("div",[t("a-radio-group",{on:{change:a.onChange},model:{value:a.value,callback:function(s){a.value=s},expression:"value"}},[t("a-radio-button",{attrs:{value:"a"}},[a._v("Hangzhou")]),a._v(" "),t("a-radio-button",{attrs:{value:"b"}},[a._v("Shanghai")]),a._v(" "),t("a-radio-button",{attrs:{value:"c"}},[a._v("Beijing")]),a._v(" "),t("a-radio-button",{attrs:{value:"d"}},[a._v("Chengdu")])],1)],1),a._v(" "),t("div",{style:{marginTop:"16px"}},[t("a-radio-group",{attrs:{defaultValue:"a"},on:{change:a.onChange}},[t("a-radio-button",{attrs:{value:"a"}},[a._v("Hangzhou")]),a._v(" "),t("a-radio-button",{attrs:{value:"b",disabled:""}},[a._v("Shanghai")]),a._v(" "),t("a-radio-button",{attrs:{value:"c"}},[a._v("Beijing")]),a._v(" "),t("a-radio-button",{attrs:{value:"d"}},[a._v("Chengdu")])],1)],1),a._v(" "),t("div",{style:{marginTop:"16px"}},[t("a-radio-group",{attrs:{disabled:"",defaultValue:"a"},on:{change:a.onChange}},[t("a-radio-button",{attrs:{value:"a"}},[a._v("Hangzhou")]),a._v(" "),t("a-radio-button",{attrs:{value:"b"}},[a._v("Shanghai")]),a._v(" "),t("a-radio-button",{attrs:{value:"c"}},[a._v("Beijing")]),a._v(" "),t("a-radio-button",{attrs:{value:"d"}},[a._v("Chengdu")])],1)],1)])]),a._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"按钮样式"}},[a._v("按钮样式 "),t("a",{staticClass:"anchor",attrs:{href:"#按钮样式"}},[a._v("#")])]),a._v(" "),t("p",[a._v("按钮样式的单选组合。")])]),a._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"radio-style"}},[a._v("radio style "),t("a",{staticClass:"anchor",attrs:{href:"#radio-style"}},[a._v("#")])]),a._v(" "),t("p",[a._v("The combination of radio button style.")])]),a._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("@change")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"onChange"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("v-model")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"value"')]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(">")]),a._v("Hangzhou"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"b"')]),a._v(">")]),a._v("Shanghai"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"c"')]),a._v(">")]),a._v("Beijing"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"d"')]),a._v(">")]),a._v("Chengdu"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":style")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v("\"{ marginTop: '16px' }\"")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("@change")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"onChange"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("defaultValue")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(">")]),a._v("Hangzhou"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"b"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("disabled")]),a._v(">")]),a._v("Shanghai"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"c"')]),a._v(">")]),a._v("Beijing"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"d"')]),a._v(">")]),a._v("Chengdu"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":style")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v("\"{ marginTop: '16px' }\"")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("disabled")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("@change")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"onChange"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("defaultValue")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(">")]),a._v("Hangzhou"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"b"')]),a._v(">")]),a._v("Shanghai"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"c"')]),a._v(">")]),a._v("Beijing"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"d"')]),a._v(">")]),a._v("Chengdu"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("script")]),a._v(">")]),t("span",{staticClass:"javascript"},[a._v("\n  "),t("span",{staticClass:"hljs-keyword"},[a._v("export")]),a._v(" "),t("span",{staticClass:"hljs-keyword"},[a._v("default")]),a._v(" {\n    data() {\n      "),t("span",{staticClass:"hljs-keyword"},[a._v("return")]),a._v(" {\n        "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'a'")]),a._v(",\n      };\n    },\n    "),t("span",{staticClass:"hljs-attr"},[a._v("methods")]),a._v(": {\n      onChange(e) {\n        "),t("span",{staticClass:"hljs-built_in"},[a._v("console")]),a._v(".log("),t("span",{staticClass:"hljs-string"},[a._v("`checked = "),t("span",{staticClass:"hljs-subst"},[a._v("${e.target.value}")]),a._v("`")]),a._v(");\n      },\n    },\n  };\n")]),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("script")]),a._v(">")]),a._v("\n")])])])],2)]],2)};d._withStripped=!0;var p={data:function(){return{value:"a"}},methods:{onChange:function(a){console.log("checked = "+a.target.value)}}},h=Object(l.a)(p,d,[],!1,null,null,null);h.options.__file="components/radio/demo/radioButton.md";var c=h.exports,u=function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <a-radio-group @change="onChange" v-model="value">\n    <a-radio :style="radioStyle" :value="1">Option A</a-radio>\n    <a-radio :style="radioStyle" :value="2">Option B</a-radio>\n    <a-radio :style="radioStyle" :value="3">Option C</a-radio>\n    <a-radio :style="radioStyle" :value="4">\n      More...\n      <a-input v-if="value === 4" :style="{ width: 100, marginLeft: 10 }"/>\n    </a-radio>\n  </a-radio-group>\n',script:"\n  export default {\n    data() {\n      return {\n        value: 1,\n        radioStyle: {\n          display: 'block',\n          height: '30px',\n          lineHeight: '30px',\n        },\n      };\n    },\n    methods: {\n      onChange(e) {\n        console.log('radio checked', e.target.value);\n      },\n    },\n  };\n",style:null,us:"\n#### Vertical RadioGroup\nVertical RadioGroup, with more radios.\n",cn:"\n#### RadioGroup 垂直\n垂直的 RadioGroup，配合更多输入框选项。\n",sourceCode:'<template>\n  <a-radio-group @change="onChange" v-model="value">\n    <a-radio :style="radioStyle" :value="1">Option A</a-radio>\n    <a-radio :style="radioStyle" :value="2">Option B</a-radio>\n    <a-radio :style="radioStyle" :value="3">Option C</a-radio>\n    <a-radio :style="radioStyle" :value="4">\n      More...\n      <a-input v-if="value === 4" :style="{ width: 100, marginLeft: 10 }" />\n    </a-radio>\n  </a-radio-group>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        value: 1,\n        radioStyle: {\n          display: \'block\',\n          height: \'30px\',\n          lineHeight: \'30px\',\n        },\n      };\n    },\n    methods: {\n      onChange(e) {\n        console.log(\'radio checked\', e.target.value);\n      },\n    },\n  };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("a-radio-group",{on:{change:a.onChange},model:{value:a.value,callback:function(s){a.value=s},expression:"value"}},[t("a-radio",{style:a.radioStyle,attrs:{value:1}},[a._v("Option A")]),a._v(" "),t("a-radio",{style:a.radioStyle,attrs:{value:2}},[a._v("Option B")]),a._v(" "),t("a-radio",{style:a.radioStyle,attrs:{value:3}},[a._v("Option C")]),a._v(" "),t("a-radio",{style:a.radioStyle,attrs:{value:4}},[a._v("\n      More...\n      "),4===a.value?t("a-input",{style:{width:100,marginLeft:10}}):a._e()],1)],1)],1),a._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"RadioGroup-垂直"}},[a._v("RadioGroup 垂直 "),t("a",{staticClass:"anchor",attrs:{href:"#RadioGroup-垂直"}},[a._v("#")])]),a._v(" "),t("p",[a._v("垂直的 RadioGroup，配合更多输入框选项。")])]),a._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Vertical-RadioGroup"}},[a._v("Vertical RadioGroup "),t("a",{staticClass:"anchor",attrs:{href:"#Vertical-RadioGroup"}},[a._v("#")])]),a._v(" "),t("p",[a._v("Vertical RadioGroup, with more radios.")])]),a._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("@change")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"onChange"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("v-model")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"value"')]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":style")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"radioStyle"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"1"')]),a._v(">")]),a._v("Option A"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":style")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"radioStyle"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"2"')]),a._v(">")]),a._v("Option B"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":style")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"radioStyle"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"3"')]),a._v(">")]),a._v("Option C"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":style")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"radioStyle"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"4"')]),a._v(">")]),a._v("\n      More...\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-input")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("v-if")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"value === 4"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":style")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"{ width: 100, marginLeft: 10 }"')]),a._v(" />")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("script")]),a._v(">")]),t("span",{staticClass:"javascript"},[a._v("\n  "),t("span",{staticClass:"hljs-keyword"},[a._v("export")]),a._v(" "),t("span",{staticClass:"hljs-keyword"},[a._v("default")]),a._v(" {\n    data() {\n      "),t("span",{staticClass:"hljs-keyword"},[a._v("return")]),a._v(" {\n        "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v(": "),t("span",{staticClass:"hljs-number"},[a._v("1")]),a._v(",\n        "),t("span",{staticClass:"hljs-attr"},[a._v("radioStyle")]),a._v(": {\n          "),t("span",{staticClass:"hljs-attr"},[a._v("display")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'block'")]),a._v(",\n          "),t("span",{staticClass:"hljs-attr"},[a._v("height")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'30px'")]),a._v(",\n          "),t("span",{staticClass:"hljs-attr"},[a._v("lineHeight")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'30px'")]),a._v(",\n        },\n      };\n    },\n    "),t("span",{staticClass:"hljs-attr"},[a._v("methods")]),a._v(": {\n      onChange(e) {\n        "),t("span",{staticClass:"hljs-built_in"},[a._v("console")]),a._v(".log("),t("span",{staticClass:"hljs-string"},[a._v("'radio checked'")]),a._v(", e.target.value);\n      },\n    },\n  };\n")]),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("script")]),a._v(">")]),a._v("\n")])])])],2)]],2)};u._withStripped=!0;var C={data:function(){return{value:1,radioStyle:{display:"block",height:"30px",lineHeight:"30px"}}},methods:{onChange:function(a){console.log("radio checked",a.target.value)}}},g=Object(l.a)(C,u,[],!1,null,null,null);g.options.__file="components/radio/demo/radioGroup-more.md";var j=g.exports,b=function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-radio-group :options="plainOptions" @change="onChange1" :defaultValue="value1"/>\n    <br/>\n    <a-radio-group :options="options" @change="onChange2" v-model="value2"/>\n    <br/>\n    <a-radio-group :options="optionsWithDisabled" disabled="" @change="onChange3" v-model="value3"/>\n  </div>\n',script:"\n  const plainOptions = ['Apple', 'Pear', 'Orange'];\n  const options = [\n    { label: 'Apple', value: 'Apple' },\n    { label: 'Pear', value: 'Pear' },\n    { label: 'Orange', value: 'Orange' },\n  ];\n  const optionsWithDisabled = [\n    { label: 'Apple', value: 'Apple' },\n    { label: 'Pear', value: 'Pear' },\n    { label: 'Orange', value: 'Orange', disabled: false },\n  ];\n  export default {\n    data() {\n      return {\n        plainOptions,\n        options,\n        optionsWithDisabled,\n        value1: 'Apple',\n        value2: 'Apple',\n        value3: 'Apple',\n      };\n    },\n    methods: {\n      onChange1(e) {\n        console.log('radio1 checked', e.target.value);\n      },\n      onChange2(e) {\n        console.log('radio2 checked', e.target.value);\n      },\n      onChange3(e) {\n        console.log('radio3 checked', e.target.value);\n      },\n    },\n  };\n",style:null,us:"\n#### RadioGroup group - optional\nRender radios by configuring `options`.\n",cn:"\n#### RadioGroup 组合 - 配置方式\n通过配置 `options` 参数来渲染单选框。\n",sourceCode:"<template>\n  <div>\n    <a-radio-group :options=\"plainOptions\" @change=\"onChange1\" :defaultValue=\"value1\" />\n    <br />\n    <a-radio-group :options=\"options\" @change=\"onChange2\" v-model=\"value2\" />\n    <br />\n    <a-radio-group :options=\"optionsWithDisabled\" disabled @change=\"onChange3\" v-model=\"value3\" />\n  </div>\n</template>\n<script>\n  const plainOptions = ['Apple', 'Pear', 'Orange'];\n  const options = [\n    { label: 'Apple', value: 'Apple' },\n    { label: 'Pear', value: 'Pear' },\n    { label: 'Orange', value: 'Orange' },\n  ];\n  const optionsWithDisabled = [\n    { label: 'Apple', value: 'Apple' },\n    { label: 'Pear', value: 'Pear' },\n    { label: 'Orange', value: 'Orange', disabled: false },\n  ];\n  export default {\n    data() {\n      return {\n        plainOptions,\n        options,\n        optionsWithDisabled,\n        value1: 'Apple',\n        value2: 'Apple',\n        value3: 'Apple',\n      };\n    },\n    methods: {\n      onChange1(e) {\n        console.log('radio1 checked', e.target.value);\n      },\n      onChange2(e) {\n        console.log('radio2 checked', e.target.value);\n      },\n      onChange3(e) {\n        console.log('radio3 checked', e.target.value);\n      },\n    },\n  };\n<\/script>\n"}}},[t("template",{slot:"component"},[t("div",[t("a-radio-group",{attrs:{options:a.plainOptions,defaultValue:a.value1},on:{change:a.onChange1}}),a._v(" "),t("br"),a._v(" "),t("a-radio-group",{attrs:{options:a.options},on:{change:a.onChange2},model:{value:a.value2,callback:function(s){a.value2=s},expression:"value2"}}),a._v(" "),t("br"),a._v(" "),t("a-radio-group",{attrs:{options:a.optionsWithDisabled,disabled:""},on:{change:a.onChange3},model:{value:a.value3,callback:function(s){a.value3=s},expression:"value3"}})],1)]),a._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"RadioGroup-组合---配置方式"}},[a._v("RadioGroup 组合 - 配置方式 "),t("a",{staticClass:"anchor",attrs:{href:"#RadioGroup-组合---配置方式"}},[a._v("#")])]),a._v(" "),t("p",[a._v("通过配置 "),t("code",[a._v("options")]),a._v(" 参数来渲染单选框。")])]),a._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"RadioGroup-group---optional"}},[a._v("RadioGroup group - optional "),t("a",{staticClass:"anchor",attrs:{href:"#RadioGroup-group---optional"}},[a._v("#")])]),a._v(" "),t("p",[a._v("Render radios by configuring "),t("code",[a._v("options")]),a._v(".")])]),a._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":options")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"plainOptions"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("@change")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"onChange1"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":defaultValue")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"value1"')]),a._v(" />")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("br")]),a._v(" />")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":options")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"options"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("@change")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"onChange2"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("v-model")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"value2"')]),a._v(" />")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("br")]),a._v(" />")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":options")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"optionsWithDisabled"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("disabled")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("@change")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"onChange3"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("v-model")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"value3"')]),a._v(" />")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("script")]),a._v(">")]),t("span",{staticClass:"javascript"},[a._v("\n  "),t("span",{staticClass:"hljs-keyword"},[a._v("const")]),a._v(" plainOptions = ["),t("span",{staticClass:"hljs-string"},[a._v("'Apple'")]),a._v(", "),t("span",{staticClass:"hljs-string"},[a._v("'Pear'")]),a._v(", "),t("span",{staticClass:"hljs-string"},[a._v("'Orange'")]),a._v("];\n  "),t("span",{staticClass:"hljs-keyword"},[a._v("const")]),a._v(" options = [\n    { "),t("span",{staticClass:"hljs-attr"},[a._v("label")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Apple'")]),a._v(", "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Apple'")]),a._v(" },\n    { "),t("span",{staticClass:"hljs-attr"},[a._v("label")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Pear'")]),a._v(", "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Pear'")]),a._v(" },\n    { "),t("span",{staticClass:"hljs-attr"},[a._v("label")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Orange'")]),a._v(", "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Orange'")]),a._v(" },\n  ];\n  "),t("span",{staticClass:"hljs-keyword"},[a._v("const")]),a._v(" optionsWithDisabled = [\n    { "),t("span",{staticClass:"hljs-attr"},[a._v("label")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Apple'")]),a._v(", "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Apple'")]),a._v(" },\n    { "),t("span",{staticClass:"hljs-attr"},[a._v("label")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Pear'")]),a._v(", "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Pear'")]),a._v(" },\n    { "),t("span",{staticClass:"hljs-attr"},[a._v("label")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Orange'")]),a._v(", "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Orange'")]),a._v(", "),t("span",{staticClass:"hljs-attr"},[a._v("disabled")]),a._v(": "),t("span",{staticClass:"hljs-literal"},[a._v("false")]),a._v(" },\n  ];\n  "),t("span",{staticClass:"hljs-keyword"},[a._v("export")]),a._v(" "),t("span",{staticClass:"hljs-keyword"},[a._v("default")]),a._v(" {\n    data() {\n      "),t("span",{staticClass:"hljs-keyword"},[a._v("return")]),a._v(" {\n        plainOptions,\n        options,\n        optionsWithDisabled,\n        "),t("span",{staticClass:"hljs-attr"},[a._v("value1")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Apple'")]),a._v(",\n        "),t("span",{staticClass:"hljs-attr"},[a._v("value2")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Apple'")]),a._v(",\n        "),t("span",{staticClass:"hljs-attr"},[a._v("value3")]),a._v(": "),t("span",{staticClass:"hljs-string"},[a._v("'Apple'")]),a._v(",\n      };\n    },\n    "),t("span",{staticClass:"hljs-attr"},[a._v("methods")]),a._v(": {\n      onChange1(e) {\n        "),t("span",{staticClass:"hljs-built_in"},[a._v("console")]),a._v(".log("),t("span",{staticClass:"hljs-string"},[a._v("'radio1 checked'")]),a._v(", e.target.value);\n      },\n      onChange2(e) {\n        "),t("span",{staticClass:"hljs-built_in"},[a._v("console")]),a._v(".log("),t("span",{staticClass:"hljs-string"},[a._v("'radio2 checked'")]),a._v(", e.target.value);\n      },\n      onChange3(e) {\n        "),t("span",{staticClass:"hljs-built_in"},[a._v("console")]),a._v(".log("),t("span",{staticClass:"hljs-string"},[a._v("'radio3 checked'")]),a._v(", e.target.value);\n      },\n    },\n  };\n")]),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("script")]),a._v(">")]),a._v("\n")])])])],2)]],2)};b._withStripped=!0;var m=["Apple","Pear","Orange"],f=[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}],y=[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange",disabled:!1}],R={data:function(){return{plainOptions:m,options:f,optionsWithDisabled:y,value1:"Apple",value2:"Apple",value3:"Apple"}},methods:{onChange1:function(a){console.log("radio1 checked",a.target.value)},onChange2:function(a){console.log("radio2 checked",a.target.value)},onChange3:function(a){console.log("radio3 checked",a.target.value)}}},S=Object(l.a)(R,b,[],!1,null,null,null);S.options.__file="components/radio/demo/radioGroup-options.md";var x=S.exports,k=function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <a-radio-group name="radioGroup" :defaultValue="1">\n    <a-radio :value="1">A</a-radio>\n    <a-radio :value="2">B</a-radio>\n    <a-radio :value="3">C</a-radio>\n    <a-radio :value="4">D</a-radio>\n  </a-radio-group>\n',script:null,style:null,us:'\n#### RadioGroup with name\nPassing the `name` property to all `input[type="radio"]` that are in the same RadioGroup. It is usually used to let the browser see your RadioGroup as a real "group" and keep the default behavior. For example, using left/right keyboard arrow to change your selection that in the same RadioGroup.\n',cn:"\n#### 单选组合 - 配合 name 使用\n可以为 RadioGroup 配置 `name` 参数，为组合内的 input 元素赋予相同的 `name` 属性，使浏览器把 RadioGroup 下的 Radio 真正看作是一组（例如可以通过方向键始终**在同一组内**更改选项）。\n",sourceCode:'<template>\n  <a-radio-group name="radioGroup" :defaultValue="1">\n    <a-radio :value="1">A</a-radio>\n    <a-radio :value="2">B</a-radio>\n    <a-radio :value="3">C</a-radio>\n    <a-radio :value="4">D</a-radio>\n  </a-radio-group>\n</template>\n'}}},[t("template",{slot:"component"},[t("a-radio-group",{attrs:{name:"radioGroup",defaultValue:1}},[t("a-radio",{attrs:{value:1}},[a._v("A")]),a._v(" "),t("a-radio",{attrs:{value:2}},[a._v("B")]),a._v(" "),t("a-radio",{attrs:{value:3}},[a._v("C")]),a._v(" "),t("a-radio",{attrs:{value:4}},[a._v("D")])],1)],1),a._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"单选组合---配合-name-使用"}},[a._v("单选组合 - 配合 name 使用 "),t("a",{staticClass:"anchor",attrs:{href:"#单选组合---配合-name-使用"}},[a._v("#")])]),a._v(" "),t("p",[a._v("可以为 RadioGroup 配置 "),t("code",[a._v("name")]),a._v(" 参数，为组合内的 input 元素赋予相同的 "),t("code",[a._v("name")]),a._v(" 属性，使浏览器把 RadioGroup 下的 Radio 真正看作是一组（例如可以通过方向键始终"),t("strong",[a._v("在同一组内")]),a._v("更改选项）。")])]),a._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"RadioGroup-with-name"}},[a._v("RadioGroup with name "),t("a",{staticClass:"anchor",attrs:{href:"#RadioGroup-with-name"}},[a._v("#")])]),a._v(" "),t("p",[a._v("Passing the "),t("code",[a._v("name")]),a._v(" property to all "),t("code",[a._v('input[type="radio"]')]),a._v(' that are in the same RadioGroup. It is usually used to let the browser see your RadioGroup as a real "group" and keep the default behavior. For example, using left/right keyboard arrow to change your selection that in the same RadioGroup.')])]),a._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("name")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"radioGroup"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":defaultValue")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"1"')]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"1"')]),a._v(">")]),a._v("A"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"2"')]),a._v(">")]),a._v("B"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"3"')]),a._v(">")]),a._v("C"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"4"')]),a._v(">")]),a._v("D"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n")])])])],2)]],2)};k._withStripped=!0;var w=Object(l.a)({},k,[],!1,null,null,null);w.options.__file="components/radio/demo/radioGroup-with-name.md";var G=w.exports,A=function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-radio-group @change="onChange" v-model="value">\n      <a-radio :value="1">A</a-radio>\n      <a-radio :value="2">B</a-radio>\n      <a-radio :value="3">C</a-radio>\n      <a-radio :value="4">D</a-radio>\n    </a-radio-group>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        value: 1,\n      };\n    },\n    methods: {\n      onChange(e) {\n        console.log('radio checked', e.target.value);\n      },\n    },\n  };\n",style:null,us:"\n#### Radio Group\nA group of radio components.\n",cn:"\n#### 单选组合\n一组互斥的 Radio 配合使用。\n",sourceCode:'<template>\n  <div>\n    <a-radio-group @change="onChange" v-model="value">\n      <a-radio :value="1">A</a-radio>\n      <a-radio :value="2">B</a-radio>\n      <a-radio :value="3">C</a-radio>\n      <a-radio :value="4">D</a-radio>\n    </a-radio-group>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        value: 1,\n      };\n    },\n    methods: {\n      onChange(e) {\n        console.log(\'radio checked\', e.target.value);\n      },\n    },\n  };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-radio-group",{on:{change:a.onChange},model:{value:a.value,callback:function(s){a.value=s},expression:"value"}},[t("a-radio",{attrs:{value:1}},[a._v("A")]),a._v(" "),t("a-radio",{attrs:{value:2}},[a._v("B")]),a._v(" "),t("a-radio",{attrs:{value:3}},[a._v("C")]),a._v(" "),t("a-radio",{attrs:{value:4}},[a._v("D")])],1)],1)]),a._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"单选组合"}},[a._v("单选组合 "),t("a",{staticClass:"anchor",attrs:{href:"#单选组合"}},[a._v("#")])]),a._v(" "),t("p",[a._v("一组互斥的 Radio 配合使用。")])]),a._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Radio-Group"}},[a._v("Radio Group "),t("a",{staticClass:"anchor",attrs:{href:"#Radio-Group"}},[a._v("#")])]),a._v(" "),t("p",[a._v("A group of radio components.")])]),a._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("@change")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"onChange"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("v-model")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"value"')]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"1"')]),a._v(">")]),a._v("A"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"2"')]),a._v(">")]),a._v("B"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"3"')]),a._v(">")]),a._v("C"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"4"')]),a._v(">")]),a._v("D"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("script")]),a._v(">")]),t("span",{staticClass:"javascript"},[a._v("\n  "),t("span",{staticClass:"hljs-keyword"},[a._v("export")]),a._v(" "),t("span",{staticClass:"hljs-keyword"},[a._v("default")]),a._v(" {\n    data() {\n      "),t("span",{staticClass:"hljs-keyword"},[a._v("return")]),a._v(" {\n        "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v(": "),t("span",{staticClass:"hljs-number"},[a._v("1")]),a._v(",\n      };\n    },\n    "),t("span",{staticClass:"hljs-attr"},[a._v("methods")]),a._v(": {\n      onChange(e) {\n        "),t("span",{staticClass:"hljs-built_in"},[a._v("console")]),a._v(".log("),t("span",{staticClass:"hljs-string"},[a._v("'radio checked'")]),a._v(", e.target.value);\n      },\n    },\n  };\n")]),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("script")]),a._v(">")]),a._v("\n")])])])],2)]],2)};A._withStripped=!0;var O={data:function(){return{value:1}},methods:{onChange:function(a){console.log("radio checked",a.target.value)}}},z=Object(l.a)(O,A,[],!1,null,null,null);z.options.__file="components/radio/demo/radioGroup.md";var B=z.exports,D=function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <div>\n      <a-radio-group defaultValue="a" buttonStyle="solid">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n    <div :style="{ marginTop: \'16px\' }">\n      <a-radio-group defaultValue="c" buttonStyle="solid">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b" disabled="">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n  </div>\n',script:null,style:null,us:"\n#### Solid radio button\nSolid radio button style.\n",cn:"\n#### 填底的按钮样式\n实色填底的单选按钮样式。\n",sourceCode:'<template>\n  <div>\n    <div>\n      <a-radio-group defaultValue="a" buttonStyle="solid">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n    <div :style="{ marginTop: \'16px\' }">\n      <a-radio-group defaultValue="c" buttonStyle="solid">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b" disabled>Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n  </div>\n</template>\n'}}},[t("template",{slot:"component"},[t("div",[t("div",[t("a-radio-group",{attrs:{defaultValue:"a",buttonStyle:"solid"}},[t("a-radio-button",{attrs:{value:"a"}},[a._v("Hangzhou")]),a._v(" "),t("a-radio-button",{attrs:{value:"b"}},[a._v("Shanghai")]),a._v(" "),t("a-radio-button",{attrs:{value:"c"}},[a._v("Beijing")]),a._v(" "),t("a-radio-button",{attrs:{value:"d"}},[a._v("Chengdu")])],1)],1),a._v(" "),t("div",{style:{marginTop:"16px"}},[t("a-radio-group",{attrs:{defaultValue:"c",buttonStyle:"solid"}},[t("a-radio-button",{attrs:{value:"a"}},[a._v("Hangzhou")]),a._v(" "),t("a-radio-button",{attrs:{value:"b",disabled:""}},[a._v("Shanghai")]),a._v(" "),t("a-radio-button",{attrs:{value:"c"}},[a._v("Beijing")]),a._v(" "),t("a-radio-button",{attrs:{value:"d"}},[a._v("Chengdu")])],1)],1)])]),a._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"填底的按钮样式"}},[a._v("填底的按钮样式 "),t("a",{staticClass:"anchor",attrs:{href:"#填底的按钮样式"}},[a._v("#")])]),a._v(" "),t("p",[a._v("实色填底的单选按钮样式。")])]),a._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Solid-radio-button"}},[a._v("Solid radio button "),t("a",{staticClass:"anchor",attrs:{href:"#Solid-radio-button"}},[a._v("#")])]),a._v(" "),t("p",[a._v("Solid radio button style.")])]),a._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("defaultValue")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("buttonStyle")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"solid"')]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(">")]),a._v("Hangzhou"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"b"')]),a._v(">")]),a._v("Shanghai"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"c"')]),a._v(">")]),a._v("Beijing"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"d"')]),a._v(">")]),a._v("Chengdu"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":style")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v("\"{ marginTop: '16px' }\"")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("defaultValue")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"c"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("buttonStyle")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"solid"')]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(">")]),a._v("Hangzhou"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"b"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("disabled")]),a._v(">")]),a._v("Shanghai"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"c"')]),a._v(">")]),a._v("Beijing"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"d"')]),a._v(">")]),a._v("Chengdu"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n")])])])],2)]],2)};D._withStripped=!0;var V=Object(l.a)({},D,[],!1,null,null,null);V.options.__file="components/radio/demo/radioButton-solid.md";var T=V.exports,H=function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <div>\n      <a-radio-group defaultValue="a" size="large">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n    <div :style="{ marginTop: \'16px\' }">\n      <a-radio-group defaultValue="a">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n    <div :style="{ marginTop: \'16px\' }">\n      <a-radio-group defaultValue="a" size="small">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n  </div>\n',script:null,style:null,us:"\n#### size\nThere are three sizes available: large, medium, and small. It can coordinate with input box.\n",cn:"\n#### 大小\n大中小三种组合，可以和表单输入框进行对应配合。\n",sourceCode:'<template>\n  <div>\n    <div>\n      <a-radio-group defaultValue="a" size="large">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n    <div :style="{ marginTop: \'16px\' }">\n      <a-radio-group defaultValue="a">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n    <div :style="{ marginTop: \'16px\' }">\n      <a-radio-group defaultValue="a" size="small">\n        <a-radio-button value="a">Hangzhou</a-radio-button>\n        <a-radio-button value="b">Shanghai</a-radio-button>\n        <a-radio-button value="c">Beijing</a-radio-button>\n        <a-radio-button value="d">Chengdu</a-radio-button>\n      </a-radio-group>\n    </div>\n  </div>\n</template>\n'}}},[t("template",{slot:"component"},[t("div",[t("div",[t("a-radio-group",{attrs:{defaultValue:"a",size:"large"}},[t("a-radio-button",{attrs:{value:"a"}},[a._v("Hangzhou")]),a._v(" "),t("a-radio-button",{attrs:{value:"b"}},[a._v("Shanghai")]),a._v(" "),t("a-radio-button",{attrs:{value:"c"}},[a._v("Beijing")]),a._v(" "),t("a-radio-button",{attrs:{value:"d"}},[a._v("Chengdu")])],1)],1),a._v(" "),t("div",{style:{marginTop:"16px"}},[t("a-radio-group",{attrs:{defaultValue:"a"}},[t("a-radio-button",{attrs:{value:"a"}},[a._v("Hangzhou")]),a._v(" "),t("a-radio-button",{attrs:{value:"b"}},[a._v("Shanghai")]),a._v(" "),t("a-radio-button",{attrs:{value:"c"}},[a._v("Beijing")]),a._v(" "),t("a-radio-button",{attrs:{value:"d"}},[a._v("Chengdu")])],1)],1),a._v(" "),t("div",{style:{marginTop:"16px"}},[t("a-radio-group",{attrs:{defaultValue:"a",size:"small"}},[t("a-radio-button",{attrs:{value:"a"}},[a._v("Hangzhou")]),a._v(" "),t("a-radio-button",{attrs:{value:"b"}},[a._v("Shanghai")]),a._v(" "),t("a-radio-button",{attrs:{value:"c"}},[a._v("Beijing")]),a._v(" "),t("a-radio-button",{attrs:{value:"d"}},[a._v("Chengdu")])],1)],1)])]),a._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"大小"}},[a._v("大小 "),t("a",{staticClass:"anchor",attrs:{href:"#大小"}},[a._v("#")])]),a._v(" "),t("p",[a._v("大中小三种组合，可以和表单输入框进行对应配合。")])]),a._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"size"}},[a._v("size "),t("a",{staticClass:"anchor",attrs:{href:"#size"}},[a._v("#")])]),a._v(" "),t("p",[a._v("There are three sizes available: large, medium, and small. It can coordinate with input box.")])]),a._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("defaultValue")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("size")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"large"')]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(">")]),a._v("Hangzhou"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"b"')]),a._v(">")]),a._v("Shanghai"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"c"')]),a._v(">")]),a._v("Beijing"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"d"')]),a._v(">")]),a._v("Chengdu"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":style")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v("\"{ marginTop: '16px' }\"")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("defaultValue")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(">")]),a._v("Hangzhou"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"b"')]),a._v(">")]),a._v("Shanghai"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"c"')]),a._v(">")]),a._v("Beijing"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"d"')]),a._v(">")]),a._v("Chengdu"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v(":style")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v("\"{ marginTop: '16px' }\"")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("defaultValue")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("size")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"small"')]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"a"')]),a._v(">")]),a._v("Hangzhou"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"b"')]),a._v(">")]),a._v("Shanghai"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"c"')]),a._v(">")]),a._v("Beijing"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n        "),t("span",{staticClass:"hljs-tag"},[a._v("<"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(" "),t("span",{staticClass:"hljs-attr"},[a._v("value")]),a._v("="),t("span",{staticClass:"hljs-string"},[a._v('"d"')]),a._v(">")]),a._v("Chengdu"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-button")]),a._v(">")]),a._v("\n      "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("a-radio-group")]),a._v(">")]),a._v("\n    "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n  "),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("div")]),a._v(">")]),a._v("\n"),t("span",{staticClass:"hljs-tag"},[a._v("</"),t("span",{staticClass:"hljs-name"},[a._v("template")]),a._v(">")]),a._v("\n")])])])],2)]],2)};H._withStripped=!0;var P=Object(l.a)({},H,[],!1,null,null,null);P.options.__file="components/radio/demo/size.md";var E=P.exports,$=function(){var a=this.$createElement;this._self._c;return this._m(0)};$._withStripped=!0;var W=Object(l.a)({},$,[function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",[t("h2",{attrs:{id:"API"}},[a._v("API "),t("a",{staticClass:"anchor",attrs:{href:"#API"}},[a._v("#")])]),a._v(" "),t("h3",{attrs:{id:"Radio"}},[a._v("Radio "),t("a",{staticClass:"anchor",attrs:{href:"#Radio"}},[a._v("#")])]),a._v(" "),t("table",[t("thead",[t("tr",[t("th",[a._v("参数")]),a._v(" "),t("th",[a._v("说明")]),a._v(" "),t("th",[a._v("类型")]),a._v(" "),t("th",[a._v("默认值")])])]),a._v(" "),t("tbody",[t("tr",[t("td",[a._v("autoFocus")]),a._v(" "),t("td",[a._v("自动获取焦点")]),a._v(" "),t("td",[a._v("boolean")]),a._v(" "),t("td",[a._v("false")])]),a._v(" "),t("tr",[t("td",[a._v("checked")]),a._v(" "),t("td",[a._v("指定当前是否选中")]),a._v(" "),t("td",[a._v("boolean")]),a._v(" "),t("td",[a._v("false")])]),a._v(" "),t("tr",[t("td",[a._v("defaultChecked")]),a._v(" "),t("td",[a._v("初始是否选中")]),a._v(" "),t("td",[a._v("boolean")]),a._v(" "),t("td",[a._v("false")])]),a._v(" "),t("tr",[t("td",[a._v("value")]),a._v(" "),t("td",[a._v("根据 value 进行比较，判断是否选中")]),a._v(" "),t("td",[a._v("any")]),a._v(" "),t("td",[a._v("-")])])])]),a._v(" "),t("h3",{attrs:{id:"RadioGroup"}},[a._v("RadioGroup "),t("a",{staticClass:"anchor",attrs:{href:"#RadioGroup"}},[a._v("#")])]),a._v(" "),t("p",[a._v("单选框组合，用于包裹一组 "),t("code",{pre:!0},[a._v("Radio")]),a._v("。")]),a._v(" "),t("table",[t("thead",[t("tr",[t("th",[a._v("参数")]),a._v(" "),t("th",[a._v("说明")]),a._v(" "),t("th",[a._v("类型")]),a._v(" "),t("th",[a._v("默认值")])])]),a._v(" "),t("tbody",[t("tr",[t("td",[a._v("defaultValue")]),a._v(" "),t("td",[a._v("默认选中的值")]),a._v(" "),t("td",[a._v("any")]),a._v(" "),t("td",[a._v("-")])]),a._v(" "),t("tr",[t("td",[a._v("disabled")]),a._v(" "),t("td",[a._v("禁选所有子单选器")]),a._v(" "),t("td",[a._v("boolean")]),a._v(" "),t("td",[a._v("false")])]),a._v(" "),t("tr",[t("td",[a._v("name")]),a._v(" "),t("td",[a._v("RadioGroup 下所有 "),t("code",{pre:!0},[a._v('input[type="radio"]')]),a._v(" 的 "),t("code",{pre:!0},[a._v("name")]),a._v(" 属性")]),a._v(" "),t("td",[a._v("string")]),a._v(" "),t("td",[a._v("-")])]),a._v(" "),t("tr",[t("td",[a._v("options")]),a._v(" "),t("td",[a._v("以配置形式设置子元素")]),a._v(" "),t("td",[a._v("string[] | Array<{ label: string value: string disabled?: boolean }>")]),a._v(" "),t("td",[a._v("-")])]),a._v(" "),t("tr",[t("td",[a._v("size")]),a._v(" "),t("td",[a._v("大小，只对按钮样式生效")]),a._v(" "),t("td",[t("code",{pre:!0},[a._v("large")]),a._v(" | "),t("code",{pre:!0},[a._v("default")]),a._v(" | "),t("code",{pre:!0},[a._v("small")])]),a._v(" "),t("td",[t("code",{pre:!0},[a._v("default")])])]),a._v(" "),t("tr",[t("td",[a._v("value(v-model)")]),a._v(" "),t("td",[a._v("用于设置当前选中的值")]),a._v(" "),t("td",[a._v("any")]),a._v(" "),t("td",[a._v("-")])]),a._v(" "),t("tr",[t("td",[a._v("buttonStyle")]),a._v(" "),t("td",[a._v("RadioButton 的风格样式，目前有描边和填色两种风格")]),a._v(" "),t("td",[t("code",{pre:!0},[a._v("outline")]),a._v(" | "),t("code",{pre:!0},[a._v("solid")])]),a._v(" "),t("td",[t("code",{pre:!0},[a._v("outline")])])])])]),a._v(" "),t("h3",{attrs:{id:"RadioGroup-事件"}},[a._v("RadioGroup 事件 "),t("a",{staticClass:"anchor",attrs:{href:"#RadioGroup-事件"}},[a._v("#")])]),a._v(" "),t("table",[t("thead",[t("tr",[t("th",[a._v("事件名称")]),a._v(" "),t("th",[a._v("说明")]),a._v(" "),t("th",[a._v("回调参数")])])]),a._v(" "),t("tbody",[t("tr",[t("td",[a._v("change")]),a._v(" "),t("td",[a._v("选项变化时的回调函数")]),a._v(" "),t("td",[a._v("Function(e:Event)")])])])]),a._v(" "),t("h2",{attrs:{id:"方法"}},[a._v("方法 "),t("a",{staticClass:"anchor",attrs:{href:"#方法"}},[a._v("#")])]),a._v(" "),t("h3",{attrs:{id:"Radio-2"}},[a._v("Radio "),t("a",{staticClass:"anchor",attrs:{href:"#Radio-2"}},[a._v("#")])]),a._v(" "),t("table",[t("thead",[t("tr",[t("th",[a._v("名称")]),a._v(" "),t("th",[a._v("描述")])])]),a._v(" "),t("tbody",[t("tr",[t("td",[a._v("blur()")]),a._v(" "),t("td",[a._v("移除焦点")])]),a._v(" "),t("tr",[t("td",[a._v("focus()")]),a._v(" "),t("td",[a._v("获取焦点")])])])])])}],!1,null,null,null);W.options.__file="components/radio/index.zh-CN.md";var I=W.exports,M=function(){var a=this.$createElement;this._self._c;return this._m(0)};M._withStripped=!0;var F=Object(l.a)({},M,[function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",[t("h2",{attrs:{id:"API"}},[a._v("API "),t("a",{staticClass:"anchor",attrs:{href:"#API"}},[a._v("#")])]),a._v(" "),t("h3",{attrs:{id:"Radio"}},[a._v("Radio "),t("a",{staticClass:"anchor",attrs:{href:"#Radio"}},[a._v("#")])]),a._v(" "),t("table",[t("thead",[t("tr",[t("th",[a._v("Property")]),a._v(" "),t("th",[a._v("Description")]),a._v(" "),t("th",[a._v("Type")]),a._v(" "),t("th",[a._v("Default")])])]),a._v(" "),t("tbody",[t("tr",[t("td",[a._v("autoFocus")]),a._v(" "),t("td",[a._v("get focus when component mounted")]),a._v(" "),t("td",[a._v("boolean")]),a._v(" "),t("td",[a._v("false")])]),a._v(" "),t("tr",[t("td",[a._v("checked")]),a._v(" "),t("td",[a._v("Specifies whether the radio is selected.")]),a._v(" "),t("td",[a._v("boolean")]),a._v(" "),t("td",[a._v("-")])]),a._v(" "),t("tr",[t("td",[a._v("defaultChecked")]),a._v(" "),t("td",[a._v("Specifies the initial state: whether or not the radio is selected.")]),a._v(" "),t("td",[a._v("boolean")]),a._v(" "),t("td")]),a._v(" "),t("tr",[t("td",[a._v("disabled")]),a._v(" "),t("td",[a._v("Disable radio")]),a._v(" "),t("td",[a._v("boolean")]),a._v(" "),t("td",[a._v("false")])]),a._v(" "),t("tr",[t("td",[a._v("value")]),a._v(" "),t("td",[a._v("According to value for comparison, to determine whether the selected")]),a._v(" "),t("td",[a._v("any")]),a._v(" "),t("td",[a._v("-")])])])]),a._v(" "),t("h3",{attrs:{id:"RadioGroup"}},[a._v("RadioGroup "),t("a",{staticClass:"anchor",attrs:{href:"#RadioGroup"}},[a._v("#")])]),a._v(" "),t("p",[a._v("Radio group can wrap a group of "),t("code",{pre:!0},[a._v("Radio")]),a._v("。")]),a._v(" "),t("table",[t("thead",[t("tr",[t("th",[a._v("Property")]),a._v(" "),t("th",[a._v("Description")]),a._v(" "),t("th",[a._v("Type")]),a._v(" "),t("th",[a._v("Default")])])]),a._v(" "),t("tbody",[t("tr",[t("td",[a._v("defaultValue")]),a._v(" "),t("td",[a._v("Default selected value")]),a._v(" "),t("td",[a._v("any")]),a._v(" "),t("td",[a._v("-")])]),a._v(" "),t("tr",[t("td",[a._v("disabled")]),a._v(" "),t("td",[a._v("Disable all radio buttons")]),a._v(" "),t("td",[a._v("boolean")]),a._v(" "),t("td",[a._v("false")])]),a._v(" "),t("tr",[t("td",[a._v("name")]),a._v(" "),t("td",[a._v("The "),t("code",{pre:!0},[a._v("name")]),a._v(" property of all "),t("code",{pre:!0},[a._v('input[type="radio"]')]),a._v(" children")]),a._v(" "),t("td",[a._v("string")]),a._v(" "),t("td",[a._v("-")])]),a._v(" "),t("tr",[t("td",[a._v("options")]),a._v(" "),t("td",[a._v("set children optional")]),a._v(" "),t("td",[a._v("string[] | Array<{ label: string value: string disabled?: boolean }>")]),a._v(" "),t("td",[a._v("-")])]),a._v(" "),t("tr",[t("td",[a._v("size")]),a._v(" "),t("td",[a._v("size for radio button style")]),a._v(" "),t("td",[t("code",{pre:!0},[a._v("large")]),a._v(" | "),t("code",{pre:!0},[a._v("default")]),a._v(" | "),t("code",{pre:!0},[a._v("small")])]),a._v(" "),t("td",[t("code",{pre:!0},[a._v("default")])])]),a._v(" "),t("tr",[t("td",[a._v("value(v-model)")]),a._v(" "),t("td",[a._v("Used for setting the currently selected value.")]),a._v(" "),t("td",[a._v("any")]),a._v(" "),t("td",[a._v("-")])]),a._v(" "),t("tr",[t("td",[a._v("buttonStyle")]),a._v(" "),t("td",[a._v("style type of radio button")]),a._v(" "),t("td",[t("code",{pre:!0},[a._v("outline")]),a._v(" | "),t("code",{pre:!0},[a._v("solid")])]),a._v(" "),t("td",[t("code",{pre:!0},[a._v("outline")])])])])]),a._v(" "),t("h3",{attrs:{id:"RadioGroup-Events"}},[a._v("RadioGroup Events "),t("a",{staticClass:"anchor",attrs:{href:"#RadioGroup-Events"}},[a._v("#")])]),a._v(" "),t("table",[t("thead",[t("tr",[t("th",[a._v("Events Name")]),a._v(" "),t("th",[a._v("Description")]),a._v(" "),t("th",[a._v("Arguments")])])]),a._v(" "),t("tbody",[t("tr",[t("td",[a._v("change")]),a._v(" "),t("td",[a._v("The callback function that is triggered when the state changes.")]),a._v(" "),t("td",[a._v("Function(e:Event)")])])])]),a._v(" "),t("h2",{attrs:{id:"Methods"}},[a._v("Methods "),t("a",{staticClass:"anchor",attrs:{href:"#Methods"}},[a._v("#")])]),a._v(" "),t("h3",{attrs:{id:"Radio-2"}},[a._v("Radio "),t("a",{staticClass:"anchor",attrs:{href:"#Radio-2"}},[a._v("#")])]),a._v(" "),t("table",[t("thead",[t("tr",[t("th",[a._v("Name")]),a._v(" "),t("th",[a._v("Description")])])]),a._v(" "),t("tbody",[t("tr",[t("td",[a._v("blur()")]),a._v(" "),t("td",[a._v("remove focus")])]),a._v(" "),t("tr",[t("td",[a._v("focus()")]),a._v(" "),t("td",[a._v("get focus")])])])])])}],!1,null,null,null);F.options.__file="components/radio/index.en-US.md";var L=F.exports,U="# 单选框\n  单选框。\n\n## 何时使用\n\n- 用于在多个备选项中选中单个状态。\n- 和 Select 的区别是，Radio 所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。\n        ## 代码演示",N="# Radio\n  Radio.\n\n## When To Use\n\n- Used to select a single state from multiple options.\n- The difference from Select is that Radio is visible to the user and can facilitate the comparison of choice, which means there shouldn't be too many of them.\n  ## Examples\n  ",J={category:"Components",subtitle:"单选框",type:"Data Entry",title:"Radio",render:function(){var a=arguments[0];return a("div",[a("md",{attrs:{cn:U,us:N}}),a(i),a(r),a(c),a(T),a(j),a(x),a(G),a(B),a(E),a("api",[a("template",{slot:"cn"},[a(I)]),a(L)])])}},q=Object(l.a)(J,void 0,void 0,!1,null,null,null);q.options.__file="components/radio/demo/index.vue";s.default=q.exports}}]);