2 lines
2.0 KiB
JavaScript
2 lines
2.0 KiB
JavaScript
import{d as e,r as a,a9 as s,u as l,e as t,l as o,j as i,p as r,k as n,m as d,h as c,P as u}from"./index-RXP3BP3O.js";import{_ as v}from"./_plugin-vue_export-helper.BCo6x5W8.js";const f=v(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:v,emit:f}){const m=f,p=e,y=a(),h=a(p.visible);function x(){m("onOverlayClick")}return s(()=>p.visible,e=>{e?h.value=!0:setTimeout(()=>{h.value=!1},150)},{immediate:!0}),v({overlayDomRef:y}),(e,a)=>l(h)?(t(),o("div",{key:0,ref_key:"overlayDomRef",ref:y,class:"overlay-container",style:r({position:p.isFullScreen?"fixed":"absolute",zIndex:p.zIndex})},[p.useMask?(t(),o("div",{key:0,class:i({"overlay-mask":!0,"fade-in":p.visible}),style:r({backgroundColor:p.maskColor}),onClick:x,onTouchstart:n(x,["prevent","stop"])},null,38)):d("",!0),c("div",{class:i({"overlay-content":!0,"full-screen":p.isFullScreen})},[u(e.$slots,"default",{},void 0,!0)],2)],4)):d("",!0)}}),[["__scopeId","data-v-c34aefc6"]]),m="data:image/svg+xml,%3csvg%20width='56'%20height='57'%20viewBox='0%200%2056%2057'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='&%23231;&%23188;&%23150;&%23231;&%23187;&%23132;%204'%3e%3ccircle%20id='&%23230;&%23164;&%23173;&%23229;&%23156;&%23134;&%23229;&%23189;&%23162;&%23229;&%23164;&%23135;&%23228;&%23187;&%23189;%2027'%20cx='28'%20cy='28.8535'%20r='26'%20stroke='%23444444'%20stroke-width='4'/%3e%3crect%20id='&%23231;&%23159;&%23169;&%23229;&%23189;&%23162;&%23229;&%23164;&%23135;&%23228;&%23187;&%23189;%208'%20x='15'%20y='27.8535'%20width='26'%20height='4'%20rx='1'%20fill='%23444444'/%3e%3crect%20id='&%23231;&%23159;&%23169;&%23229;&%23189;&%23162;&%23229;&%23164;&%23135;&%23228;&%23187;&%23189;%208_2'%20x='26'%20y='42.8535'%20width='26'%20height='4'%20rx='1'%20transform='rotate(-90%2026%2042.8535)'%20fill='%23444444'/%3e%3c/g%3e%3c/svg%3e";export{f as O,m as a};
|