2 lines
1.2 KiB
JavaScript
2 lines
1.2 KiB
JavaScript
import{b5 as e,r as a,B as s,u as o,o as l,a as t,E as i,N as r,_ as n,z as u,O as d,G as v}from"./index-CH9-aFWw.js";import"./adapter-vue.FAvEd_HK.js";import{_ as f}from"./_plugin-vue_export-helper.BCo6x5W8.js";const p=f(e({__name:"index",props:{visible:{type:Boolean,default:!0},zIndex:{default:9999},useMask:{type:Boolean,default:!0},maskColor:{default:"rgba(0, 0, 0, 0.6)"},isFullScreen:{type:Boolean,default:!0},width:{default:"auto"},height:{default:"auto"}},emits:["onOverlayClick"],setup(e,{expose:f,emit:p}){const c=p,m=e,y=a(),k=a(m.visible);function x(){c("onOverlayClick")}return s((()=>m.visible),(e=>{e?k.value=!0:setTimeout((()=>{k.value=!1}),150)}),{immediate:!0}),f({overlayDomRef:y}),(e,a)=>o(k)?(l(),t("div",{key:0,ref_key:"overlayDomRef",ref:y,class:"overlay-container",style:r({position:m.isFullScreen?"fixed":"absolute",zIndex:m.zIndex})},[m.useMask?(l(),t("div",{key:0,class:i({"overlay-mask":!0,"fade-in":m.visible}),style:r({backgroundColor:m.maskColor}),onClick:x,onTouchstart:n(x,["prevent","stop"])},null,38)):u("",!0),d("div",{class:i({"overlay-content":!0,"full-screen":m.isFullScreen})},[v(e.$slots,"default",{},void 0,!0)],2)],4)):u("",!0)}}),[["__scopeId","data-v-318f09d3"]]);export{p as O};
|