"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[8429],{8429:function(l,e,a){a.r(e),a.d(e,{default:function(){return I}});var u=a(20641),t=a(90033);const n=l=>((0,u.Qi)("data-v-d4729470"),l=l(),(0,u.jt)(),l),o={class:"lin-container"},i=n((()=>(0,u.Lk)("div",{class:"lin-title"},"Select 选择器",-1))),d={class:"lin-wrap-ui"},v=n((()=>(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"基础用法")],-1))),s={style:{"white-space":"pre-wrap"}},b=n((()=>(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"有禁用选项")],-1))),p={style:{"white-space":"pre-wrap"}},m=n((()=>(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"可清空单选")],-1))),r={style:{"white-space":"pre-wrap"}},c=n((()=>(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"基础多选")],-1))),k={style:{"white-space":"pre-wrap"}},f=n((()=>(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=n((()=>(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"分组")],-1))),g={style:{"white-space":"pre-wrap"}},L=n((()=>(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"可搜索")],-1))),V={style:{"white-space":"pre-wrap"}},w=n((()=>(0,u.Lk)("div",{slot:"header"},[(0,u.Lk)("span",null,"创建条目")],-1))),X={style:{"white-space":"pre-wrap"}};function x(l,e,a,n,x,z){const 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",d,[(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((()=>[v,(0,u.bF)(I,null,{default:(0,u.k6)((()=>[(0,u.bF)(E,{size:"medium",modelValue:x.value,"onUpdate:modelValue":e[0]||(e[0]=l=>x.value=l),placeholder:"请选择"},{default:(0,u.k6)((()=>[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options,(l=>((0,u.uX)(),(0,u.Wv)(C,{key:l.value,label:l.label,value:l.value},null,8,["label","value"])))),128))])),_:1},8,["modelValue"])])),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((()=>[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((()=>[(0,u.Lk)("div",s,(0,t.v_)(x.base),1)])),_:1})])),_:1})])),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((()=>[b,(0,u.bF)(I,null,{default:(0,u.k6)((()=>[(0,u.bF)(E,{size:"medium",modelValue:x.value2,"onUpdate:modelValue":e[1]||(e[1]=l=>x.value2=l),placeholder:"请选择"},{default:(0,u.k6)((()=>[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options2,(l=>((0,u.uX)(),(0,u.Wv)(C,{key:l.value,label:l.label,value:l.value,disabled:l.disabled},null,8,["label","value","disabled"])))),128))])),_:1},8,["modelValue"])])),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((()=>[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((()=>[(0,u.Lk)("div",p,(0,t.v_)(x.disabled),1)])),_:1})])),_:1})])),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((()=>[m,(0,u.bF)(I,null,{default:(0,u.k6)((()=>[(0,u.bF)(E,{size:"medium",clearable:"",modelValue:x.value3,"onUpdate:modelValue":e[2]||(e[2]=l=>x.value3=l),placeholder:"请选择"},{default:(0,u.k6)((()=>[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options,(l=>((0,u.uX)(),(0,u.Wv)(C,{key:l.value,label:l.label,value:l.value},null,8,["label","value"])))),128))])),_:1},8,["modelValue"])])),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((()=>[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((()=>[(0,u.Lk)("div",r,(0,t.v_)(x.clearable),1)])),_:1})])),_:1})])),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((()=>[c,(0,u.bF)(I,null,{default:(0,u.k6)((()=>[(0,u.bF)(E,{size:"medium",multiple:"",modelValue:x.value4,"onUpdate:modelValue":e[3]||(e[3]=l=>x.value4=l),placeholder:"请选择"},{default:(0,u.k6)((()=>[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options,(l=>((0,u.uX)(),(0,u.Wv)(C,{key:l.value,label:l.label,value:l.value},null,8,["label","value"])))),128))])),_:1},8,["modelValue"])])),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((()=>[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((()=>[(0,u.Lk)("div",k,(0,t.v_)(x.multiple),1)])),_:1})])),_:1})])),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((()=>[f,(0,u.bF)(I,null,{default:(0,u.k6)((()=>[(0,u.bF)(E,{modelValue:x.value5,"onUpdate:modelValue":e[4]||(e[4]=l=>x.value5=l),placeholder:"请选择"},{default:(0,u.k6)((()=>[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.cities,(l=>((0,u.uX)(),(0,u.Wv)(C,{key:l.value,label:l.label,value:l.value},{default:(0,u.k6)((()=>[(0,u.Lk)("span",_,(0,t.v_)(l.label),1),(0,u.Lk)("span",h,(0,t.v_)(l.value),1)])),_:2},1032,["label","value"])))),128))])),_:1},8,["modelValue"])])),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((()=>[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((()=>[(0,u.Lk)("div",F,(0,t.v_)(x.template),1)])),_:1})])),_:1})])),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((()=>[y,(0,u.bF)(I,null,{default:(0,u.k6)((()=>[(0,u.bF)(E,{modelValue:x.value6,"onUpdate:modelValue":e[5]||(e[5]=l=>x.value6=l),placeholder:"请选择"},{default:(0,u.k6)((()=>[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options3,(l=>((0,u.uX)(),(0,u.Wv)(S,{key:l.label,label:l.label},{default:(0,u.k6)((()=>[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(l.options,(l=>((0,u.uX)(),(0,u.Wv)(C,{key:l.value,label:l.label,value:l.value},null,8,["label","value"])))),128))])),_:2},1032,["label"])))),128))])),_:1},8,["modelValue"])])),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((()=>[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((()=>[(0,u.Lk)("div",g,(0,t.v_)(x.group),1)])),_:1})])),_:1})])),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((()=>[L,(0,u.bF)(I,null,{default:(0,u.k6)((()=>[(0,u.bF)(E,{modelValue:x.value7,"onUpdate:modelValue":e[6]||(e[6]=l=>x.value7=l),filterable:"",placeholder:"请选择"},{default:(0,u.k6)((()=>[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options,(l=>((0,u.uX)(),(0,u.Wv)(C,{key:l.value,label:l.label,value:l.value},null,8,["label","value"])))),128))])),_:1},8,["modelValue"])])),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((()=>[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((()=>[(0,u.Lk)("div",V,(0,t.v_)(x.filterable),1)])),_:1})])),_:1})])),_:1}),(0,u.bF)(W,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,u.k6)((()=>[w,(0,u.bF)(I,null,{default:(0,u.k6)((()=>[(0,u.bF)(E,{modelValue:x.value8,"onUpdate:modelValue":e[7]||(e[7]=l=>x.value8=l),multiple:"",filterable:"","allow-create":"","default-first-option":"",placeholder:"请选择标签"},{default:(0,u.k6)((()=>[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(x.options,(l=>((0,u.uX)(),(0,u.Wv)(C,{key:l.value,label:l.label,value:l.value},null,8,["label","value"])))),128))])),_:1},8,["modelValue"])])),_:1}),(0,u.bF)(U,null,{default:(0,u.k6)((()=>[(0,u.bF)(K,{title:"查看代码",name:"2"},{default:(0,u.k6)((()=>[(0,u.Lk)("div",X,(0,t.v_)(x.create),1)])),_:1})])),_:1})])),_:1})])])}var z={name:"LinCmsUiSelect",components:{},data(){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(){this.init()},methods:{init(){}}},C=a(66262);const E=(0,C.A)(z,[["render",x],["__scopeId","data-v-d4729470"]]);var I=E}}]);
|
