2 lines
8.9 KiB
Java
2 lines
8.9 KiB
Java
import{b as L,A as w}from"./index-C69VKHba.js";import{C as M}from"./index-ByCwbQDV.js";import{av as A,J as O,s as U,aQ as C,au as V}from"./index-X7Y8jykP.js";import{P as j}from"./index-Ckh_BVlA.js";import{o as f}from"./select-DTppCdeT.js";import{t as D}from"./tree-CBu_lz44.js";import{B as q}from"./BasicForm-ClUSoD_-.js";import{e as J,r as c,c as b,u,y as G,z as $,A as t,K as r,f as i}from"./vue-vendor-DNhG1Cve.js";import"./helper-DcLcf4v6.js";import"./index-BzChaRPg.js";import"./BasicForm.vue_vue_type_style_index_0_lang-B29PWQy0.js";import"./index-DO7ZhK45.js";import"./breakpointEnum-BhAg6bcX.js";import"./index-BDvqZ5j4.js";import"./BasicModal-xH56XuRZ.js";import"./ModalHeader-Sr8KwhJJ.js";import"./useTimeout-D5AmIBZw.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./useWindowSizeFn-C-0M9_Ul.js";import"./useAppInject-DPZGPcR3.js";import"./index-CuWaQdlK.js";import"./index-Upeu4GGa.js";import"./index-C4wWpZeQ.js";import"./index-M9QP6cvf.js";import"./Skeleton-CimgOdM7.js";import"./useScrollTo-0FPEw5-K.js";import"./useIntersectionObserver-BGOgyKyu.js";import"./useMenuSetting-BwQ9LkAm.js";import"./useFullContent-B3OUGaJG.js";import"./useContentHeight-vWUZcXk1.js";import"./onMountedOrActivated-DhSdLlqP.js";import"./useContentViewHeight-Cja8zrBg.js";import"./usePageContext-9jIr04Op.js";import"./injectionKey-DPVn4AgL.js";import"./ArrowLeftOutlined-B3JgaWh-.js";import"./ArrowRightOutlined-CZG1QCpB.js";import"./index-lcIOKfa7.js";import"./dropdown-jkliuVyN.js";import"./index-B4gPlWQt.js";import"./eagerComputed-BTlOruLW.js";import"./transButton-B2CWzlQO.js";import"./operationUnit-vCu2co3e.js";import"./index-saD4h7VJ.js";import"./useBreakpoint-DXhPW7nV.js";import"./useEventListener-BRXjwk7A.js";import"./uniqBy--vsL0WVB.js";const k=c([]),F=c([]),h=c([]);for(let e=1;e<10;e++)h.value.push({label:"选项"+e,value:`${e}`});const I=b(()=>C(u(h)).map(e=>(e.disabled=u(F).indexOf(e.value)!==-1,e))),z=b(()=>C(u(h)).map(e=>(e.disabled=u(k).indexOf(e.value)!==-1,e))),v=[{id:"guangdong",label:"广东省",value:"1",key:"1"},{id:"jiangsu",label:"江苏省",value:"2",key:"2"}],S={guangdong:[{label:"珠海市",value:"1",key:"1"},{label:"深圳市",value:"2",key:"2"},{label:"广州市",value:"3",key:"3"}],jiangsu:[{label:"南京市",value:"1",key:"1"},{label:"无锡市",value:"2",key:"2"},{label:"苏州市",value:"3",key:"3"}]},W=[{field:"divider-basic",component:"Divider",label:"基础字段"},{field:"field1",component:"Input",label:"字段1",colProps:{span:8},componentProps:({schema:e,formModel:p})=>({placeholder:"自定义placeholder",onChange:n=>{}}),renderComponentContent:()=>({prefix:()=>"pSlot",suffix:()=>"sSlot"})},{field:"field2",component:"Input",label:"字段2",defaultValue:"111",colProps:{span:8},componentProps:{onChange:e=>{}},suffix:"天"},{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"}]}},{field:"field7",component:"RadioGroup",label:"字段7",colProps:{span:8},componentProps:{options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]}},{field:"field8",component:"Checkbox",label:"字段8",colProps:{span:8},renderComponentContent:"Check"},{field:"field9",component:"Switch",label:"字段9",colProps:{span:8}},{field:"field10",component:"RadioButtonGroup",label:"字段10",colProps:{span:8},componentProps:{options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]}},{field:"field11",component:"Cascader",label:"字段11",colProps:{span:8},componentProps:{options:[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake"}]}]},{value:"jiangsu",label:"Jiangsu",children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua Men"}]}]}]}},{field:"divider-api-select",component:"Divider",label:"远程下拉演示"},{field:"field30",component:"ApiSelect",label:"懒加载远程下拉",required:!0,componentProps:{api:f,params:{id:1},resultField:"list",labelField:"name",valueField:"id",immediate:!1,onChange:e=>{},onOptionsChange:e=>{}},colProps:{span:8},defaultValue:"0"},{field:"field311",component:"JAreaLinkage",label:"省市区选择",helpMessage:["JAreaLinkage组件","省市区选择"],required:!0,slot:"jAreaLinkage",colProps:{span:8},defaultValue:["130000","130200"]},{field:"field31",component:"Input",label:"下拉本地搜索",helpMessage:["ApiSelect组件","远程数据源本地搜索","只发起一次请求获取所有选项"],required:!0,slot:"localSearch",colProps:{span:8},defaultValue:"0"},{field:"field32",component:"Input",label:"下拉远程搜索",helpMessage:["ApiSelect组件","将关键词发送到接口进行远程搜索"],required:!0,slot:"remoteSearch",colProps:{span:8},defaultValue:"0"},{field:"field33",component:"ApiTreeSelect",label:"远程下拉树",helpMessage:["ApiTreeSelect组件","使用接口提供的数据生成选项"],required:!0,componentProps:{api:D,resultField:"list"},colProps:{span:8}},{field:"field34",component:"ApiRadioGroup",label:"远程Radio",helpMessage:["ApiRadioGroup组件","使用接口提供的数据生成选项"],required:!0,componentProps:{api:f,params:{count:2},resultField:"list",labelField:"name",valueField:"id"},defaultValue:"1",colProps:{span:8}},{field:"field35",component:"ApiRadioGroup",label:"远程Radio",helpMessage:["ApiRadioGroup组件","使用接口提供的数据生成选项"],required:!0,componentProps:{api:f,params:{count:2},resultField:"list",labelField:"name",valueField:"id",isBtn:!0},colProps:{span:8}},{field:"divider-linked",component:"Divider",label:"字段联动"},{field:"province",component:"Select",label:"省份",colProps:{span:8},componentProps:({formModel:e,formActionType:p})=>({options:v,placeholder:"省份与城市联动",onChange:n=>{let s=n==1?S[v[0].id]:S[v[1].id];n===void 0&&(s=[]),e.city=void 0;const{updateSchema:d}=p;d({field:"city",componentProps:{options:s}})}})},{field:"city",component:"Select",label:"城市",colProps:{span:8},componentProps:{options:[],placeholder:"省份与城市联动"}},{field:"divider-selects",component:"Divider",label:"互斥多选",helpMessage:["两个Select共用数据源","但不可选择对方已选中的项目"]},{field:"selectA",component:"Select",label:"互斥SelectA",slot:"selectA",defaultValue:[],colProps:{span:8}},{field:"selectB",component:"Select",label:"互斥SelectB",slot:"selectB",defaultValue:[],colProps:{span:8}},{field:"divider-others",component:"Divider",label:"其它"},{field:"field20",component:"InputNumber",label:"字段20",required:!0,colProps:{span:8}},{field:"field21",component:"Slider",label:"字段21",componentProps:{min:0,max:100,range:!0,marks:{20:"20°C",60:"60°C"}},colProps:{span:8}},{field:"field22",component:"Rate",label:"字段22",defaultValue:3,colProps:{span:8},componentProps:{disabled:!1,allowHalf:!0}}],H=J({components:{BasicForm:q,CollapseContainer:M,PageWrapper:j,ApiSelect:w,JAreaLinkage:L,ASelect:A},setup(){const e=c(null),{createMessage:p}=U(),n=c(""),s=b(()=>({keyword:u(n)}));function d(m){n.value=m}return{schemas:W,optionsListApi:f,optionsA:I,optionsB:z,valueSelectA:k,valueSelectB:F,onSearch:O(d,300),searchParams:s,handleReset:()=>{n.value=""},handleSubmit:m=>{p.success("click search,values:"+JSON.stringify(m))},check:e}}});function N(e,p,n,s,d,m){const y=r("JAreaLinkage"),g=r("ApiSelect"),P=A,B=r("BasicForm"),R=r("CollapseContainer"),_=r("PageWrapper");return $(),G(_,{title:"表单基础示例",contentFullHeight:""},{default:t(()=>[i(R,{title:"基础示例"},{default:t(()=>[i(B,{autoFocusFirstItem:"",labelWidth:200,schemas:e.schemas,actionColOptions:{span:24},labelCol:{span:8},onSubmit:e.handleSubmit,onReset:e.handleReset},{jAreaLinkage:t(({model:o,field:l})=>[i(y,{value:o[l],"onUpdate:value":a=>o[l]=a,showArea:!0,showAll:!1},null,8,["value","onUpdate:value"])]),localSearch:t(({model:o,field:l})=>[i(g,{api:e.optionsListApi,showSearch:"",value:o[l],"onUpdate:value":a=>o[l]=a,optionFilterProp:"label",resultField:"list",labelField:"name",valueField:"id"},null,8,["api","value","onUpdate:value"])]),selectA:t(({model:o,field:l})=>[i(P,{options:e.optionsA,mode:"multiple",value:o[l],"onUpdate:value":a=>o[l]=a,onChange:a=>e.valueSelectA=o[l],allowClear:""},null,8,["options","value","onUpdate:value","onChange"])]),selectB:t(({model:o,field:l})=>[i(P,{options:e.optionsB,mode:"multiple",value:o[l],"onUpdate:value":a=>o[l]=a,onChange:a=>e.valueSelectB=o[l],allowClear:""},null,8,["options","value","onUpdate:value","onChange"])]),remoteSearch:t(({model:o,field:l})=>[i(g,{api:e.optionsListApi,showSearch:"",value:o[l],"onUpdate:value":a=>o[l]=a,filterOption:!1,resultField:"list",labelField:"name",valueField:"id",onSearch:e.onSearch,params:e.searchParams},null,8,["api","value","onUpdate:value","onSearch","params"])]),_:1},8,["schemas","onSubmit","onReset"])]),_:1})]),_:1})}const Je=V(H,[["render",N]]);export{Je as default};
|