"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[8429],{8429:function(e,l,n){n.r(l),n.d(l,{default:function(){return I}});var u=n(20641),a=n(90033),t=function(e){return(0,u.Qi)("data-v-d4729470"),e=e(),(0,u.jt)(),e},o={class:"lin-container"},i=t((function(){return(0,u.Lk)("div",{class:"lin-title"},"Select 选择器",-1)})),r={class:"lin-wrap-ui"},d=t((function(){return(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"基础用法")],-1)})),v={style:{"white-space":"pre-wrap"}},c=t((function(){return(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"有禁用选项")],-1)})),b={style:{"white-space":"pre-wrap"}},s=t((function(){return(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"可清空单选")],-1)})),p={style:{"white-space":"pre-wrap"}},f=t((function(){return(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"基础多选")],-1)})),m={style:{"white-space":"pre-wrap"}},k=t((function(){return(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"自定义模板")],-1)})),_={style:{float:"left"}},h={style:{float:"right",color:"#8492a6","font-size":"13px"}},F={style:{"white-space":"pre-wrap"}},y=t((function(){return(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"分组")],-1)})),g={style:{"white-space":"pre-wrap"}},L=t((function(){return(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"可搜索")],-1)})),V={style:{"white-space":"pre-wrap"}},w=t((function(){return(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"创建条目")],-1)})),X={style:{"white-space":"pre-wrap"}};function x(e,l,n,t,x,z){var C=(0,u.g2)("el-option"),E=(0,u.g2)("el-select"),I=(0,u.g2)("el-row"),K=(0,u.g2)("el-collapse-item"),U=(0,u.g2)("el-collapse"),W=(0,u.g2)("el-card"),S=(0,u.g2)("el-option-group");return(0,u.uX)(),(0,u.CE)("div",o,[i,(0,u.Lk)("div",r,[(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((function(){return[d,(0,u.bF)(I,null,{default:(0,u.k6)((function(){return[(0,u.bF)(E,{size:"medium",modelValue:x.value,"onUpdate:modelValue":l[0]||(l[0]=function(e){return x.value=e}),placeholder:"请选择"},{default:(0,u.k6)((function(){return[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options,(function(e){return(0,u.uX)(),(0,u.Wv)(C,{key:e.value,label:e.label,value:e.value},null,8,["label","value"])})),128))]})),_:1},8,["modelValue"])]})),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((function(){return[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((function(){return[(0,u.Lk)("div",v,(0,a.v_)(x.base),1)]})),_:1})]})),_:1})]})),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((function(){return[c,(0,u.bF)(I,null,{default:(0,u.k6)((function(){return[(0,u.bF)(E,{size:"medium",modelValue:x.value2,"onUpdate:modelValue":l[1]||(l[1]=function(e){return x.value2=e}),placeholder:"请选择"},{default:(0,u.k6)((function(){return[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options2,(function(e){return(0,u.uX)(),(0,u.Wv)(C,{key:e.value,label:e.label,value:e.value,disabled:e.disabled},null,8,["label","value","disabled"])})),128))]})),_:1},8,["modelValue"])]})),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((function(){return[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((function(){return[(0,u.Lk)("div",b,(0,a.v_)(x.disabled),1)]})),_:1})]})),_:1})]})),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((function(){return[s,(0,u.bF)(I,null,{default:(0,u.k6)((function(){return[(0,u.bF)(E,{size:"medium",clearable:"",modelValue:x.value3,"onUpdate:modelValue":l[2]||(l[2]=function(e){return x.value3=e}),placeholder:"请选择"},{default:(0,u.k6)((function(){return[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options,(function(e){return(0,u.uX)(),(0,u.Wv)(C,{key:e.value,label:e.label,value:e.value},null,8,["label","value"])})),128))]})),_:1},8,["modelValue"])]})),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((function(){return[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((function(){return[(0,u.Lk)("div",p,(0,a.v_)(x.clearable),1)]})),_:1})]})),_:1})]})),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((function(){return[f,(0,u.bF)(I,null,{default:(0,u.k6)((function(){return[(0,u.bF)(E,{size:"medium",multiple:"",modelValue:x.value4,"onUpdate:modelValue":l[3]||(l[3]=function(e){return x.value4=e}),placeholder:"请选择"},{default:(0,u.k6)((function(){return[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options,(function(e){return(0,u.uX)(),(0,u.Wv)(C,{key:e.value,label:e.label,value:e.value},null,8,["label","value"])})),128))]})),_:1},8,["modelValue"])]})),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((function(){return[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((function(){return[(0,u.Lk)("div",m,(0,a.v_)(x.multiple),1)]})),_:1})]})),_:1})]})),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((function(){return[k,(0,u.bF)(I,null,{default:(0,u.k6)((function(){return[(0,u.bF)(E,{modelValue:x.value5,"onUpdate:modelValue":l[4]||(l[4]=function(e){return x.value5=e}),placeholder:"请选择"},{default:(0,u.k6)((function(){return[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.cities,(function(e){return(0,u.uX)(),(0,u.Wv)(C,{key:e.value,label:e.label,value:e.value},{default:(0,u.k6)((function(){return[(0,u.Lk)("span",_,(0,a.v_)(e.label),1),(0,u.Lk)("span",h,(0,a.v_)(e.value),1)]})),_:2},1032,["label","value"])})),128))]})),_:1},8,["modelValue"])]})),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((function(){return[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((function(){return[(0,u.Lk)("div",F,(0,a.v_)(x.template),1)]})),_:1})]})),_:1})]})),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((function(){return[y,(0,u.bF)(I,null,{default:(0,u.k6)((function(){return[(0,u.bF)(E,{modelValue:x.value6,"onUpdate:modelValue":l[5]||(l[5]=function(e){return x.value6=e}),placeholder:"请选择"},{default:(0,u.k6)((function(){return[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options3,(function(e){return(0,u.uX)(),(0,u.Wv)(S,{key:e.label,label:e.label},{default:(0,u.k6)((function(){return[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(e.options,(function(e){return(0,u.uX)(),(0,u.Wv)(C,{key:e.value,label:e.label,value:e.value},null,8,["label","value"])})),128))]})),_:2},1032,["label"])})),128))]})),_:1},8,["modelValue"])]})),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((function(){return[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((function(){return[(0,u.Lk)("div",g,(0,a.v_)(x.group),1)]})),_:1})]})),_:1})]})),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((function(){return[L,(0,u.bF)(I,null,{default:(0,u.k6)((function(){return[(0,u.bF)(E,{modelValue:x.value7,"onUpdate:modelValue":l[6]||(l[6]=function(e){return x.value7=e}),filterable:"",placeholder:"请选择"},{default:(0,u.k6)((function(){return[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options,(function(e){return(0,u.uX)(),(0,u.Wv)(C,{key:e.value,label:e.label,value:e.value},null,8,["label","value"])})),128))]})),_:1},8,["modelValue"])]})),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((function(){return[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((function(){return[(0,u.Lk)("div",V,(0,a.v_)(x.filterable),1)]})),_:1})]})),_:1})]})),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((function(){return[w,(0,u.bF)(I,null,{default:(0,u.k6)((function(){return[(0,u.bF)(E,{modelValue:x.value8,"onUpdate:modelValue":l[7]||(l[7]=function(e){return x.value8=e}),multiple:"",filterable:"","allow-create":"","default-first-option":"",placeholder:"请选择标签"},{default:(0,u.k6)((function(){return[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options,(function(e){return(0,u.uX)(),(0,u.Wv)(C,{key:e.value,label:e.label,value:e.value},null,8,["label","value"])})),128))]})),_:1},8,["modelValue"])]})),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((function(){return[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((function(){return[(0,u.Lk)("div",X,(0,a.v_)(x.create),1)]})),_:1})]})),_:1})]})),_:1})])])}var z={name:"LinCmsUiSelect",components:{},data:function(){return{options:[{value:"选项1",label:"黄金糕"},{value:"选项2",label:"双皮奶"},{value:"选项3",label:"蚵仔煎"},{value:"选项4",label:"龙须面"},{value:"选项5",label:"北京烤鸭"}],options2:[{value:"选项1",label:"黄金糕"},{value:"选项2",label:"双皮奶",disabled:!0},{value:"选项3",label:"蚵仔煎"},{value:"选项4",label:"龙须面"},{value:"选项5",label:"北京烤鸭"}],cities:[{value:"Beijing",label:"北京"},{value:"Shanghai",label:"上海"},{value:"Nanjing",label:"南京"},{value:"Chengdu",label:"成都"},{value:"Shenzhen",label:"深圳"},{value:"Guangzhou",label:"广州"}],options3:[{label:"热门城市",options:[{value:"Shanghai",label:"上海"},{value:"Beijing",label:"北京"}]},{label:"城市名",options:[{value:"Chengdu",label:"成都"},{value:"Shenzhen",label:"深圳"},{value:"Guangzhou",label:"广州"},{value:"Dalian",label:"大连"}]}],value:"",value2:"",value3:"",value4:"",value5:"",value6:"",value7:"",value8:"",base:'\n <el-select size="medium" v-model="value" placeholder="请选择">\n <el-option\n v-for="item in options"\n :key="item.value"\n :label="item.label"\n :value="item.value">\n </el-option>\n </el-select>',disabled:'\n <el-select size="medium" v-model="value2" placeholder="请选择">\n <el-option\n v-for="item in options2"\n :key="item.value"\n :label="item.label"\n :value="item.value"\n :disabled="item.disabled">\n </el-option>\n </el-select>',clearable:'\n <el-select size="medium" clearable v-model="value3" placeholder="请选择">\n <el-option\n v-for="item in options"\n :key="item.value"\n :label="item.label"\n :value="item.value"\n :disabled="item.disabled">\n </el-option>\n </el-select>',multiple:'\n <el-select size="medium" multiple v-model="value4" placeholder="请选择">\n <el-option\n v-for="item in options"\n :key="item.value"\n :label="item.label"\n :value="item.value"\n :disabled="item.disabled">\n </el-option>\n </el-select>',template:'\n <el-select v-model="value5" placeholder="请选择">\n <el-option\n v-for="item in cities"\n :key="item.value"\n :label="item.label"\n :value="item.value">\n <span style="float: left">{{ item.label }}</span>\n <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>\n </el-option>\n </el-select>',group:'\n <el-select v-model="value6" placeholder="请选择">\n <el-option-group v-for="group in options" :key="group.label" :label="group.label">\n <el-option\n v-for="item in group.options"\n :key="item.value"\n :label="item.label"\n :value="item.value">\n </el-option>\n </el-option-group>\n </el-select>',filterable:'\n <el-select size="medium" filterable v-model="value7" placeholder="请选择">\n <el-option\n v-for="item in options"\n :key="item.value"\n :label="item.label"\n :value="item.value">\n </el-option>\n </el-select>',create:'\n <el-select\n v-model="value8"\n multiple\n filterable\n allow-create\n default-first-option\n placeholder="请选择标签">\n <el-option\n v-for="item in options"\n :key="item.value"\n :label="item.label"\n :value="item.value">\n </el-option>\n </el-select>'}},computed:{},watch:{},mounted:function(){this.init()},methods:{init:function(){}}},C=n(66262);const E=(0,C.A)(z,[["render",x],["__scopeId","data-v-d4729470"]]);var I=E}}]);
|
