{"version":3,"file":"Examples_1.Sjb9kq6p.mjs","names":["useState","useCallback"],"sources":["https:/framerusercontent.com/modules/HibuPpN3l5fBaQcs9OOd/OV6H7xawy9eg1X5YWgo9/Examples_1.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect,useCallback}from\"react\";import{motion,AnimatePresence}from\"framer-motion\";export function withMouseGlow(Component){return props=>{const[trail,setTrail]=useState([]);const handleMouseMove=useCallback(e=>{const newPoint={x:e.clientX,y:e.clientY,id:Math.random()};// 保留最近的 20 个点，长一点的轨迹更容易看出渐变\nsetTrail(prev=>[...prev.slice(-20),newPoint]);},[]);useEffect(()=>{window.addEventListener(\"mousemove\",handleMouseMove);return()=>window.removeEventListener(\"mousemove\",handleMouseMove);},[handleMouseMove]);useEffect(()=>{const timer=setInterval(()=>{setTrail(prev=>prev.slice(1));},50);return()=>clearInterval(timer);},[]);return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(AnimatePresence,{children:trail.map(point=>/*#__PURE__*/_jsx(motion.div,{initial:{opacity:.6,scale:1,background:\"radial-gradient(circle, rgba(71, 113, 255, 0.5) 0%, rgba(71, 113, 255, 0) 70%)\"},animate:{opacity:0,scale:.2,// 核心：在动画过程中从蓝色 (#4771FF) 变为紫色\n    background:\"radial-gradient(circle, rgba(147, 71, 255, 0.4) 0%, rgba(147, 71, 255, 0) 70%)\"},exit:{opacity:0},transition:{duration:1,ease:\"linear\"},style:{position:\"fixed\",left:point.x,top:point.y,width:180,height:180,borderRadius:\"50%\",mixBlendMode:\"screen\",filter:\"blur(40px)\",pointerEvents:\"none\",translateX:\"-50%\",translateY:\"-50%\",zIndex:0}},point.id))}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",zIndex:1},children:/*#__PURE__*/_jsx(Component,{...props})})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withMouseGlow\":{\"type\":\"reactHoc\",\"name\":\"withMouseGlow\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples_1.map"],"mappings":"6MAA6J,SAAgB,EAAc,EAAU,CAAC,MAAO,IAAO,CAAC,GAAK,CAAC,EAAM,GAAUA,EAAS,CAAC,CAAC,EAAQ,EAAgBC,EAAY,GAAG,CAAC,IAAM,EAAS,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE,QAAQ,GAAG,KAAK,OAAO,CAAC,EACtV,EAAS,GAAM,CAAC,GAAG,EAAK,MAAM,GAAG,EAAE,CAAQ,CAAC,CAAE,EAAE,CAAC,CAAC,EAAkR,OAAhR,OAAe,EAAO,iBAAiB,YAAY,CAAe,MAAY,EAAO,oBAAoB,YAAY,CAAe,GAAI,CAAC,CAAe,CAAC,EAAE,MAAc,CAAC,IAAM,EAAM,gBAAgB,CAAC,EAAS,GAAM,EAAK,MAAM,CAAC,CAAC,CAAE,EAAE,EAAE,EAAE,UAAU,cAAc,CAAK,CAAE,EAAE,CAAC,CAAC,EAAsB,EAAM,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,SAAS,QAAQ,EAAE,SAAS,CAAc,EAAK,EAAgB,CAAC,SAAS,EAAM,IAAI,GAAoB,EAAK,EAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,MAAM,EAAE,WAAW,gFAAgF,EAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,GACjqB,WAAW,gFAAgF,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,CAAC,SAAS,QAAQ,KAAK,EAAM,EAAE,IAAI,EAAM,EAAE,MAAM,IAAI,OAAO,IAAI,aAAa,MAAM,aAAa,SAAS,OAAO,aAAa,cAAc,OAAO,WAAW,OAAO,WAAW,OAAO,OAAO,CAAC,CAAC,EAAE,EAAM,EAAE,CAAC,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,OAAO,CAAC,EAAE,SAAsB,EAAK,EAAU,CAAC,GAAG,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAE,qBAF1a,IAAkD,IAAkD"}