i-rubik
Version:
A Vue.js 2.0+ UI Components Framework
1 lines • 4.91 kB
JavaScript
webpackJsonp([8,29],{243:function(e,d,r){r(305);var a=r(0)(r(270),r(328),"data-v-171ca389",null);e.exports=a.exports},270:function(e,d,r){"use strict";Object.defineProperty(d,"__esModule",{value:!0}),d.default={name:"radios",data:function(){return{gender:"男",color:""}}}},282:function(e,d,r){d=e.exports=r(59)(),d.push([e.i,"h3[data-v-171ca389]{margin:2rem 0}","",{version:3,sources:["/./example/views/Radio.vue"],names:[],mappings:"AACA,oBACE,aAAe,CAChB",file:"Radio.vue",sourcesContent:["\nh3[data-v-171ca389] {\n margin: 2rem 0;\n}"],sourceRoot:"webpack://"}])},305:function(e,d,r){var a=r(282);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);r(226)("5c08d41a",a,!0)},328:function(e,d){e.exports={render:function(){var e=this,d=e.$createElement,r=e._self._c||d;return r("article",[r("h1",[e._v("单选 Radio")]),e._v(" "),r("h2",[e._v("例子")]),e._v(" "),r("h3",[e._v("Basic")]),e._v(" "),r("r-radio",{directives:[{name:"model",rawName:"v-model",value:e.gender,expression:"gender"}],attrs:{id:"gender-male",name:"gender",value:"男",label:"男"},domProps:{value:e.gender},on:{input:function(d){e.gender=d}}}),e._v(" "),r("r-radio",{directives:[{name:"model",rawName:"v-model",value:e.gender,expression:"gender"}],attrs:{id:"gender-female",name:"gender",value:"女",label:"女"},domProps:{value:e.gender},on:{input:function(d){e.gender=d}}}),e._v(" "),r("p",[e._v("选中的性别："+e._s(e.gender))]),e._v(" "),r("r-radio",{attrs:{id:"checked-yes",name:"checked",label:"默认选中",checked:""}}),e._v(" "),r("h3",[e._v("圆点")]),e._v(" "),r("r-radio",{directives:[{name:"model",rawName:"v-model",value:e.color,expression:"color"}],attrs:{id:"color-b",name:"color",dot:"",value:"黑",label:"黑色"},domProps:{value:e.color},on:{input:function(d){e.color=d}}}),e._v(" "),r("r-radio",{directives:[{name:"model",rawName:"v-model",value:e.color,expression:"color"}],attrs:{id:"color-w",name:"color",dot:"",value:"白",label:"白色"},domProps:{value:e.color},on:{input:function(d){e.color=d}}}),e._v(" "),r("p",[e._v("选中的颜色："+e._s(e.color))]),e._v(" "),r("h3",[e._v("disabled")]),e._v(" "),r("r-radio",{attrs:{id:"d1",name:"d1",label:"disabled 选中 圆点",dot:"",checked:""}}),e._v(" "),r("r-radio",{attrs:{id:"d2",name:"d2",label:"disabled 选中",disabled:"",checked:""}}),e._v(" "),r("r-radio",{attrs:{id:"d3",name:"d3",label:"disabled 未选中",disabled:""}}),e._v(" "),r("h2",[e._v("API")]),e._v(" "),r("h3",[e._v("props")]),e._v(" "),e._m(0),e._v(" "),r("Markup",{attrs:{lang:"html"}},[e._v('\n <r-radio id="gender-male" name="gender" v-model="gender" value="男" label="男"></r-radio>\n <r-radio id="gender-female" name="gender" v-model="gender" value="女" label="女"></r-radio>\n <r-radio id="checked-yes" name="checked" label="默认选中" checked></r-radio>\n\n <r-radio id="color-b" name="color" dot label="黑色"></r-radio>\n <r-radio id="color-w" name="color" dot label="白色"></r-radio>\n\n <r-radio id="d1" name="d1" label="disabled 选中 圆点" dot checked ></r-radio>\n <r-radio id="d2" name="d2" label="disabled 选中" disabled checked></r-radio>\n <r-radio id="d3" name="d3" label="disabled 未选中" disabled></r-radio>\n ')]),e._v(" "),r("Markup",{attrs:{lang:"js"}},[e._v("\n export default {\n data(){\n return {\n gender: '男',\n color: '',\n }\n }\n }\n ")])],1)},staticRenderFns:[function(){var e=this,d=e.$createElement,r=e._self._c||d;return r("table",{staticClass:"bordered responsive-table"},[r("thead",[r("th",[e._v("属性")]),e._v(" "),r("th",[e._v("说明")]),e._v(" "),r("th",[e._v("类型")]),e._v(" "),r("th",[e._v("默认值")])]),e._v(" "),r("tbody",[r("tr",[r("td",[e._v("label")]),e._v(" "),r("td",[e._v("label 标签")]),e._v(" "),r("td",[e._v("String")]),e._v(" "),r("td",[e._v("-")])]),e._v(" "),r("tr",[r("td",[e._v("id")]),e._v(" "),r("td",[e._v("input[type=radio] id 属性，对应 label 标签 for 属性")]),e._v(" "),r("td",[e._v("String")]),e._v(" "),r("td",[e._v("-")])]),e._v(" "),r("tr",[r("td",[e._v("name")]),e._v(" "),r("td",[e._v("input[type=radio] name 属性")]),e._v(" "),r("td",[e._v("String")]),e._v(" "),r("td",[e._v("-")])]),e._v(" "),r("tr",[r("td",[e._v("checked")]),e._v(" "),r("td",[e._v("radio 是否选中")]),e._v(" "),r("td",[e._v("String")]),e._v(" "),r("td",[e._v("-")])]),e._v(" "),r("tr",[r("td",[e._v("disabled")]),e._v(" "),r("td",[e._v("radio 是否可用")]),e._v(" "),r("td",[e._v("Boolean")]),e._v(" "),r("td",[e._v("-")])]),e._v(" "),r("tr",[r("td",[e._v("value")]),e._v(" "),r("td",[e._v("input[type=radio] 的 value 属性")]),e._v(" "),r("td",[e._v("String")]),e._v(" "),r("td",[e._v("-")])]),e._v(" "),r("tr",[r("td",[e._v("v-model 指令")]),e._v(" "),r("td",[e._v("和 input[type=radio] 的 value 双向绑定")]),e._v(" "),r("td",[e._v("String")]),e._v(" "),r("td",[e._v("-")])])])])}]}}});