webpackJsonp([69],{"D+uV":function(t,s,a){t.exports=a("vjNw")},Xhi2:function(t,s){t.exports={render:function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("section",[a("h2",{attrs:{id:"Radio"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Radio-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Radio")]),t._v(""),t._m(0),t._v(""),a("p",[t._v("Radio component. You could set the options and the position of the radio's icon.")]),t._v(""),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(""),t._m(1),t._v(""),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(""),t._m(2),t._v(""),t._m(3),t._v(""),t._m(4),t._v(""),t._m(5),t._v(""),a("h3",{attrs:{id:"cube-radioPropsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-cube-radioPropsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" cube-radio Props configuration")]),t._v(""),t._m(6),t._v(""),t._m(7),t._v(""),t._m(8),t._v(""),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(""),t._m(9)])},staticRenderFns:[function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("blockquote",[a("p",[t._v("New in 1.4.0+")])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-radio-group")]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"selected"')]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v(" />")]),t._v("\n")])]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(""),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("selected")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),a("span",{attrs:{class:"hljs-string"}},[t._v("'Option1'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Option2'")]),t._v("]\n }\n }\n}\n")])]),t._v(""),a("p",[t._v("The value of "),a("code",{pre:!0},[t._v("options")]),t._v(" is an array. The default "),a("code",{pre:!0},[t._v("selected")]),t._v(" value is "),a("code",{pre:!0},[t._v("''")]),t._v(", which means no option will be selected by defaut. If you clicked one radio option, the "),a("code",{pre:!0},[t._v("selected")]),t._v(" will be set as the value of this option.")])]),t._v(""),a("li",[a("p",[t._v("Configure the label, value, disabled state of options and icon style.")]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-radio-group")]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"selected2"')]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"options2"')]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v("position")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"right"')]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v(":hollow-style")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(" />")]),t._v("\n")])]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(""),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("selected2")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("3")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("options2")]),t._v(": [\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Option1'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Option2'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("2")]),t._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Option3'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("3")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n ]\n }\n }\n}\n")])]),t._v(""),a("p",[t._v("The "),a("code",{pre:!0},[t._v("options")]),t._v(" value can be an array which has some object items. You can set "),a("code",{pre:!0},[t._v("label")]),t._v(" and "),a("code",{pre:!0},[t._v("value")]),t._v(" in each item, and use "),a("code",{pre:!0},[t._v("disabled")]),t._v(" to configure whether the radio item's state is disabled.")]),t._v(""),a("p",[t._v("If the "),a("code",{pre:!0},[t._v("position")]),t._v(" is set as "),a("code",{pre:!0},[t._v("'right'")]),t._v(", the radio's icon will be posited at the right of the label. Set "),a("code",{pre:!0},[t._v("hollow-style=true")]),t._v(" to use hollow-out style.")])]),t._v(""),a("li",[a("p",[t._v("Horizontal order")]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-radio-group")]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"selected3"')]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"options3"')]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v(":horizontal")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(" />")]),t._v("\n")])]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(""),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("selected3")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'3'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("options3")]),t._v(": [\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'1'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'1'")]),t._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'2'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'2'")]),t._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'3'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'3'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n ]\n }\n }\n}\n")])]),t._v(""),a("p",[t._v("You can use "),a("code",{pre:!0},[t._v("horizontal")]),t._v(" to configure the style to horizontal layout.")])]),t._v(""),a("li",[a("p",[t._v("Use slot")]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-radio-group")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-radio")]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-for")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"(option, index) in options4"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v(":key")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"index"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v(":option")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"option"')]),t._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"selected4"')]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("img")]),t._v(""),a("span",{attrs:{class:"hljs-attr"}},[t._v(":src")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"option.src"')]),t._v(" />")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-radio")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-radio-group")]),t._v(">")]),t._v("\n")])]),t._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(""),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("selected4")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'1'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("options4")]),t._v(": [\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'1'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'1'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("src")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),t._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'2'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'2'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("src")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),t._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'3'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'3'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("src")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),t._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n ]\n }\n }\n}\n")])])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(""),a("th",[t._v("Description")]),t._v(""),a("th",[t._v("Type")]),t._v(""),a("th",[t._v("Accepted Values")]),t._v(""),a("th",[t._v("Default")])])]),t._v(""),a("tbody",[a("tr",[a("td",[t._v("options")]),t._v(""),a("td",[t._v("the array of radio options")]),t._v(""),a("td",[t._v("Array")]),t._v(""),a("td",[t._v("-")]),t._v(""),a("td",[t._v("-")])]),t._v(""),a("tr",[a("td",[t._v("position")]),t._v(""),a("td",[t._v("icon position")]),t._v(""),a("td",[t._v("String")]),t._v(""),a("td",[t._v("left/right")]),t._v(""),a("td",[t._v("left")])]),t._v(""),a("tr",[a("td",[t._v("horizontal")]),t._v(""),a("td",[t._v("whether use horizontal layout")]),t._v(""),a("td",[t._v("Boolean")]),t._v(""),a("td",[t._v("true/false")]),t._v(""),a("td",[t._v("false")])]),t._v(""),a("tr",[a("td",[t._v("hollowStyle")]),t._v(""),a("td",[t._v("whether is hollow-out style")]),t._v(""),a("td",[t._v("Boolean")]),t._v(""),a("td",[t._v("true/false")]),t._v(""),a("td",[t._v("false")])])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("ul",[a("li",[a("code",{pre:!0},[t._v("options")]),t._v(" sub configuration")])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(""),a("th",[t._v("Description")]),t._v(""),a("th",[t._v("Type")])])]),t._v(""),a("tbody",[a("tr",[a("td",[t._v("label")]),t._v(""),a("td",[t._v("the text of label")]),t._v(""),a("td",[t._v("String")])]),t._v(""),a("tr",[a("td",[t._v("value")]),t._v(""),a("td",[t._v("the value of radio item")]),t._v(""),a("td",[t._v("String/Number")])]),t._v(""),a("tr",[a("td",[t._v("disabled")]),t._v(""),a("td",[t._v("whether the radio item is disabled")]),t._v(""),a("td",[t._v("Boolean")])])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("p",[t._v("Note: Each item of "),a("code",{pre:!0},[t._v("options")]),t._v(" can be an string, Which means both the "),a("code",{pre:!0},[t._v("label")]),t._v(" and "),a("code",{pre:!0},[t._v("value")]),t._v(" will be set as this string.")])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(""),a("th",[t._v("Description")]),t._v(""),a("th",[t._v("Type")]),t._v(""),a("th",[t._v("Accepted Values")]),t._v(""),a("th",[t._v("Default")])])]),t._v(""),a("tbody",[a("tr",[a("td",[t._v("option")]),t._v(""),a("td",[t._v("option value")]),t._v(""),a("td",[t._v("Object/String")]),t._v(""),a("td",[t._v("-")]),t._v(""),a("td",[t._v("-")])]),t._v(""),a("tr",[a("td",[t._v("position")]),t._v(""),a("td",[t._v("icon position")]),t._v(""),a("td",[t._v("String")]),t._v(""),a("td",[t._v("left/right")]),t._v(""),a("td",[t._v("left")])]),t._v(""),a("tr",[a("td",[t._v("hollow-style")]),t._v(""),a("td",[t._v("whether is hollow-out style")]),t._v(""),a("td",[t._v("Boolean")]),t._v(""),a("td",[t._v("true/false")]),t._v(""),a("td",[t._v("false")])])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("ul",[a("li",[a("code",{pre:!0},[t._v("option")]),t._v(" sub configuration")])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(""),a("th",[t._v("Description")]),t._v(""),a("th",[t._v("Type")])])]),t._v(""),a("tbody",[a("tr",[a("td",[t._v("label")]),t._v(""),a("td",[t._v("the text of label")]),t._v(""),a("td",[t._v("String")])]),t._v(""),a("tr",[a("td",[t._v("value")]),t._v(""),a("td",[t._v("the value of radio item")]),t._v(""),a("td",[t._v("String/Number")])]),t._v(""),a("tr",[a("td",[t._v("disabled")]),t._v(""),a("td",[t._v("whether the radio item is disabled")]),t._v(""),a("td",[t._v("Boolean")])])])])},function(){vart=this,s=t.$createElement,a=t._self._c||s;returna("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(""),a("th",[t._v("Description")]),t._v(""),a("th",[t._v("Parameters")])])]),t._v(""),a("tbody",[a("tr",[a("td",[t._v("input")]),t._v(""),a("td",[t._v("triggers when the binding value changes")]),t._v(""),a("td",[t._v("the value of the chosen radio")])])])])}]}},vjNw:function(t,s,a){varv=a("VU/8")(null,a("Xhi2"),null,null,null);t.exports=v.exports}});
webpackJsonp([69],{"D+uV":function(s,t,a){s.exports=a("vjNw")},Xhi2:function(s,t){s.exports={render:function(){vars=this,t=s.$createElement,a=s._self._c||t;returna("section",[a("h2",{attrs:{id:"Radio"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Radio-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Radio")]),s._v(""),s._m(0),s._v(""),a("p",[s._v("Radio component. You could set the options and the position of the radio's icon.")]),s._v(""),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(""),s._m(1),s._v(""),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(""),s._m(2),s._v(""),s._m(3),s._v(""),s._m(4),s._v(""),s._m(5),s._v(""),a("h3",{attrs:{id:"cube-radioPropsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-cube-radioPropsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" cube-radio Props configuration")]),s._v(""),s._m(6),s._v(""),s._m(7),s._v(""),s._m(8),s._v(""),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(""),s._m(9)])},staticRenderFns:[function(){vars=this,t=s.$createElement,a=s._self._c||t;returna("blockquote",[a("p",[s._v("New in 1.4.0+")])])},function(){vars=this,t=s.$createElement,a=s._self._c||t;returna("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected"')]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" />")]),s._v("\n")])]),s._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(""),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v("]\n }\n }\n}\n")])]),s._v(""),a("p",[s._v("The value of "),a("code",{pre:!0},[s._v("options")]),s._v(" is an array. The default "),a("code",{pre:!0},[s._v("selected")]),s._v(" value is "),a("code",{pre:!0},[s._v("''")]),s._v(", which means no option will be selected by defaut. If you clicked one radio option, the "),a("code",{pre:!0},[s._v("selected")]),s._v(" will be set as the value of this option.")])]),s._v(""),a("li",[a("p",[s._v("Configure the label, value, disabled state of options and icon style.")]),s._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected2"')]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options2"')]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"right"')]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])]),s._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(""),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected2")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("options2")]),s._v(": [\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option3'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(""),a("p",[s._v("The "),a("code",{pre:!0},[s._v("options")]),s._v(" value can be an array which has some object items. You can set "),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),s._v(" in each item, and use "),a("code",{pre:!0},[s._v("disabled")]),s._v(" to configure whether the radio item's state is disabled.")]),s._v(""),a("p",[s._v("If the "),a("code",{pre:!0},[s._v("position")]),s._v(" is set as "),a("code",{pre:!0},[s._v("'right'")]),s._v(", the radio's icon will be posited at the right of the label. Set "),a("code",{pre:!0},[s._v("hollow-style=true")]),s._v(" to use hollow-out style.")])]),s._v(""),a("li",[a("p",[s._v("Horizontal order")]),s._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected3"')]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options3"')]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])]),s._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(""),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected3")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("options3")]),s._v(": [\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(""),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" to configure the style to horizontal layout.")])]),s._v(""),a("li",[a("p",[s._v("Use slot")]),s._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(option, index) in options4"')]),s._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option"')]),s._v("\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected4"')]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option.src"')]),s._v(" />")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("</"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(">")]),s._v("\n")])]),s._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(""),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected4")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("options4")]),s._v(": [\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])])]),s._v(""),a("li",[a("p",[s._v("Set column number"),a("sup",[s._v("1.12.28")])]),s._v(""),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("colNum")]),s._v(" to control the display columns")]),s._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected5"')]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options5"')]),s._v(""),a("span",{attrs:{class:"hljs-attr"}},[s._v(":col-num")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"colNum"')]),s._v(" />")]),s._v("\n")])]),s._v(""),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(""),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected5")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("options5")]),s._v(": [\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5'")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7'")]),s._v("\n },\n {\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),s._v(",\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8'")]),s._v("\n }\n ],\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("colNum")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])])])])},function(){vars=this,t=s.$createElement,a=s._self._c||t;returna("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(""),a("th",[s._v("Description")]),s._v(""),a("th",[s._v("Type")]),s._v(""),a("th",[s._v("Accepted Values")]),s._v(""),a("th",[s._v("Default")])])]),s._v(""),a("tbody",[a("tr",[a("td",[s._v("options")]),s._v(""),a("td",[s._v("the array of radio options")]),s._v(""),a("td",[s._v("Array")]),s._v(""),a("td",[s._v("-")]),s._v(""),a("td",[s._v("-")])]),s._v(""),a("tr",[a("td",[s._v("position")]),s._v(""),a("td",[s._v("icon position")]),s._v(""),a("td",[s._v("String")]),s._v(""),a("td",[s._v("left/right")]),s._v(""),a("td",[s._v("left")])]),s._v(""),a("tr",[a("td",[s._v("colNum"),a("sup",[s._v("1.12.28")])]),s._v(""),a("td",[s._v("column number")]),s._v(""),a("td",[s._v("Number")]),s._v(""),a("td",[s._v("-")]),s._v(""),a("td",[s._v("1")])]),s._v(""),a("tr",[a("td",[s._v("horizontal")]),s._v(""),a("td",[s._v("whether use horizontal layout")]),s._v(""),a("td",[s._v("Boolean")]),s._v(""),a("td",[s._v("true/false")]),s._v(""),a("td",[s._v("false")])]),s._v(""),a("tr",[a("td",[s._v("hollowStyle")]),s._v(""),a("td",[s._v("whether is hollow-out style")]),s._v(""),a("td",[s._v("Boolean")]),s._v(""),a("td",[s._v("true/false")]),s._v(""),a("td",[s._v("false")])])])])},function(){vars=this,t=s.$createElement,a=s._self._c||t;returna("ul",[a("li",[a("code",{pre:!0},[s._v("options")]),s._v(" sub configuration")])])},function(){vars=this,t=s.$createElement,a=s._self._c||t;returna("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(""),a("th",[s._v("Description")]),s._v(""),a("th",[s._v("Type")])])]),s._v(""),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(""),a("td",[s._v("the text of label")]),s._v(""),a("td",[s._v("String")])]),s._v(""),a("tr",[a("td",[s._v("value")]),s._v(""),a("td",[s._v("the value of radio item")]),s._v(""),a("td",[s._v("String/Number")])]),s._v(""),a("tr",[a("td",[s._v("disabled")]),s._v(""),a("td",[s._v("whether the radio item is disabled")]),s._v(""),a("td",[s._v("Boolean")])])])])},function(){vars=this,t=s.$createElement,a=s._self._c||t;returna("p",[s._v("Note: Each item of "),a("code",{pre:!0},[s._v("options")]),s._v(" can be an string, Which means both the "),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),s._v(" will be set as this string.")])},function(){vars=this,t=s.$createElement,a=s._self._c||t;returna("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(""),a("th",[s._v("Description")]),s._v(""),a("th",[s._v("Type")]),s._v(""),a("th",[s._v("Accepted Values")]),s._v(""),a("th",[s._v("Default")])])]),s._v(""),a("tbody",[a("tr",[a("td",[s._v("option")]),s._v(""),a("td",[s._v("option value")]),s._v(""),a("td",[s._v("Object/String")]),s._v(""),a("td",[s._v("-")]),s._v(""),a("td",[s._v("-")])]),s._v(""),a("tr",[a("td",[s._v("position")]),s._v(""),a("td",[s._v("icon position")]),s._v(""),a("td",[s._v("String")]),s._v(""),a("td",[s._v("left/right")]),s._v(""),a("td",[s._v("left")])]),s._v(""),a("tr",[a("td",[s._v("hollow-style")]),s._v(""),a("td",[s._v("whether is hollow-out style")]),s._v(""),a("td",[s._v("Boolean")]),s._v(""),a("td",[s._v("true/false")]),s._v(""),a("td",[s._v("false")])])])])},function(){vars=this,t=s.$createElement,a=s._self._c||t;returna("ul",[a("li",[a("code",{pre:!0},[s._v("option")]),s._v(" sub configuration")])])},function(){vars=this,t=s.$createElement,a=s._self._c||t;returna("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(""),a("th",[s._v("Description")]),s._v(""),a("th",[s._v("Type")])])]),s._v(""),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(""),a("td",[s._v("the text of label")]),s._v(""),a("td",[s._v("String")])]),s._v(""),a("tr",[a("td",[s._v("value")]),s._v(""),a("td",[s._v("the value of radio item")]),s._v(""),a("td",[s._v("String/Number")])]),s._v(""),a("tr",[a("td",[s._v("disabled")]),s._v(""),a("td",[s._v("whether the radio item is disabled")]),s._v(""),a("td",[s._v("Boolean")])])])])},function(){vars=this,t=s.$createElement,a=s._self._c||t;returna("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(""),a("th",[s._v("Description")]),s._v(""),a("th",[s._v("Parameters")])])]),s._v(""),a("tbody",[a("tr",[a("td",[s._v("input")]),s._v(""),a("td",[s._v("triggers when the binding value changes")]),s._v(""),a("td",[s._v("the value of the chosen radio")])])])])}]}},vjNw:function(s,t,a){varv=a("VU/8")(null,a("Xhi2"),null,null,null);s.exports=v.exports}});
