@lobehub/ui/es/Image/components/Preview.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"Preview.mjs","names":[],"sources":["../../../src/Image/components/Preview.tsx"],"sourcesContent":["'use client';\n\nimport { type PropsWithChildren, memo, useEffect, useRef } from 'react';\n\ninterface PreviewProps extends PropsWithChildren {\n  visible?: boolean;\n}\n\nconst Preview = memo<PreviewProps>(({ children, visible }) => {\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (!ref.current) return;\n\n    const handleDisableZoom = (event: any) => {\n      event.preventDefault();\n    };\n\n    if (visible) {\n      ref.current.addEventListener('wheel', handleDisableZoom, { passive: false });\n    } else {\n      ref.current.removeEventListener('wheel', handleDisableZoom);\n    }\n  }, [visible]);\n\n  return <div ref={ref}>{children}</div>;\n});\n\nexport default Preview;\n"],"mappings":";;;;;;AAQA,MAAM,UAAU,MAAoB,EAAE,UAAU,cAAc;CAC5D,MAAM,MAAM,OAAuB,KAAK;AACxC,iBAAgB;AACd,MAAI,CAAC,IAAI,QAAS;EAElB,MAAM,qBAAqB,UAAe;AACxC,SAAM,gBAAgB;;AAGxB,MAAI,QACF,KAAI,QAAQ,iBAAiB,SAAS,mBAAmB,EAAE,SAAS,OAAO,CAAC;MAE5E,KAAI,QAAQ,oBAAoB,SAAS,kBAAkB;IAE5D,CAAC,QAAQ,CAAC;AAEb,QAAO,oBAAC;EAAS;EAAM;GAAe;EACtC;AAEF,sBAAe"}