| 1 |
- var D=(C,f,r)=>new Promise((b,p)=>{var _=a=>{try{u(r.next(a))}catch(l){p(l)}},e=a=>{try{u(r.throw(a))}catch(l){p(l)}},u=a=>a.done?b(a.value):Promise.resolve(a.value).then(_,e);u((r=r.apply(C,f)).next())});import{_ as F}from"./BasicForm.vue_vue_type_script_setup_true_lang-DnD2afWM.js";import"./BasicForm.vue_vue_type_style_index_0_lang-DH7aTUsn.js";import"./helper-HN_oKRvP.js";import{u as V}from"./useForm-5TBRV4HA.js";import{bk as B,u as P,_ as x}from"./entry/index-CNSQBFd3.js";import{P as S}from"./index-BHfKFQ5w.js";import{bv as c,E as n,av as i,bw as h}from"./antd-DQsZxxg1.js";import{d as g,a4 as I,a5 as U,_ as q,a6 as s,k as t,u as d,l as w,G as m}from"./vue-4umLpMSY.js";import"./FormItem.vue_vue_type_script_lang-f2xsTJjx.js";import"./index-DxSMAeqw.js";import"./useWindowSizeFn-DyWFLruW.js";import"./index-lQwDw6WN.js";import"./index-WpD6qdo-.js";import"./uuid-BUBnBT7J.js";import"./useSortable-D5V3d2vA.js";import"./download-BjU9U5ea.js";import"./base64Conver-DEMZeTZS.js";import"./index-C_9WVNli.js";import"./IconPicker.vue_vue_type_script_setup_true_lang-BJknbfnr.js";import"./copyTextToClipboard-DZLv_FZ-.js";import"./index-BNnyC_v9.js";import"./index-BDO1oyFM.js";import"./onMountedOrActivated-fw6WqIjB.js";import"./index-BdoLfTXD.js";import"./UploadPreviewModal-CfC-LPPf.js";import"./cateApi-Cx9nvtrd.js";import"./resourceApi-CgkqJK87.js";import"./common-BF39TN_B.js";import"./imageEnum-BRgYKvjO.js";import"./sysOrgApi-BzQyHKpH.js";import"./useContentViewHeight-B1QdR--R.js";const O=g({__name:"CustomerForm",setup(C){const f=e=>[{required:!0,validator:()=>D(this,null,function*(){if(!e.typeKey)return Promise.reject("请选择类型");if(!e.typeValue)return Promise.reject("请输入数据");Promise.resolve()})}],r=[{field:"field1",component:"Input",label:"render方式",colProps:{span:8},dynamicDisabled:({values:e})=>!!e.field_disabled,rules:[{required:!0}],render:({model:e,field:u},{disabled:a})=>w(n,{placeholder:"请输入",value:e[u],onChange:l=>{e[u]=l.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:u})=>({suffix:()=>u?"suffix_disabled":"suffix_default"})},{field:"field3",label:"自定义Slot",slot:"f3",colProps:{span:8},dynamicDisabled:({values:e})=>!!e.field_disabled,rules:[{required:!0}]},{field:"field4",component:"Input",renderColContent({model:e,field:u},{disabled:a}){return t(c,{name:"field4",label:"renderColContent渲染",rules:[{required:!0}]},{default:()=>[t(n,{placeholder:"请输入",value:e[u],"onUpdate:value":l=>e[u]=l,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:u},{disabled:a}){return t(n.Group,{compact:!0},{default:()=>[t(i,{disabled:a,style:"width: 120px",allowClear:!0,value:e[u],"onUpdate:value":l=>e[u]=l},{default:()=>[t(i.Option,{value:"测试类型"},{default:()=>[m("测试类型")]}),t(i.Option,{value:"测试名称"},{default:()=>[m("测试名称")]})]}),t(c,{name:"typeValue2",class:"local_typeValue",rules:[{required:!0}]},{default:()=>[t(h,null,{default:()=>[t(n,{placeholder:"请输入",value:e.typeValue2,"onUpdate:value":l=>e.typeValue2=l,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:u},{disabled:a}){return t(c,{name:"typeKey",label:"复合field renderColContent",rules:f(e)},{default:()=>[t(n.Group,{compact:!0},{default:()=>[t(i,{allowClear:!0,disabled:a,style:"width: 120px",value:e[u],"onUpdate:value":l=>e[u]=l},{default:()=>[t(i.Option,{value:"公司名称"},{default:()=>[m("公司名称")]}),t(i.Option,{value:"产品名称"},{default:()=>[m("产品名称")]})]}),t(h,null,{default:()=>[t(n,{style:"width: calc(100% - 120px); margin-left: -1px;",placeholder:"请输入",value:e.typeValue,"onUpdate:value":l=>e.typeValue=l,disabled:a},null)]})]})]})},colProps:{span:16},dynamicDisabled:({values:e})=>!!e.field_disabled},{field:"field_disabled",component:"Switch",label:"是否禁用 编辑字段",colProps:{span:8},labelWidth:200}],{createMessage:b}=P(),[p]=V({labelWidth:120,schemas:r,actionColOptions:{span:24}});function _(e){b.success("click search,values:"+JSON.stringify(e))}return(e,u)=>{const a=I("a-input");return q(),U(d(S),{title:"自定义组件示例"},{default:s(()=>[t(d(B),{title:"自定义表单"},{default:s(()=>[t(d(F),{class:"local_form",onRegister:d(p),onSubmit:_},{f3:s(({model:l,field:o,disabled:y})=>[t(a,{value:l[o],"onUpdate:value":v=>l[o]=v,disabled:y,placeholder:"自定义slot"},null,8,["value","onUpdate:value","disabled"])]),colSlot_field5:s(({model:l,field:o,disabled:y})=>[t(d(c),{name:o,label:"自定义colSlot",rules:[{required:!0}]},{default:s(()=>[t(a,{value:l[o],"onUpdate:value":v=>l[o]=v,disabled:y,placeholder:"自定义colSlot"},null,8,["value","onUpdate:value","disabled"])]),_:2},1032,["name"])]),_:1},8,["onRegister"])]),_:1})]),_:1})}}}),ce=x(O,[["__scopeId","data-v-e6e08256"]]);export{ce as default};
|
