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