3 lines
4.7 KiB
Java
3 lines
4.7 KiB
Java
import"./index-BDvqZ5j4.js";import b from"./Modal1-dlmimPTf.js";import c from"./Modal2-9ExYDK9w.js";import R from"./Modal3-DflfFMGy.js";import w from"./Modal4-B8-CS6oX.js";import{P as V}from"./index-Ckh_BVlA.js";import{aE as D,au as P}from"./index-X7Y8jykP.js";import{u}from"./useModal-DaJ3Bflg.js";import{e as W,s as B,r as $,n as E,y as T,z as A,A as n,K as s,f as t,E as a,Y as I}from"./vue-vendor-DNhG1Cve.js";import{b as L}from"./index-CeNCCWzL.js";import"./BasicModal-xH56XuRZ.js";import"./ModalHeader-Sr8KwhJJ.js";import"./useTimeout-D5AmIBZw.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./index-BzChaRPg.js";import"./useWindowSizeFn-C-0M9_Ul.js";import"./index-ByCwbQDV.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"./useAppInject-DPZGPcR3.js";import"./index-CuWaQdlK.js";import"./index-DO7ZhK45.js";import"./BasicForm-ClUSoD_-.js";import"./helper-DcLcf4v6.js";import"./BasicForm.vue_vue_type_style_index_0_lang-B29PWQy0.js";import"./index-saD4h7VJ.js";import"./useBreakpoint-DXhPW7nV.js";import"./useEventListener-BRXjwk7A.js";import"./breakpointEnum-BhAg6bcX.js";import"./uniqBy--vsL0WVB.js";import"./useForm-D61zovon.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";const N=W({components:{Alert:L,Modal1:b,Modal2:c,Modal3:R,Modal4:w,PageWrapper:V,ASpace:D},setup(){const e=B(null),[o,{openModal:f}]=u(),[k,{openModal:C}]=u(),[v,{openModal:i}]=u(),[r,{openModal:l}]=u(),m=$(!1),d=$(null);function M(){l(!0,{data:"content",info:"Info"})}function g(){f(!0)}function y(p){switch(p){case 1:e.value=b;break;case 2:e.value=c;break;case 3:e.value=R;break;default:e.value=w;break}E(()=>{d.value={data:Math.random(),info:"Info222"},m.value=!0})}return{register1:o,openModal1:f,register2:k,openModal2:C,register3:v,openModal3:i,register4:r,openModal4:l,modalVisible:m,userData:d,openTargetModal:y,send:M,currentModal:e,openModalLoading:g}}});function S(e,o,f,k,C,v){const i=s("Alert"),r=s("a-button"),l=D,m=s("Modal1"),d=s("Modal2"),M=s("Modal3"),g=s("Modal4"),y=s("PageWrapper");return A(),T(y,{title:"modal组件使用示例"},{default:n(()=>[t(i,{message:`使用 useModal 进行弹窗操作,默认可以拖动,可以通过 draggable\r
|
||
参数进行控制是否可以拖动/全屏,并演示了在Modal内动态加载内容并自动调整高度`,"show-icon":""}),t(r,{type:"primary",class:"my-4",onClick:e.openModalLoading},{default:n(()=>[...o[5]||(o[5]=[a(" 打开弹窗,加载动态数据并自动调整高度(默认可以拖动/全屏) ",-1)])]),_:1},8,["onClick"]),t(i,{message:"内外同时同时显示隐藏","show-icon":""}),t(r,{type:"primary",class:"my-4",onClick:e.openModal2},{default:n(()=>[...o[6]||(o[6]=[a(" 打开弹窗",-1)])]),_:1},8,["onClick"]),t(i,{message:"自适应高度","show-icon":""}),t(r,{type:"primary",class:"my-4",onClick:e.openModal3},{default:n(()=>[...o[7]||(o[7]=[a(" 打开弹窗",-1)])]),_:1},8,["onClick"]),t(i,{message:"内外数据交互","show-icon":""}),t(r,{type:"primary",class:"my-4",onClick:e.send},{default:n(()=>[...o[8]||(o[8]=[a(" 打开弹窗并传递数据",-1)])]),_:1},8,["onClick"]),t(i,{message:"使用动态组件的方式在页面内使用多个弹窗","show-icon":""}),t(l,null,{default:n(()=>[t(r,{type:"primary",class:"my-4",onClick:o[0]||(o[0]=p=>e.openTargetModal(1))},{default:n(()=>[...o[9]||(o[9]=[a(" 打开弹窗1",-1)])]),_:1}),t(r,{type:"primary",class:"my-4",onClick:o[1]||(o[1]=p=>e.openTargetModal(2))},{default:n(()=>[...o[10]||(o[10]=[a(" 打开弹窗2",-1)])]),_:1}),t(r,{type:"primary",class:"my-4",onClick:o[2]||(o[2]=p=>e.openTargetModal(3))},{default:n(()=>[...o[11]||(o[11]=[a(" 打开弹窗3",-1)])]),_:1}),t(r,{type:"primary",class:"my-4",onClick:o[3]||(o[3]=p=>e.openTargetModal(4))},{default:n(()=>[...o[12]||(o[12]=[a(" 打开弹窗4",-1)])]),_:1})]),_:1}),(A(),T(I(e.currentModal),{visible:e.modalVisible,"onUpdate:visible":o[4]||(o[4]=p=>e.modalVisible=p),userData:e.userData},null,40,["visible","userData"])),t(m,{onRegister:e.register1,minHeight:100},null,8,["onRegister"]),t(d,{onRegister:e.register2},null,8,["onRegister"]),t(M,{onRegister:e.register3},null,8,["onRegister"]),t(g,{onRegister:e.register4},null,8,["onRegister"])]),_:1})}const Lo=P(N,[["render",S]]);export{Lo as default};
|