1 line
8.5 KiB
JSON
1 line
8.5 KiB
JSON
|
{"ast":null,"code":"import React from'react';import{motion}from'framer-motion';import{jsx as _jsx,Fragment as _Fragment}from\"react/jsx-runtime\";const CyberpunkVignette=_ref=>{let{intensity='medium',variant='neon'}=_ref;const intensityMap={light:{opacity:0.3,blur:0.5},medium:{opacity:0.5,blur:1},strong:{opacity:0.7,blur:2}};const config=intensityMap[intensity];const getBackground=()=>{switch(variant){case'minimal':// 极简变体 - 性能优化版本\nreturn\"\\n linear-gradient(180deg, \\n rgba(0, 0, 0, \".concat(config.opacity*0.2,\") 0%, \\n transparent 15%, \\n transparent 85%, \\n rgba(0, 0, 0, \").concat(config.opacity*0.2,\") 100%\\n )\\n \");case'glitch':return\"\\n radial-gradient(ellipse at center, \\n transparent 30%, \\n rgba(244, 63, 94, \".concat(config.opacity*0.3,\") 60%,\\n rgba(168, 85, 247, \").concat(config.opacity*0.5,\") 80%,\\n rgba(0, 0, 0, \").concat(config.opacity,\") 100%\\n ),\\n conic-gradient(\\n from 0deg at 50% 50%,\\n rgba(244, 63, 94, \").concat(config.opacity*0.1,\"),\\n rgba(168, 85, 247, \").concat(config.opacity*0.1,\"),\\n rgba(6, 182, 212, \").concat(config.opacity*0.1,\"),\\n rgba(244, 63, 94, \").concat(config.opacity*0.1,\")\\n )\\n \");case'neon':return\"\\n radial-gradient(ellipse at center, \\n transparent 40%, \\n rgba(244, 63, 94, \".concat(config.opacity*0.2,\") 70%,\\n rgba(168, 85, 247, \").concat(config.opacity*0.3,\") 85%,\\n rgba(0, 0, 0, \").concat(config.opacity*0.8,\") 100%\\n ),\\n linear-gradient(180deg, \\n rgba(0, 0, 0, \").concat(config.opacity*0.3,\") 0%, \\n transparent 10%, \\n transparent 90%, \\n rgba(0, 0, 0, \").concat(config.opacity*0.3,\") 100%\\n ),\\n linear-gradient(90deg, \\n rgba(0, 0, 0, \").concat(config.opacity*0.3,\") 0%, \\n transparent 10%, \\n transparent 90%, \\n rgba(0, 0, 0, \").concat(config.opacity*0.3,\") 100%\\n )\\n \");default:return\"\\n radial-gradient(ellipse at center, \\n transparent 50%, \\n rgba(0, 0, 0, \".concat(config.opacity*0.5,\") 100%\\n ),\\n linear-gradient(180deg, \\n rgba(0, 0, 0, \").concat(config.opacity*0.4,\") 0%, \\n transparent 20%, \\n transparent 80%, \\n rgba(0, 0, 0, \").concat(config.opacity*0.4,\") 100%\\n )\\n \");}};return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(motion.div,{className:\"fixed inset-0 pointer-events-none z-20\",style:{background:getBackground(),filter:\"blur(\".concat(config.blur,\"px)\")},initial:{opacity:0},animate:{opacity:1},transition:{duration:1,ease:\"easeOut\"}})});};export default CyberpunkVignette;","map":{"version":3,"names":["React","motion","jsx","_jsx","Fragment","_Fragment","CyberpunkVignette","_ref","intensity","variant","intensityMap","light","opacity","blur","medium","strong","config","getBackground","concat","children","div","className","style","background","filter","initial","animate","transition","duration","ease"],"sources":["/Users/apple/Documents/cursor/Web课件/AI课/education_web_多Agent协作系统/src/components/CyberpunkVignette.tsx"],"sourcesContent":["import React from 'react';\nimport { motion } from 'framer-motion';\n\ninterface CyberpunkVignetteProps {\n intensity?: 'light' | 'medium' | 'strong';\n variant?: 'default' | 'neon' | 'glitch' | 'minimal';\n}\n\nconst CyberpunkVignette: React.FC<CyberpunkVignetteProps> = ({ \n intensity = 'medium',\n variant = 'neon' \n}) => {\n const intensityMap = {\n light: { opacity: 0.3, blur: 0.5 },\n medium: { opacity: 0.5, blur: 1 },\n strong: { opacity: 0.7, blur: 2 }\n };\n\n const config = intensityMap[intensity];\n\n const getBackground = () => {\n switch (variant) {\n
|