tmagic-editor/docs/assets/form-config_fields_dynamic-field.md.pj2jVJDM.js

import{ax as r,al as l,z as n,A as o,B as e,R as s,b2 as c,O as a,J as f}from"./chunks/framework.DkLJC2NO.js";const F=JSON.parse('{"title":"DynamicField 动态表单","description":"","frontmatter":{},"headers":[],"relativePath":"form-config/fields/dynamic-field.md","filePath":"form-config/fields/dynamic-field.md"}'),m={name:"form-config/fields/dynamic-field.md"};function u(h,t,b,y,p,g){const i=l("demo-block");return o(),n("div",null,[t[1]||(t[1]=e("h1",{id:"dynamicfield-动态表单",tabindex:"-1"},[a("DynamicField 动态表单 "),e("a",{class:"header-anchor",href:"#dynamicfield-动态表单","aria-label":'Permalink to "DynamicField 动态表单"'},"​")],-1)),t[2]||(t[2]=e("p",null,"根据模型中某个字段的值，动态生成一组表单字段。",-1)),t[3]||(t[3]=e("h2",{id:"基础用法",tabindex:"-1"},[a("基础用法 "),e("a",{class:"header-anchor",href:"#基础用法","aria-label":'Permalink to "基础用法"'},"​")],-1)),s(i,{type:"form",config:[{type:"select",name:"type",text:"类型",options:[{label:"类型A",value:"a"},{label:"类型B",value:"b"}]},{type:"dynamic-field",text:"动态字段",dynamicKey:"type",returnFields:async(x,d,_)=>d.type==="a"?[{name:"fieldA",label:"字段A",defaultValue:"valueA"}]:d.type==="b"?[{name:"fieldB",label:"字段B",defaultValue:"valueB"}]:[]}]},{source:f(()=>[...t[0]||(t[0]=[e("p",null," 当“类型”发生变化时，“动态字段”会根据 `returnFields` 返回的配置生成不同的输入框。 ",-1)])]),_:1},8,["config"]),t[4]||(t[4]=c('<div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>特别注意：<code>dynamic-field</code> 的上一级配置必须设置 <code>extensible: true</code>，才能保存未在 schema 中声明的动态字段。</p></div><h2 id="attributes" tabindex="-1">Attributes <a class="header-anchor" href="#attributes" aria-label="Permalink to &quot;Attributes&quot;">​</a></h2><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>type</td><td>组件类型</td><td>string</td><td>dynamic-field</td><td>—</td></tr><tr><td>text</td><td>表单标签</td><td>string</td><td>—</td><td>—</td></tr><tr><td>dynamicKey</td><td>监听的字段名。当该字段值变化时，触发 <code>returnFields</code> 重新计算</td><td>string</td><td>—</td><td>—</td></tr><tr><td>returnFields</td><td>返回字段列表的函数</td><td>(config, model, request) =&gt; Promise&lt;Field[]&gt;</td><td>—</td><td>—</td></tr></tbody></table><h3 id="field-对象结构" tabindex="-1">Field 对象结构 <a class="header-anchor" href="#field-对象结构" aria-label="Permalink to &quot;Field 对象结构&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>name</td><td>字段名</td><td>string</td><td>—</td></tr><tr><td>label</td><td>标签名</td><td>string</td><td>—</td></tr><tr><td>defaultValue</td><td>默认值</td><td>any</td><td>—</td></tr></tbody></table>',5))])}const k=r(m,[["render",u]]);export{F as __pageData,k as default};