1 line
3.7 KiB
JavaScript
1 line
3.7 KiB
JavaScript
import{D as e,Ht as t,L as n,ct as r,g as i,it as a,k as o,tt as s,xn as c}from"./runtime-core.esm-bundler-DkysjgTd.js";import{f as l,t as u}from"./runtime-dom.esm-bundler-CirRHyjC.js";import{J as d,nt as f,t as p,u as m,vt as h}from"./useConfigInject-DomGmy3z.js";import{t as g}from"./raf-CR9Bw2Uc.js";import{t as _}from"./isVisible-B1N4qR6W.js";import{t as v}from"./useState-DlRKQDQX.js";var y=e=>{let{componentCls:t,colorPrimary:n}=e;return{[t]:{position:`absolute`,background:`transparent`,pointerEvents:`none`,boxSizing:`border-box`,color:`var(--wave-color, ${n})`,boxShadow:`0 0 0 0 currentcolor`,opacity:.2,"&.wave-motion-appear":{transition:[`box-shadow 0.4s ${e.motionEaseOutCirc}`,`opacity 2s ${e.motionEaseOutCirc}`].join(`,`),"&-active":{boxShadow:`0 0 0 6px currentcolor`,opacity:0}}}}},b=m(`Wave`,e=>[y(e)]);function x(e){let t=(e||``).match(/rgba?\((\d*), (\d*), (\d*)(, [\d.]*)?\)/);return t&&t[1]&&t[2]&&t[3]?t[1]!==t[2]||t[2]!==t[3]:!0}function S(e){return e&&e!==`#fff`&&e!==`#ffffff`&&e!==`rgb(255, 255, 255)`&&e!==`rgba(255, 255, 255, 1)`&&x(e)&&!/rgba\((?:\d*, ){3}0\)/.test(e)&&e!==`transparent`}function C(e){let{borderTopColor:t,borderColor:n,backgroundColor:r}=getComputedStyle(e);return S(t)?t:S(n)?n:S(r)?r:null}function w(e){return Number.isNaN(e)?0:e}var T=o({props:{target:d(),className:String},setup(t){let n=c(null),[i,o]=v(null),[s,d]=v([]),[f,p]=v(0),[m,h]=v(0),[_,y]=v(0),[b,x]=v(0),[S,T]=v(!1);function E(){let{target:e}=t,n=getComputedStyle(e);o(C(e));let r=n.position===`static`,{borderLeftWidth:i,borderTopWidth:a}=n;p(r?e.offsetLeft:w(-parseFloat(i))),h(r?e.offsetTop:w(-parseFloat(a))),y(e.offsetWidth),x(e.offsetHeight);let{borderTopLeftRadius:s,borderTopRightRadius:c,borderBottomLeftRadius:l,borderBottomRightRadius:u}=n;d([s,c,u,l].map(e=>w(parseFloat(e))))}let D,O,k,A=()=>{clearTimeout(k),g.cancel(O),D==null||D.disconnect()},j=()=>{var e;let t=(e=n.value)==null?void 0:e.parentElement;t&&(l(null,t),t.parentElement&&t.parentElement.removeChild(t))};r(()=>{A(),k=setTimeout(()=>{j()},5e3);let{target:e}=t;e&&(O=g(()=>{E(),T(!0)}),typeof ResizeObserver<`u`&&(D=new ResizeObserver(E),D.observe(e)))}),a(()=>{A()});let M=e=>{e.propertyName===`opacity`&&j()};return()=>{if(!S.value)return null;let r={left:`${f.value}px`,top:`${m.value}px`,width:`${_.value}px`,height:`${b.value}px`,borderRadius:s.value.map(e=>`${e}px`).join(` `)};return i&&(r[`--wave-color`]=i.value),e(u,{appear:!0,name:`wave-motion`,appearFromClass:`wave-motion-appear`,appearActiveClass:`wave-motion-appear`,appearToClass:`wave-motion-appear wave-motion-appear-active`},{default:()=>[e(`div`,{ref:n,class:t.className,style:r,onTransitionend:M},null)]})}}});function E(t,n){let r=document.createElement(`div`);return r.style.position=`absolute`,r.style.left=`0px`,r.style.top=`0px`,t==null||t.insertBefore(r,t==null?void 0:t.firstChild),l(e(T,{target:t,className:n},null),r),()=>{l(null,r),r.parentElement&&r.parentElement.removeChild(r)}}function D(e,t){let r=n(),i;function o(){var n;let a=f(r);i==null||i(),!((n=t==null?void 0:t.value)!=null&&n.disabled||!a)&&(i=E(a,e.value))}return a(()=>{i==null||i()}),o}var O=o({compatConfig:{MODE:3},name:`Wave`,props:{disabled:Boolean},setup(e,o){let{slots:c}=o,l=n(),{prefixCls:u,wave:d}=p(`wave`,e),[,m]=b(u),g=D(i(()=>h(u.value,m.value)),d),v,y=()=>{f(l).removeEventListener(`click`,v,!0)};return r(()=>{t(()=>e.disabled,()=>{y(),s(()=>{let t=f(l);t==null||t.removeEventListener(`click`,v,!0),!(!t||t.nodeType!==1||e.disabled)&&(v=e=>{e.target.tagName===`INPUT`||!_(e.target)||!t.getAttribute||t.getAttribute(`disabled`)||t.disabled||t.className.includes(`disabled`)||t.className.includes(`-leave`)||g()},t.addEventListener(`click`,v,!0))})},{immediate:!0,flush:`post`})}),a(()=>{y()}),()=>{var e;return(e=c.default)==null?void 0:e.call(c)[0]}}});export{O as t}; |