canrd-outside / order-erp-front · Files

import{d as F,n as D,f as u,E as d,a8 as i,_ as h,a9 as g,aa as s}from"./vue-5a35c3f5.js";import{B as E}from"./BasicForm-53100365.js";import"./componentMap-4d1c941b.js";import{u as V}from"./useForm-86d11f60.js";import"./RadioButtonGroup-72b65d2e.js";import{aW as S,a as A,_ as P}from"./index.js";import{P as x}from"./index-f532aa07.js";import{a1 as r,bJ as c,aI as n}from"./antd-6b087f69.js";import"./FormItem-ffc5ecef.js";import"./helper-95474dfc.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 I=e=>[{required:!0,validator:(l,a,t)=>{if(!e.typeKey)return t("请选择类型");if(!e.typeValue)return t("请输入数据");t()}}],_=[{field:"field1",component:"Input",label:"render方式",colProps:{span:8},dynamicDisabled:({values:e})=>!!e.field_disabled,rules:[{required:!0}],render:({model:e,field:l},{disabled:a})=>D(r,{placeholder:"请输入",value:e[l],onChange:t=>{e[l]=t.target.value},disabled:a})},{field:"field2",component:"Input",label:"render组件slot",colProps:{span:8},dynamicDisabled:({values:e})=>!!e.field_disabled,rules:[{required:!0}],renderComponentContent:(e,{disabled:l})=>({suffix:()=>l?"suffix_disabled":"suffix_default"})},{field:"field3",component:"Input",label:"自定义Slot",slot:"f3",colProps:{span:8},dynamicDisabled:({values:e})=>!!e.field_disabled,rules:[{required:!0}]},{field:"field4",component:"Input",renderColContent({model:e,field:l},{disabled:a}){return u(c,{name:"field4",label:"renderColContent渲染",rules:[{required:!0}]},{default:()=>[u(r,{placeholder:"请输入",value:e[l],"onUpdate:value":t=>e[l]=t,disabled:a},null)]})},colProps:{span:8},dynamicDisabled:({values:e})=>!!e.field_disabled},{field:"field5",component:"Input",label:"自定义colSlot",colSlot:"colSlot_field5",colProps:{span:8},dynamicDisabled:({values:e})=>!!e.field_disabled},{required:!0,field:"typeKey2",defaultValue:"测试类型",fields:["typeValue2"],defaultValueObj:{typeValue2:"默认测试_文字"},component:"Input",label:"复合field render",render({model:e,field:l},{disabled:a}){return u(r.Group,{compact:!0},{default:()=>[u(n,{disabled:a,style:"width: 120px",allowClear:!0,value:e[l],"onUpdate:value":t=>e[l]=t},{default:()=>[u(n.Option,{value:"测试类型"},{default:()=>[d("测试类型")]}),u(n.Option,{value:"测试名称"},{default:()=>[d("测试名称")]})]}),u(c,{name:"typeValue2",style:"width: calc(100% - 120px); margin-left: -1px; border-right: 0; margin-bottom: 0;",rules:[{required:!0}]},{default:()=>[u(r,{placeholder:"请输入",value:e.typeValue2,"onUpdate:value":t=>e.typeValue2=t,disabled:a},null)]})]})},colProps:{span:8},dynamicDisabled:({values:e})=>!!e.field_disabled},{field:"typeKey",defaultValue:"公司名称",fields:["typeValue"],defaultValueObj:{typeValue:"默认文字"},component:"Input",renderColContent({model:e,field:l},{disabled:a}){return u(c,{name:"typeKey",label:"复合field renderColContent",rules:I(e)},{default:()=>[u(r.Group,{compact:!0},{default:()=>[u(n,{allowClear:!0,disabled:a,style:"width: 120px",value:e[l],"onUpdate:value":t=>e[l]=t},{default:()=>[u(n.Option,{value:"公司名称"},{default:()=>[d("公司名称")]}),u(n.Option,{value:"产品名称"},{default:()=>[d("产品名称")]})]}),u(r,{style:"width: calc(100% - 120px); margin-left: -1px;",placeholder:"请输入",value:e.typeValue,"onUpdate:value":t=>e.typeValue=t,disabled:a},null)]})]})},colProps:{span:16},dynamicDisabled:({values:e})=>!!e.field_disabled},{field:"field_disabled",component:"Switch",label:"是否禁用 编辑字段",colProps:{span:8},labelWidth:200}],w=F({components:{BasicForm:E,CollapseContainer:S,PageWrapper:x,[r.name]:r,FormItem:c},setup(){const{createMessage:e}=A(),[l,{setProps:a}]=V({labelWidth:120,schemas:_,actionColOptions:{span:24}});return{register:l,schemas:_,handleSubmit:t=>{console.log("submit values",t),e.success("click search,values:"+JSON.stringify(t))},setProps:a}}});function U(e,l,a,t,q,O){const b=i("a-input"),y=i("FormItem"),C=i("BasicForm"),v=i("CollapseContainer"),B=i("PageWrapper");return h(),g(B,{title:"自定义组件示例"},{default:s(()=>[u(v,{title:"自定义表单"},{default:s(()=>[u(C,{onRegister:e.register,onSubmit:e.handleSubmit},{f3:s(({model:p,field:o,disabled:m})=>[u(b,{value:p[o],"onUpdate:value":f=>p[o]=f,disabled:m,placeholder:"自定义slot"},null,8,["value","onUpdate:value","disabled"])]),colSlot_field5:s(({model:p,field:o,disabled:m})=>[u(y,{name:o,label:"自定义colSlot",rules:[{required:!0}]},{default:s(()=>[u(b,{value:p[o],"onUpdate:value":f=>p[o]=f,disabled:m,placeholder:"自定义colSlot"},null,8,["value","onUpdate:value","disabled"])]),_:2},1032,["name"])]),_:1},8,["onRegister","onSubmit"])]),_:1})]),_:1})}const re=P(w,[["render",U],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/form/CustomerForm.vue"]]);export{re as default};