function _array_like_to_array(arr, len) {
    if (len == null || len > arr.length) len = arr.length;
    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
    return arr2;
}
function _array_with_holes(arr) {
    if (Array.isArray(arr)) return arr;
}
function _iterable_to_array_limit(arr, i) {
    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
    if (_i == null) return;
    var _arr = [];
    var _n = true;
    var _d = false;
    var _s, _e;
    try {
        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
            _arr.push(_s.value);
            if (i && _arr.length === i) break;
        }
    } catch (err) {
        _d = true;
        _e = err;
    } finally{
        try {
            if (!_n && _i["return"] != null) _i["return"]();
        } finally{
            if (_d) throw _e;
        }
    }
    return _arr;
}
function _non_iterable_rest() {
    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _sliced_to_array(arr, i) {
    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
}
function _unsupported_iterable_to_array(o, minLen) {
    if (!o) return;
    if (typeof o === "string") return _array_like_to_array(o, minLen);
    var n = Object.prototype.toString.call(o).slice(8, -1);
    if (n === "Object" && o.constructor) n = o.constructor.name;
    if (n === "Map" || n === "Set") return Array.from(n);
    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
}
import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
/**
 * SSR 安全的 useLayoutEffect：服务端渲染时退化为 useEffect，
 * 避免 React 的 "useLayoutEffect does nothing on the server" 警告
 */ var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
/**
 * useIntersectionOnce Hook - 元素进入视口"一次性"检测
 *
 * 检测 targetRef 引用的元素是否进入了 root（默认 viewport）的可视区域，
 * 一旦进入则永久返回 true，并断开 observer，常用于懒加载 / 首屏曝光埋点。
 *
 * @remarks
 * - SSR 安全：服务端 useLayoutEffect 退化为 useEffect，避免 hydration 警告
 * - 不支持 IntersectionObserver 的环境（旧浏览器 / SSR）下直接置 true，
 *   保证业务能拿到内容（如懒加载组件不至于永远不渲染）
 * - threshold 数组与 rootMargin 字符串通过 JSON.stringify 序列化为稳定 deps key，
 *   避免父组件每次渲染传新对象时 effect 反复重建
 */ export var useIntersectionOnce = function useIntersectionOnce(targetRef) {
    var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
    var root = options.root, rootMargin = options.rootMargin, threshold = options.threshold;
    var _useState = _sliced_to_array(useState(false), 2), isIntersecting = _useState[0], setIntersecting = _useState[1];
    var observerRef = useRef(null);
    /**
   * 把 threshold 序列化为稳定 key：threshold 既可能是 number 也可能是 number[]，
   * 父组件每次渲染传 `[0, 0.5, 1]` 这种新数组会触发 effect 反复重建。
   * 序列化后只要值相同就能拿到相同 deps key。
   */ var thresholdKey = useMemo(function() {
        if (threshold === undefined) return '';
        return JSON.stringify(threshold);
    }, [
        threshold
    ]);
    // 初始检查：在 DOM 更新后立即检查元素是否已经在视口内（SSR 安全版本）
    useIsomorphicLayoutEffect(function() {
        if (isIntersecting) return;
        // SSR 短路：服务端没有 window/getBoundingClientRect，直接置 true
        if (typeof window === 'undefined') {
            setIntersecting(true);
            return;
        }
        var element = targetRef.current;
        if (!element) return;
        // 检查元素是否已经在视口内
        var rect = element.getBoundingClientRect();
        var resolvedRoot = root && 'current' in root ? root.current : root;
        var rootElement = resolvedRoot || (typeof document !== 'undefined' ? document.documentElement : null);
        var shouldSetIntersecting = false;
        if (!rootElement) {
            // 如果没有 root，使用 viewport 检查
            shouldSetIntersecting = rect.top < window.innerHeight && rect.bottom > 0 && rect.left < window.innerWidth && rect.right > 0;
        } else {
            // 如果有 root，检查是否在 root 内
            var rootRect = rootElement.getBoundingClientRect();
            shouldSetIntersecting = rect.top < rootRect.bottom && rect.bottom > rootRect.top && rect.left < rootRect.right && rect.right > rootRect.left;
        }
        if (shouldSetIntersecting) {
            setIntersecting(true);
        }
    }, [
        targetRef,
        root,
        isIntersecting
    ]);
    // 设置 IntersectionObserver 监听元素进入视口
    useEffect(function() {
        if (isIntersecting) return;
        var element = targetRef.current;
        if (!element) return;
        // 浏览器不支持 IntersectionObserver（旧浏览器 / 测试环境）：直接置 true，
        // 避免懒加载内容永远不渲染
        if (typeof IntersectionObserver === 'undefined') {
            setIntersecting(true);
            return;
        }
        var resolvedRoot = root && 'current' in root ? root.current : root;
        observerRef.current = new IntersectionObserver(function(entries) {
            entries.forEach(function(entry) {
                if (entry.isIntersecting || entry.intersectionRatio > 0) {
                    var _observerRef_current;
                    setIntersecting(true);
                    (_observerRef_current = observerRef.current) === null || _observerRef_current === void 0 ? void 0 : _observerRef_current.disconnect();
                }
            });
        }, {
            rootMargin: rootMargin,
            threshold: threshold,
            root: resolvedRoot !== null && resolvedRoot !== void 0 ? resolvedRoot : null
        });
        observerRef.current.observe(element);
        return function() {
            var _observerRef_current;
            (_observerRef_current = observerRef.current) === null || _observerRef_current === void 0 ? void 0 : _observerRef_current.disconnect();
            observerRef.current = null;
        };
    // 用 thresholdKey 替代 threshold（数组引用每次新建会导致 effect 反复重建）；
    // rootMargin 是字符串原始值，引用稳定，可直接进 deps
    // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [
        targetRef,
        rootMargin,
        thresholdKey,
        root,
        isIntersecting
    ]);
    return isIntersecting;
};
