AdvancedForm-71e4a8e0.js
2.8 KB
import{d as u,a8 as p,_ as d,a9 as f,aa as l,f as t}from"./vue-5a35c3f5.js";import{B as _}from"./BasicForm-53100365.js";import"./componentMap-4d1c941b.js";import{u as i}from"./useForm-86d11f60.js";import"./RadioButtonGroup-72b65d2e.js";import{aW as b,_ as P}from"./index.js";import{P as h}from"./index-f532aa07.js";import"./FormItem-ffc5ecef.js";import"./helper-95474dfc.js";import"./antd-6b087f69.js";import"./BasicForm.vue_vue_type_style_index_0_lang-3479a052.js";import"./uniqBy-0cd5a663.js";import"./index-c1c2669a.js";import"./useWindowSizeFn-cc2fb57c.js";import"./useFormItem-9ea791b8.js";import"./uuid-31b8b5a4.js";import"./download-3d468407.js";import"./base64Conver-39fc0d26.js";import"./index-1ca3bd8a.js";import"./IconPicker-6bbd557c.js";import"./index-9a895eb5.js";import"./useContentViewHeight-d0a5c58e.js";import"./onMountedOrActivated-52afb7a7.js";const c=()=>[{field:"field1",component:"Input",label:"字段1",colProps:{span:8},componentProps:{placeholder:"自定义placeholder",onChange:e=>{console.log(e)}}},{field:"field2",component:"Input",label:"字段2",colProps:{span:8}},{field:"field3",component:"DatePicker",label:"字段3",colProps:{span:8}},{field:"field4",component:"Select",label:"字段4",colProps:{span:8},componentProps:{options:[{label:"选项1",value:"1",key:"1"},{label:"选项2",value:"2",key:"2"}]}},{field:"field5",component:"CheckboxGroup",label:"字段5",colProps:{span:8},componentProps:{options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]}}];function C(){return[{field:"field10",component:"Input",label:"字段10",colProps:{span:8}},{field:"field11",component:"Input",label:"字段11",colProps:{span:8}},{field:"field12",component:"Input",label:"字段12",colProps:{span:8}},{field:"field13",component:"Input",label:"字段13",colProps:{span:8}}]}const F=u({components:{BasicForm:_,CollapseContainer:b,PageWrapper:h},setup(){const[e]=i({labelWidth:120,schemas:c(),actionColOptions:{span:24},compact:!0,showAdvancedButton:!0}),n=[];for(let o=14;o<30;o++)n.push({field:"field"+o,component:"Input",label:"字段"+o,colProps:{span:8}});const[r]=i({labelWidth:120,schemas:[...c(),...C(),{field:"",component:"Divider",label:"更多字段"},...n],actionColOptions:{span:24},compact:!0,showAdvancedButton:!0,alwaysShowLines:2});return{register:e,register1:r}}});function g(e,n,r,o,v,A){const a=p("BasicForm"),s=p("CollapseContainer"),m=p("PageWrapper");return d(),f(m,{title:"可折叠表单示例"},{default:l(()=>[t(s,{title:"基础收缩示例"},{default:l(()=>[t(a,{onRegister:e.register},null,8,["onRegister"])]),_:1}),t(s,{title:"超过3行自动收起，折叠时保留2行",class:"mt-4"},{default:l(()=>[t(a,{onRegister:e.register1},null,8,["onRegister"])]),_:1})]),_:1})}const M=P(F,[["render",g],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/form/AdvancedForm.vue"]]);export{M as default};