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

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