tmagic-editor/docs/assets/form-config_fields_select.md.Busav8N-.lean.js

import{ax as k,al as p,z as e,A as d,B as i,R as n,b5 as r,O as a,J as h}from"./chunks/framework.V2ssSR2R.js";const B=JSON.parse('{"title":"Select 选择器","description":"","frontmatter":{},"headers":[],"relativePath":"form-config/fields/select.md","filePath":"form-config/fields/select.md"}'),g={name:"form-config/fields/select.md"};function F(E,s,y,o,A,c){const t=p("demo-block");return d(),e("div",null,[s[5]||(s[5]=i("h1",{id:"select-选择器",tabindex:"-1"},[a("Select 选择器 "),i("a",{class:"header-anchor",href:"#select-选择器","aria-label":"Permalink to “Select 选择器”"},"​")],-1)),s[6]||(s[6]=i("p",null,"当选项过多时，使用下拉菜单展示并选择内容。",-1)),s[7]||(s[7]=i("h2",{id:"基础用法",tabindex:"-1"},[a("基础用法 "),i("a",{class:"header-anchor",href:"#基础用法","aria-label":"Permalink to “基础用法”"},"​")],-1)),s[8]||(s[8]=i("p",null,"适用广泛的基础单选",-1)),n(t,{type:"form",config:[{type:"select",name:"select",text:"选项",placeholder:"请选择",options:[{text:"选项1",value:1},{text:"选项2",value:2}]}]},{source:h(()=>[...s[0]||(s[0]=[i("p",null," type为'select' ",-1)])]),_:1}),s[9]||(s[9]=i("h2",{id:"有禁用选项",tabindex:"-1"},[a("有禁用选项 "),i("a",{class:"header-anchor",href:"#有禁用选项","aria-label":"Permalink to “有禁用选项”"},"​")],-1)),n(t,{type:"form",config:[{type:"select",name:"select",text:"选项",placeholder:"请选择",options:[{text:"选项1",value:1},{text:"选项2",value:2,disabled:!0}]}]},{source:h(()=>[...s[1]||(s[1]=[i("p",null," 在 options 选项配置中，设定 disabled 值为 true，即可禁用该选项 ",-1)])]),_:1}),s[10]||(s[10]=i("h2",{id:"禁用状态",tabindex:"-1"},[a("禁用状态 "),i("a",{class:"header-anchor",href:"#禁用状态","aria-label":"Permalink to “禁用状态”"},"​")],-1)),s[11]||(s[11]=i("p",null,"选择器不可用状态",-1)),n(t,{type:"form",config:[{type:"select",name:"select",text:"选项",placeholder:"请选择",disabled:!0,options:[{text:"选项1",value:1},{text:"选项2",value:2}]}]},{source:h(()=>[...s[2]||(s[2]=[i("p",null," 为 el-select 设置 disabled 属性，则整个选择器不可用 ",-1)])]),_:1}),s[12]||(s[12]=i("h2",{id:"基础多选",tabindex:"-1"},[a("基础多选 "),i("a",{class:"header-anchor",href:"#基础多选","aria-label":"Permalink to “基础多选”"},"​")],-1)),s[13]||(s[13]=i("p",null,"适用性较广的基础多选，用 Tag 展示已选项",-1)),n(t,{type:"form",config:[{type:"select",name:"select",text:"选项",placeholder:"请选择",multiple:!0,options:[{text:"选项1",value:1},{text:"选项2",value:2},{text:"选项3",value:3}]}]}),s[14]||(s[14]=i("h2",{id:"分组",tabindex:"-1"},[a("分组 "),i("a",{class:"header-anchor",href:"#分组","aria-label":"Permalink to “分组”"},"​")],-1)),s[15]||(s[15]=i("p",null,"备选项进行分组展示",-1)),n(t,{type:"form",config:[{type:"select",name:"select",text:"选项",placeholder:"请选择",group:!0,options:[{label:"group1",options:[{text:"选项1",value:1},{text:"选项2",value:2},{text:"选项3",value:3}],disabled:!0},{label:"group2",options:[{text:"选项4",value:4},{text:"选项5",value:5},{text:"选项6",value:6}]}]}]},{source:h(()=>[...s[3]||(s[3]=[i("p",null," 配置group为true ",-1)])]),_:1}),s[16]||(s[16]=i("h2",{id:"创建条目",tabindex:"-1"},[a("创建条目 "),i("a",{class:"header-anchor",href:"#创建条目","aria-label":"Permalink to “创建条目”"},"​")],-1)),s[17]||(s[17]=i("p",null,"可以创建并选中选项中不存在的条目",-1)),n(t,{type:"form",config:[{type:"select",name:"select",text:"选项",placeholder:"请选择",allowCreate:!0,options:[{text:"选项1",value:1},{text:"选项2",value:2}]}]}),s[18]||(s[18]=i("h2",{id:"远程选项",tabindex:"-1"},[a("远程选项 "),i("a",{class:"header-anchor",href:"#远程选项","aria-label":"Permalink to “远程选项”"},"​")],-1)),s[19]||(s[19]=i("p",null,"通过接口请求获取选项列表",-1)),n(t,{type:"form",config:[{type:"select",name:"select",text:"选项",placeholder:"请选择",remote:!0,option:{url:"select/remote",root:"data",method:"post",mode:"cors",headers:{"Content-Type":"application/json"},body:{query:""},json:!0,text:l=>`${l.name}`,value:l=>`${l.id}`}}]},{source:h(()=>[...s[4]||(s[4]=[i("p",null," 配置remote为true，然后配置option，而不是options ",-1)])]),_:1},8,["config"]),s[20]||(s[20]=r("",12))])}const u=k(g,[["render",F]]);export{B as __pageData,u as default};