tmagic-editor/docs/assets/form-config_layout.md.DRttYHbU.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}from"./chunks/framework.BTDV-FQ9.js";var c=JSON.parse(`{"title":"布局","description":"","frontmatter":{},"headers":[],"relativePath":"form-config/layout.md","filePath":"form-config/layout.md"}`),l={name:`form-config/layout.md`};function u(e,c,l,u,d,f){let p=t(`demo-block`);return n(),a(`div`,null,[c[0]||=r("",4),s(p,{type:`form`,config:[{name:`text`,text:`配置1`},{name:`text2`,text:`配置2`},{name:`text3`,text:`配置3`}]}),c[1]||=o(`h2`,{id:`行内布局`,tabindex:`-1`},[i(`行内布局 `),o(`a`,{class:`header-anchor`,href:`#行内布局`,"aria-label":`Permalink to “行内布局”`},`​`)],-1),c[2]||=o(`p`,null,`可以通过配置span，来指定行内的配置项占用多少位置，一行为24，例如一行要显示三个配置则 span 可以配置 8；四个则为 6。默认会自动调节在一行中显示。`,-1),s(p,{type:`form`,config:[{type:`row`,labelWidth:`100px`,span:8,items:[{name:`text`,text:`配置1`},{name:`text2`,text:`配置2`},{name:`text3`,text:`配置3`}]},{type:`row`,span:12,labelWidth:`100px`,items:[{name:`text4`,text:`配置1`},{name:`text5`,text:`配置2`},{name:`text6`,text:`配置3`}]}]}),c[3]||=o(`h2`,{id:`混合布局`,tabindex:`-1`},[i(`混合布局 `),o(`a`,{class:`header-anchor`,href:`#混合布局`,"aria-label":`Permalink to “混合布局”`},`​`)],-1),s(p,{type:`form`,config:[{name:`text0`,labelWidth:`100px`,text:`配置0`},{type:`row`,labelWidth:`100px`,items:[{name:`text`,text:`配置1`},{name:`text2`,text:`配置2`},{name:`text3`,text:`配置3`}]}]}),c[4]||=o(`h2`,{id:`对象容器`,tabindex:`-1`},[i(`对象容器 `),o(`a`,{class:`header-anchor`,href:`#对象容器`,"aria-label":`Permalink to “对象容器”`},`​`)],-1),c[5]||=o(`h3`,{id:`object`,tabindex:`-1`},[i(`Object `),o(`a`,{class:`header-anchor`,href:`#object`,"aria-label":`Permalink to “Object”`},`​`)],-1),s(p,{type:`form`,config:[{name:`data`,items:[{name:`text2`,text:`配置2`},{name:`text3`,text:`配置3`}]}]}),c[6]||=o(`h3`,{id:`fieldset`,tabindex:`-1`},[i(`fieldset `),o(`a`,{class:`header-anchor`,href:`#fieldset`,"aria-label":`Permalink to “fieldset”`},`​`)],-1),s(p,{type:`form`,config:[{type:`fieldset`,labelWidth:`100px`,legend:`fieldset`,items:[{name:`text`,text:`配置1`},{type:`row`,items:[{name:`text2`,text:`配置2`},{name:`text3`,text:`配置3`}]}]}]}),c[7]||=o(`p`,null,[o(`code`,null,`legend`),i(` 除了支持字符串，也支持函数，函数返回值作为标题展示，可根据表单数据动态生成：`)],-1),s(p,{type:`form`,config:[{type:`fieldset`,labelWidth:`100px`,legend:(e,{formValue:t})=>`当前值：${t.text||`空`}`,items:[{name:`text`,text:`配置1`}]}]},null,8,[`config`]),c[8]||=o(`h3`,{id:`panel`,tabindex:`-1`},[i(`panel `),o(`a`,{class:`header-anchor`,href:`#panel`,"aria-label":`Permalink to “panel”`},`​`)],-1),s(p,{type:`form`,config:[{type:`panel`,title:`panel`,items:[{name:`text`,text:`配置1`},{type:`row`,items:[{name:`text2`,text:`配置2`},{name:`text3`,text:`配置3`}]}]}]}),c[9]||=o(`h3`,{id:`tabs`,tabindex:`-1`},[i(`tabs `),o(`a`,{class:`header-anchor`,href:`#tabs`,"aria-label":`Permalink to “tabs”`},`​`)],-1),s(p,{type:`form`,config:[{type:`tab`,items:[{title:`tab1`,items:[{name:`text`,text:`配置1`}]},{title:`tab2`,items:[{name:`text2`,text:`配置2`},{name:`text3`,text:`配置3`}]}]}]}),c[10]||=o(`h2`,{id:`数组容器`,tabindex:`-1`},[i(`数组容器 `),o(`a`,{class:`header-anchor`,href:`#数组容器`,"aria-label":`Permalink to “数组容器”`},`​`)],-1),c[11]||=o(`h3`,{id:`grouplist`,tabindex:`-1`},[i(`groupList `),o(`a`,{class:`header-anchor`,href:`#grouplist`,"aria-label":`Permalink to “groupList”`},`​`)],-1),s(p,{type:`form`,config:[{type:`groupList`,name:`group`,items:[{name:`text`,text:`配置1`},{type:`row`,items:[{name:`text2`,text:`配置2`},{name:`text3`,text:`配置3`}]}]}]}),c[12]||=r("",7),s(p,{type:`form`,config:[{type:`table`,name:`table`,items:[{name:`text`,label:`配置1`}]}]}),c[13]||=o(`h3`,{id:`step`,tabindex:`-1`},[i(`step `),o(`a`,{class:`header-anchor`,href:`#step`,"aria-label":`Permalink to “step”`},`​`)],-1),s(p,{type:`form`,config:[{type:`step`,items:[{title:`步骤1`,items:[{name:`text`,text:`配置1`}]},{title:`步骤2`,items:[{name:`text2`,text:`配置2`}]}]}]}),c[14]||=o(`h3`,{id:`flex-layout`,tabindex:`-1`},[i(`flex-layout `),o(`a`,{class:`header-anchor`,href:`#flex-layout`,"aria-label":`Permalink to “flex-layout”`},`​`)],-1),s(p,{type:`form`,config:[{type:`flex-layout`,gap:`20px`,items:[{name:`text`,text:`配置1`,span:12},{name:`text2`,text:`配置2`,span:12}]}]})])}var d=e(l,[[`render`,u]]);export{c as __pageData,d as default};