import{aw as n,ag as d,y as l,z as o,b0 as i,P as e,A as a,H as r,L as p}from"./chunks/framework.BCBheFgR.js";const y=JSON.parse('{"title":"Radio 单选框","description":"","frontmatter":{},"headers":[],"relativePath":"form-config/fields/radio.md","filePath":"form-config/fields/radio.md"}'),h={name:"form-config/fields/radio.md"};function k(g,t,c,m,u,b){const s=d("demo-block");return o(),l("div",null,[t[2]||(t[2]=i(`

Radio 单选框 ​

在一组备选项中进行单选

TS 定义 ​

typescript
interface RedioGroup extends FormItem {
  type: 'redioGroup';
  options: {
    value: any;
    text: string;
  }[];
}

点击查看FormItem的定义

基础用法 ​

由于选项默认可见，不宜过多，若选项过多，建议使用 Select 选择器。

`,7)),e(s,{type:"form",config:[{type:"radio-group",name:"radio",text:"选项",options:[{text:"选项1",value:1},{text:"选项2",value:2}]}]},{source:r(()=>t[0]||(t[0]=[a("p",null," 要使用 Radio 组件，只需要配置type: 'radio-group'。 ",-1)])),_:1}),t[3]||(t[3]=a("h2",{id:"禁用状态",tabindex:"-1"},[p("禁用状态 "),a("a",{class:"header-anchor",href:"#禁用状态","aria-label":'Permalink to "禁用状态"'},"​")],-1)),t[4]||(t[4]=a("p",null,"单选框不可用的状态。",-1)),e(s,{type:"form",config:[{type:"radio-group",name:"radio",text:"选项",options:[{text:"选项1",value:1},{text:"选项2",value:2}],disabled:()=>!0}]},{source:r(()=>t[1]||(t[1]=[a("p",null," 只要在配置中设置 disabled 属性即可，它接受一个 Boolean ， true 为禁用，也可以接受一个返回 Boolean 的函数。 ",-1)])),_:1}),t[5]||(t[5]=i('

RadioGroup Attributes ​

参数说明类型可选值默认值
name绑定值string——
text表单标签string——
disabled是否禁用boolean / FilterFunction—false
options选项Array—-
onChange值变化时触发的函数OnChangeHandler —-
',2))])}const E=n(h,[["render",k]]);export{y as __pageData,E as default};