"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[4264],{74264:function(e,l,c){c.r(l),c.d(l,{default:function(){return W}});var n=c(20641),o=c(90033),u=function(e){return(0,n.Qi)("data-v-7b0f2cb3"),e=e(),(0,n.jt)(),e},t={class:"lin-container"},r=u((function(){return(0,n.Lk)("div",{class:"lin-title"},"Radio 单选框",-1)})),d={class:"lin-wrap-ui"},a=u((function(){return(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"基础用法")],-1)})),b={style:{"white-space":"pre-wrap"}},i=u((function(){return(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"禁用状态")],-1)})),k={style:{"white-space":"pre-wrap"}},h=u((function(){return(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"多选框组")],-1)})),s={style:{"white-space":"pre-wrap"}},f=u((function(){return(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"按钮样式")],-1)})),p={style:{"margin-top":"20px"}},m={style:{"margin-top":"20px"}},x={style:{"margin-top":"20px"}},v={style:{"white-space":"pre-wrap"}},_=u((function(){return(0,n.Lk)("div",{slot:"header"},[(0,n.Lk)("span",null,"尺寸")],-1)})),F={style:{"margin-top":"20px"}},V={style:{"margin-top":"20px"}},y={style:{"margin-top":"20px"}},g={style:{"white-space":"pre-wrap"}};function L(e,l,c,u,L,G){var z=(0,n.g2)("el-checkbox"),w=(0,n.g2)("el-col"),U=(0,n.g2)("el-row"),W=(0,n.g2)("el-collapse-item"),C=(0,n.g2)("el-collapse"),X=(0,n.g2)("el-card"),E=(0,n.g2)("el-checkbox-group"),I=(0,n.g2)("el-checkbox-button");return(0,n.uX)(),(0,n.CE)("div",t,[r,(0,n.Lk)("div",d,[(0,n.bF)(X,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,n.k6)((function(){return[a,(0,n.bF)(U,null,{default:(0,n.k6)((function(){return[(0,n.bF)(w,{span:12},{default:(0,n.k6)((function(){return[(0,n.bF)(z,{modelValue:L.checked,"onUpdate:modelValue":l[0]||(l[0]=function(e){return L.checked=e})},{default:(0,n.k6)((function(){return[(0,n.eW)("备选项")]})),_:1},8,["modelValue"])]})),_:1})]})),_:1}),(0,n.bF)(C,null,{default:(0,n.k6)((function(){return[(0,n.bF)(W,{title:"查看代码",name:"2"},{default:(0,n.k6)((function(){return[(0,n.Lk)("div",b,(0,o.v_)(L.base),1)]})),_:1})]})),_:1})]})),_:1}),(0,n.bF)(X,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,n.k6)((function(){return[i,(0,n.bF)(U,null,{default:(0,n.k6)((function(){return[(0,n.bF)(w,{span:12},{default:(0,n.k6)((function(){return[(0,n.bF)(z,{modelValue:L.checked1,"onUpdate:modelValue":l[1]||(l[1]=function(e){return L.checked1=e}),disabled:""},{default:(0,n.k6)((function(){return[(0,n.eW)("备选项1")]})),_:1},8,["modelValue"]),(0,n.bF)(z,{modelValue:L.checked2,"onUpdate:modelValue":l[2]||(l[2]=function(e){return L.checked2=e}),disabled:""},{default:(0,n.k6)((function(){return[(0,n.eW)("备选项")]})),_:1},8,["modelValue"])]})),_:1})]})),_:1}),(0,n.bF)(C,null,{default:(0,n.k6)((function(){return[(0,n.bF)(W,{title:"查看代码",name:"2"},{default:(0,n.k6)((function(){return[(0,n.Lk)("div",k,(0,o.v_)(L.disabled),1)]})),_:1})]})),_:1})]})),_:1}),(0,n.bF)(X,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,n.k6)((function(){return[h,(0,n.bF)(U,null,{default:(0,n.k6)((function(){return[(0,n.bF)(w,null,{default:(0,n.k6)((function(){return[(0,n.bF)(E,{modelValue:L.checkList1,"onUpdate:modelValue":l[3]||(l[3]=function(e){return L.checkList1=e})},{default:(0,n.k6)((function(){return[(0,n.bF)(z,{label:"复选框 A"}),(0,n.bF)(z,{label:"复选框 B"}),(0,n.bF)(z,{label:"复选框 C"}),(0,n.bF)(z,{label:"禁用",disabled:""}),(0,n.bF)(z,{label:"选中且禁用",disabled:""})]})),_:1},8,["modelValue"])]})),_:1})]})),_:1}),(0,n.bF)(C,null,{default:(0,n.k6)((function(){return[(0,n.bF)(W,{title:"查看代码",name:"2"},{default:(0,n.k6)((function(){return[(0,n.Lk)("div",s,(0,o.v_)(L.group),1)]})),_:1})]})),_:1})]})),_:1}),(0,n.bF)(X,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,n.k6)((function(){return[f,(0,n.bF)(U,null,{default:(0,n.k6)((function(){return[(0,n.bF)(w,{span:12},{default:(0,n.k6)((function(){return[(0,n.Lk)("div",null,[(0,n.bF)(E,{modelValue:L.checkboxGroup1,"onUpdate:modelValue":l[4]||(l[4]=function(e){return L.checkboxGroup1=e})},{default:(0,n.k6)((function(){return[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(L.cities,(function(e){return(0,n.uX)(),(0,n.Wv)(I,{label:e,key:e},{default:(0,n.k6)((function(){return[(0,n.eW)((0,o.v_)(e),1)]})),_:2},1032,["label"])})),128))]})),_:1},8,["modelValue"])]),(0,n.Lk)("div",p,[(0,n.bF)(E,{modelValue:L.checkboxGroup2,"onUpdate:modelValue":l[5]||(l[5]=function(e){return L.checkboxGroup2=e}),size:"medium"},{default:(0,n.k6)((function(){return[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(L.cities,(function(e){return(0,n.uX)(),(0,n.Wv)(I,{label:e,key:e},{default:(0,n.k6)((function(){return[(0,n.eW)((0,o.v_)(e),1)]})),_:2},1032,["label"])})),128))]})),_:1},8,["modelValue"])]),(0,n.Lk)("div",m,[(0,n.bF)(E,{modelValue:L.checkboxGroup3,"onUpdate:modelValue":l[6]||(l[6]=function(e){return L.checkboxGroup3=e}),size:"small"},{default:(0,n.k6)((function(){return[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(L.cities,(function(e){return(0,n.uX)(),(0,n.Wv)(I,{label:e,disabled:"北京"===e,key:e},{default:(0,n.k6)((function(){return[(0,n.eW)((0,o.v_)(e),1)]})),_:2},1032,["label","disabled"])})),128))]})),_:1},8,["modelValue"])]),(0,n.Lk)("div",x,[(0,n.bF)(E,{modelValue:L.checkboxGroup4,"onUpdate:modelValue":l[7]||(l[7]=function(e){return L.checkboxGroup4=e}),size:"mini",disabled:""},{default:(0,n.k6)((function(){return[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(L.cities,(function(e){return(0,n.uX)(),(0,n.Wv)(I,{label:e,key:e},{default:(0,n.k6)((function(){return[(0,n.eW)((0,o.v_)(e),1)]})),_:2},1032,["label"])})),128))]})),_:1},8,["modelValue"])])]})),_:1})]})),_:1}),(0,n.bF)(C,null,{default:(0,n.k6)((function(){return[(0,n.bF)(W,{title:"查看代码",name:"2"},{default:(0,n.k6)((function(){return[(0,n.Lk)("div",v,(0,o.v_)(L.button),1)]})),_:1})]})),_:1})]})),_:1}),(0,n.bF)(X,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,n.k6)((function(){return[_,(0,n.bF)(U,{gutter:20},{default:(0,n.k6)((function(){return[(0,n.bF)(w,{span:12},{default:(0,n.k6)((function(){return[(0,n.Lk)("div",null,[(0,n.bF)(z,{modelValue:L.checked1,"onUpdate:modelValue":l[8]||(l[8]=function(e){return L.checked1=e}),label:"备选项1",border:""},null,8,["modelValue"]),(0,n.bF)(z,{modelValue:L.checked2,"onUpdate:modelValue":l[9]||(l[9]=function(e){return L.checked2=e}),label:"备选项2",border:""},null,8,["modelValue"])]),(0,n.Lk)("div",F,[(0,n.bF)(z,{modelValue:L.checked3,"onUpdate:modelValue":l[10]||(l[10]=function(e){return L.checked3=e}),label:"备选项1",border:"",size:"medium"},null,8,["modelValue"]),(0,n.bF)(z,{modelValue:L.checked4,"onUpdate:modelValue":l[11]||(l[11]=function(e){return L.checked4=e}),label:"备选项2",border:"",size:"medium"},null,8,["modelValue"])]),(0,n.Lk)("div",V,[(0,n.bF)(E,{modelValue:L.checkboxGroup5,"onUpdate:modelValue":l[12]||(l[12]=function(e){return L.checkboxGroup5=e}),size:"small"},{default:(0,n.k6)((function(){return[(0,n.bF)(z,{label:"备选项1",border:""}),(0,n.bF)(z,{label:"备选项2",border:"",disabled:""})]})),_:1},8,["modelValue"])]),(0,n.Lk)("div",y,[(0,n.bF)(E,{modelValue:L.checkboxGroup6,"onUpdate:modelValue":l[13]||(l[13]=function(e){return L.checkboxGroup6=e}),size:"mini",disabled:""},{default:(0,n.k6)((function(){return[(0,n.bF)(z,{label:"备选项1",border:""}),(0,n.bF)(z,{label:"备选项2",border:""})]})),_:1},8,["modelValue"])])]})),_:1})]})),_:1}),(0,n.bF)(C,null,{default:(0,n.k6)((function(){return[(0,n.bF)(W,{title:"查看代码",name:"2"},{default:(0,n.k6)((function(){return[(0,n.Lk)("div",g,(0,o.v_)(L.size),1)]})),_:1})]})),_:1})]})),_:1})])])}var G=["上海","北京","广州","深圳"],z={name:"",components:{},data:function(){return{text:"",checked:!0,checked1:!0,checked2:!1,checkList1:["选中且禁用","复选框 A"],checkboxGroup1:["上海"],checkboxGroup2:["上海"],checkboxGroup3:["上海"],checkboxGroup4:["上海"],cities:G,checked3:!1,checked4:!0,checkboxGroup5:[],checkboxGroup6:[],base:'\n <el-checkbox v-model="checked">备选项</el-checkbox>',disabled:'\n <el-checkbox v-model="checked1" disabled>备选项1</el-checkbox>\n <el-checkbox v-model="checked2" disabled>备选项</el-checkbox>',group:'\n <el-checkbox-group v-model="checkList1">\n <el-checkbox label="复选框 A"></el-checkbox>\n <el-checkbox label="复选框 B"></el-checkbox>\n <el-checkbox label="复选框 C"></el-checkbox>\n <el-checkbox label="禁用" disabled></el-checkbox>\n <el-checkbox label="选中且禁用" disabled></el-checkbox>\n </el-checkbox-group>',button:'\n <el-checkbox-group v-model="checkboxGroup1">\n <el-checkbox-button v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox-button>\n </el-checkbox-group>\n\n <el-checkbox-group v-model="checkboxGroup2" size="medium">\n <el-checkbox-button v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox-button>\n </el-checkbox-group>\n\n <el-checkbox-group v-model="checkboxGroup3" size="small">\n <el-checkbox-button\n v-for="city in cities"\n :label="city"\n :disabled="city === \'北京\'"\n :key="city">{{city}}\n </el-checkbox-button>\n </el-checkbox-group>\n\n <el-checkbox-group v-model="checkboxGroup4" size="mini" disabled>\n <el-checkbox-button v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox-button>\n </el-checkbox-group>',size:'\n <el-checkbox v-model="checked1" label="备选项1" border></el-checkbox>\n <el-checkbox v-model="checked2" label="备选项2" border></el-checkbox>\n \n <el-checkbox v-model="checked3" label="备选项1" border size="medium"></el-checkbox>\n <el-checkbox v-model="checked4" label="备选项2" border size="medium"></el-checkbox>\n\n <el-checkbox-group v-model="checkboxGroup5" size="small">\n <el-checkbox label="备选项1" border></el-checkbox>\n <el-checkbox label="备选项2" border disabled></el-checkbox>\n </el-checkbox-group>\n\n <el-checkbox-group v-model="checkboxGroup6" size="mini" disabled>\n <el-checkbox label="备选项1" border></el-checkbox>\n <el-checkbox label="备选项2" border></el-checkbox>\n </el-checkbox-group>'}},computed:{},watch:{},mounted:function(){this.init()},methods:{init:function(){}}},w=c(66262);const U=(0,w.A)(z,[["render",L],["__scopeId","data-v-7b0f2cb3"]]);var W=U}}]);
|
