canrd-outside / order-erp-front · Files

import{d as B,I as w,k as C,q as R,a8 as t,_ as y,a9 as k,aa as n,f as o,E as r,ai as T}from"./vue-5a35c3f5.js";import{u as d}from"./index-c1c2669a.js";import D from"./Modal1-ee1e9618.js";import v from"./Modal2-eda6dc94.js";import _ from"./Modal3-110a5981.js";import b from"./Modal4-3e548778.js";import{P as $}from"./index-f532aa07.js";import{ag as V,aT as P}from"./antd-6b087f69.js";import{_ as I}from"./index.js";import"./useWindowSizeFn-cc2fb57c.js";import"./BasicForm-53100365.js";import"./FormItem-ffc5ecef.js";import"./componentMap-4d1c941b.js";import"./useFormItem-9ea791b8.js";import"./RadioButtonGroup-72b65d2e.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"./helper-95474dfc.js";import"./BasicForm.vue_vue_type_style_index_0_lang-3479a052.js";import"./uniqBy-0cd5a663.js";import"./useForm-86d11f60.js";import"./useContentViewHeight-d0a5c58e.js";import"./onMountedOrActivated-52afb7a7.js";const W=B({components:{Alert:V,Modal1:D,Modal2:v,Modal3:_,Modal4:b,PageWrapper:$,ASpace:P},setup(){const u=w(null),[e,{openModal:F}]=d(),[E,{openModal:g}]=d(),[M,{openModal:s}]=d(),[a,{openModal:i}]=d(),p=C(!1),m=C(null);function c(){i(!0,{data:"content",info:"Info"})}function A(){F(!0)}function f(l){switch(l){case 1:u.value=D;break;case 2:u.value=v;break;case 3:u.value=_;break;default:u.value=b;break}R(()=>{m.value={data:Math.random(),info:"Info222"},p.value=!0})}return{register1:e,openModal1:F,register2:E,openModal2:g,register3:M,openModal3:s,register4:a,openModal4:i,modalVisible:p,userData:m,openTargetModal:f,send:c,currentModal:u,openModalLoading:A}}});function L(u,e,F,E,g,M){const s=t("Alert"),a=t("a-button"),i=t("a-space"),p=t("Modal1"),m=t("Modal2"),c=t("Modal3"),A=t("Modal4"),f=t("PageWrapper");return y(),k(f,{title:"modal组件使用示例"},{default:n(()=>[o(s,{message:`使用 useModal 进行弹窗操作，默认可以拖动，可以通过 draggable
    参数进行控制是否可以拖动/全屏，并演示了在Modal内动态加载内容并自动调整高度`,"show-icon":""}),o(a,{type:"primary",class:"my-4",onClick:u.openModalLoading},{default:n(()=>[r(" 打开弹窗,加载动态数据并自动调整高度(默认可以拖动/全屏) ")]),_:1},8,["onClick"]),o(s,{message:"内外同时同时显示隐藏","show-icon":""}),o(a,{type:"primary",class:"my-4",onClick:u.openModal2},{default:n(()=>[r(" 打开弹窗 ")]),_:1},8,["onClick"]),o(s,{message:"自适应高度","show-icon":""}),o(a,{type:"primary",class:"my-4",onClick:u.openModal3},{default:n(()=>[r(" 打开弹窗 ")]),_:1},8,["onClick"]),o(s,{message:"内外数据交互","show-icon":""}),o(a,{type:"primary",class:"my-4",onClick:u.send},{default:n(()=>[r(" 打开弹窗并传递数据 ")]),_:1},8,["onClick"]),o(s,{message:"使用动态组件的方式在页面内使用多个弹窗","show-icon":""}),o(i,null,{default:n(()=>[o(a,{type:"primary",class:"my-4",onClick:e[0]||(e[0]=l=>u.openTargetModal(1))},{default:n(()=>[r(" 打开弹窗1 ")]),_:1}),o(a,{type:"primary",class:"my-4",onClick:e[1]||(e[1]=l=>u.openTargetModal(2))},{default:n(()=>[r(" 打开弹窗2 ")]),_:1}),o(a,{type:"primary",class:"my-4",onClick:e[2]||(e[2]=l=>u.openTargetModal(3))},{default:n(()=>[r(" 打开弹窗3 ")]),_:1}),o(a,{type:"primary",class:"my-4",onClick:e[3]||(e[3]=l=>u.openTargetModal(4))},{default:n(()=>[r(" 打开弹窗4 ")]),_:1})]),_:1}),(y(),k(T(u.currentModal),{visible:u.modalVisible,"onUpdate:visible":e[4]||(e[4]=l=>u.modalVisible=l),userData:u.userData},null,40,["visible","userData"])),o(p,{onRegister:u.register1,minHeight:100},null,8,["onRegister"]),o(m,{onRegister:u.register2},null,8,["onRegister"]),o(c,{onRegister:u.register3},null,8,["onRegister"]),o(A,{onRegister:u.register4},null,8,["onRegister"])]),_:1})}const pu=I(W,[["render",L],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/comp/modal/index.vue"]]);export{pu as default};