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

import{H as e,It as t,Mt as n,dt as r,ft as i,lt as a,ot as o,pt as s,qt as c}from"./chunks/framework.BTDV-FQ9.js";var l=JSON.parse(`{"title":"Select 选择器","description":"","frontmatter":{},"headers":[],"relativePath":"form-config/fields/select.md","filePath":"form-config/fields/select.md"}`),u={name:`form-config/fields/select.md`};function d(e,l,u,d,f,p){let m=t(`demo-block`);return n(),a(`div`,null,[l[5]||=o(`h1`,{id:`select-选择器`,tabindex:`-1`},[i(`Select 选择器 `),o(`a`,{class:`header-anchor`,href:`#select-选择器`,"aria-label":`Permalink to “Select 选择器”`},`​`)],-1),l[6]||=o(`p`,null,`当选项过多时，使用下拉菜单展示并选择内容。`,-1),l[7]||=o(`h2`,{id:`基础用法`,tabindex:`-1`},[i(`基础用法 `),o(`a`,{class:`header-anchor`,href:`#基础用法`,"aria-label":`Permalink to “基础用法”`},`​`)],-1),l[8]||=o(`p`,null,`适用广泛的基础单选`,-1),s(m,{type:`form`,config:[{type:`select`,name:`select`,text:`选项`,placeholder:`请选择`,options:[{text:`选项1`,value:1},{text:`选项2`,value:2}]}]},{source:c(()=>[...l[0]||=[o(`p`,null,` type为'select' `,-1)]]),_:1}),l[9]||=r("",4),s(m,{type:`form`,config:[{type:`select`,name:`select`,text:`选项`,placeholder:`请选择`,options:[{text:`选项1`,value:1},{text:`选项2`,value:2,disabled:!0}]}]},{source:c(()=>[...l[1]||=[o(`p`,null,` 在 options 选项配置中，设定 disabled 值为 true，即可禁用该选项 `,-1)]]),_:1}),l[10]||=o(`h2`,{id:`禁用状态`,tabindex:`-1`},[i(`禁用状态 `),o(`a`,{class:`header-anchor`,href:`#禁用状态`,"aria-label":`Permalink to “禁用状态”`},`​`)],-1),l[11]||=o(`p`,null,`选择器不可用状态`,-1),s(m,{type:`form`,config:[{type:`select`,name:`select`,text:`选项`,placeholder:`请选择`,disabled:!0,options:[{text:`选项1`,value:1},{text:`选项2`,value:2}]}]},{source:c(()=>[...l[2]||=[o(`p`,null,` 为 el-select 设置 disabled 属性，则整个选择器不可用 `,-1)]]),_:1}),l[12]||=o(`h2`,{id:`基础多选`,tabindex:`-1`},[i(`基础多选 `),o(`a`,{class:`header-anchor`,href:`#基础多选`,"aria-label":`Permalink to “基础多选”`},`​`)],-1),l[13]||=o(`p`,null,`适用性较广的基础多选，用 Tag 展示已选项`,-1),s(m,{type:`form`,config:[{type:`select`,name:`select`,text:`选项`,placeholder:`请选择`,multiple:!0,options:[{text:`选项1`,value:1},{text:`选项2`,value:2},{text:`选项3`,value:3}]}]}),l[14]||=o(`h2`,{id:`分组`,tabindex:`-1`},[i(`分组 `),o(`a`,{class:`header-anchor`,href:`#分组`,"aria-label":`Permalink to “分组”`},`​`)],-1),l[15]||=o(`p`,null,`备选项进行分组展示`,-1),s(m,{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:c(()=>[...l[3]||=[o(`p`,null,` 配置group为true `,-1)]]),_:1}),l[16]||=o(`h2`,{id:`创建条目`,tabindex:`-1`},[i(`创建条目 `),o(`a`,{class:`header-anchor`,href:`#创建条目`,"aria-label":`Permalink to “创建条目”`},`​`)],-1),l[17]||=o(`p`,null,`可以创建并选中选项中不存在的条目`,-1),s(m,{type:`form`,config:[{type:`select`,name:`select`,text:`选项`,placeholder:`请选择`,allowCreate:!0,options:[{text:`选项1`,value:1},{text:`选项2`,value:2}]}]}),l[18]||=o(`h2`,{id:`远程选项`,tabindex:`-1`},[i(`远程选项 `),o(`a`,{class:`header-anchor`,href:`#远程选项`,"aria-label":`Permalink to “远程选项”`},`​`)],-1),l[19]||=o(`p`,null,`通过接口请求获取选项列表`,-1),s(m,{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:e=>`${e.name}`,value:e=>`${e.id}`}}]},{source:c(()=>[...l[4]||=[o(`p`,null,` 配置remote为true，然后配置option，而不是options `,-1)]]),_:1},8,[`config`]),l[20]||=r("",12)])}var f=e(u,[[`render`,d]]);export{l as __pageData,f as default};