UseForm-1e046a5a.js
8.89 KB
var m=(e,o,p)=>new Promise((f,d)=>{var b=n=>{try{i(p.next(n))}catch(r){d(r)}},l=n=>{try{i(p.throw(n))}catch(r){d(r)}},i=n=>n.done?f(n.value):Promise.resolve(n.value).then(b,l);i((p=p.apply(e,o)).next())});import{d as k,k as v,a8 as u,_ as A,a9 as D,aa as a,f as s,E as c}from"./vue-5a35c3f5.js";import{B as R}from"./BasicForm-53100365.js";import"./componentMap-4d1c941b.js";import{u as S}from"./useForm-86d11f60.js";import"./RadioButtonGroup-72b65d2e.js";import{aW as O,_ as T}from"./index.js";import{P as G}from"./index-f532aa07.js";import{a as g}from"./cascader-c1ebc95c.js";import{aq as z,aT as I}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 L=[{value:"large",label:"large"},{value:"middle",label:"middle"},{value:"small",label:"small"},{value:"default",label:"defualt"}],W=[{value:"vertical",label:"vertical"},{value:"inline",label:"inline"},{value:"horizontal",label:"horizontal"}],N=[{value:"left",label:"left"},{value:"right",label:"right"}],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:"fieldTime",component:"RangePicker",label:"时间字段",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"}]}},{field:"field7",component:"RadioGroup",label:"字段7",colProps:{span:8},componentProps:{options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]}},{field:"field8",component:"ApiCascader",label:"联动",colProps:{span:8},componentProps:{api:g,apiParamKey:"parentCode",dataField:"data",labelField:"name",valueField:"code",initFetchParams:{parentCode:""},isLeaf:e=>!(e.levelType<3)}},{field:"field9",component:"ApiCascader",label:"联动回显",colProps:{span:8},componentProps:{api:g,apiParamKey:"parentCode",dataField:"data",labelField:"name",valueField:"code",initFetchParams:{parentCode:""},isLeaf:e=>!(e.levelType<3)}}],U=[{field:"d1",component:"Divider",label:"基础属性",colProps:{span:24},componentProps:{orientation:"center"}},{field:"name",defaultValue:"useForm",component:"Input",label:"name",colProps:{span:24}},{field:"layout",defaultValue:"horizontal",component:"RadioButtonGroup",label:"layout",colProps:{span:24},componentProps:{options:W}},{field:"labelAlign",defaultValue:"right",component:"RadioButtonGroup",label:"labelAlign",colProps:{span:24},componentProps:{options:N}},{field:"labelWidth",defaultValue:120,component:"InputNumber",label:"labelWidth",colProps:{span:24}},{field:"size",defaultValue:"default",component:"Select",label:"size",colProps:{span:24},componentProps:{options:L}},{field:"colon",defaultValue:!1,component:"Switch",label:"colon",colProps:{span:24}},{field:"disabled",defaultValue:!1,component:"Switch",label:"disabled",colProps:{span:24}},{field:"compact",defaultValue:!1,component:"Switch",label:"compact",colProps:{span:24}},{field:"autoSetPlaceHolder",defaultValue:!0,component:"Switch",label:"autoSetPlaceHolder",colProps:{span:24}},{field:"autoSubmitOnEnter",defaultValue:!1,component:"Switch",label:"autoSubmitOnEnter",colProps:{span:24}},{field:"showAdvancedButton",defaultValue:!1,component:"Switch",label:"showAdvancedButton",colProps:{span:24}},{field:"d2",component:"Divider",label:"网格布局(rowProps)",colProps:{span:24},componentProps:{orientation:"center"}},{field:"rowProps.gutter.0",component:"InputNumber",defaultValue:0,label:"Horizontal Gutter",colProps:{span:24},componentProps:{addonAfter:"px"}},{field:"rowProps.gutter.1",component:"InputNumber",defaultValue:0,label:"Vertical Gutter",colProps:{span:24},componentProps:{addonAfter:"px"}},{field:"rowProps.align",defaultValue:"top",component:"Select",label:"align",colProps:{span:24},componentProps:{options:[{value:"stretch",label:"stretch"},{value:"bottom",label:"bottom"},{value:"top",label:"top"},{value:"middle",label:"middle"}]}},{field:"rowProps.justify",defaultValue:"start",component:"Select",label:"justify",colProps:{span:24},componentProps:{options:[{value:"space-around",label:"space-around"},{value:"space-between",label:"space-between"},{value:"center",label:"center"},{value:"end",label:"end"},{value:"start",label:"start"}]}},{field:"wrap",defaultValue:!0,component:"Switch",label:"wrap",colProps:{span:24}},{field:"d3",component:"Divider",label:"操作按钮",colProps:{span:24},componentProps:{orientation:"center"}},{field:"showActionButtonGroup",defaultValue:!0,component:"Switch",label:"showActionButtonGroup",colProps:{span:24},componentProps:({formActionType:e})=>({onChange:o=>m(void 0,null,function*(){e.updateSchema([{field:"showResetButton",componentProps:{disabled:!o}},{field:"showSubmitButton",componentProps:{disabled:!o}},{field:"actionColOptions.span",componentProps:{disabled:!o}}])})})},{field:"showResetButton",defaultValue:!0,component:"Switch",label:"showResetButton",colProps:{span:24}},{field:"showSubmitButton",defaultValue:!0,component:"Switch",label:"showSubmitButton",colProps:{span:24}},{field:"d4",component:"Divider",label:"操作按钮网格布局(actionColOptions)",colProps:{span:24},componentProps:{orientation:"center"}},{field:"actionColOptions.span",component:"Slider",defaultValue:24,label:"span",colProps:{span:24},componentProps:{min:0,max:24}},{field:"d5",component:"Divider",label:"其他事件",colProps:{span:24},componentProps:{orientation:"center"}},{field:"other",component:"Input",label:"",colProps:{span:24},colSlot:"other"}],Y=k({components:{BasicForm:R,CollapseContainer:O,PageWrapper:G,Drawer:z,Space:I},setup(){const e=v(!1),o=v(),[p]=S({size:"small",schemas:U,compact:!0,actionColOptions:{span:24},showActionButtonGroup:!1}),f=()=>m(this,null,function*(){var t;l({resetButtonOptions:{disabled:!1,text:"重置"}}),l({submitButtonOptions:{disabled:!1,loading:!1}}),yield i({field9:[]}),yield(t=o.value)==null?void 0:t.resetFields()}),d=t=>m(this,null,function*(){console.log(t),yield l(t),e.value=!1}),[b,{setProps:l,setFieldsValue:i,updateSchema:n}]=S({labelWidth:120,schemas:C,actionColOptions:{span:24},fieldMapToTime:[["fieldTime",["startTime","endTime"],"YYYY-MM"]]});function r(){return m(this,null,function*(){const F=yield function(){return new Promise(_=>{setTimeout(()=>{_({field9:["430000","430100","430102"],province:"湖南省",city:"长沙市",district:"岳麓区"})},1e3)})}(),{field9:B,province:E,city:V,district:y}=F;yield n({field:"field9",componentProps:{displayRenderArray:[E,V,y]}}),yield i({field9:B}),e.value=!1})}return{register:b,schemas:C,handleSubmit:t=>{console.log(t)},setProps:l,handleLoad:r,visible:e,showDrawer:()=>{e.value=!0},settingFormRef:o,withClose:t=>{l(t),e.value=!1},onSettings:()=>{var t;(t=o.value)==null||t.submit()},resetSettings:f,registerSetting:p,handleSubmitSetting:d}}});function $(e,o,p,f,d,b){const l=u("a-button"),i=u("Space"),n=u("BasicForm"),r=u("Drawer"),P=u("CollapseContainer"),h=u("PageWrapper");return A(),D(h,{title:"UseForm操作示例"},{default:a(()=>[s(l,{class:"mb-4",type:"primary",onClick:e.showDrawer},{default:a(()=>[c(" 更改设置 ")]),_:1},8,["onClick"]),s(r,{visible:e.visible,"onUpdate:visible":o[2]||(o[2]=w=>e.visible=w),title:"更改设置",placement:"right"},{extra:a(()=>[s(i,null,{default:a(()=>[s(l,{onClick:e.resetSettings},{default:a(()=>[c("重置设置")]),_:1},8,["onClick"]),s(l,{type:"primary",onClick:e.onSettings},{default:a(()=>[c("应用")]),_:1},8,["onClick"])]),_:1})]),default:a(()=>[s(n,{ref:"settingFormRef",onRegister:e.registerSetting,onSubmit:e.handleSubmitSetting},{other:a(()=>[s(i,null,{default:a(()=>[s(l,{onClick:o[0]||(o[0]=()=>e.withClose({resetButtonOptions:{disabled:!0,text:"重置New"}}))},{default:a(()=>[c(" 修改重置按钮 ")]),_:1}),s(l,{onClick:o[1]||(o[1]=()=>e.withClose({submitButtonOptions:{disabled:!0,loading:!0}}))},{default:a(()=>[c(" 修改查询按钮 ")]),_:1}),s(l,{onClick:e.handleLoad,class:"mr-2"},{default:a(()=>[c(" 联动回显 ")]),_:1},8,["onClick"])]),_:1})]),_:1},8,["onRegister","onSubmit"])]),_:1},8,["visible"]),s(P,{title:"useForm示例"},{default:a(()=>[s(n,{onRegister:e.register,onSubmit:e.handleSubmit},null,8,["onRegister","onSubmit"])]),_:1})]),_:1})}const be=T(Y,[["render",$],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/form/UseForm.vue"]]);export{be as default};