//! 骨架屏延迟加载状态 Hook。
//!
//! 通过延迟显示骨架屏，避免数据加载很快时出现闪烁。

use crate::utils::time::sleep_ms;
use dioxus::prelude::*;

/// 骨架屏最小显示延迟（毫秒）。加载时间低于此值时不会显示骨架屏，避免闪烁。
pub const MIN_SKELETON_DELAY_MS: u32 = 200;

/// 延迟加载状态 Hook。
///
/// 当 `is_loading` 返回 true 时，延迟 `MIN_SKELETON_DELAY_MS` 毫秒后才返回 true；
/// 当 `is_loading` 返回 false 时，立即返回 false。
///
/// 用于骨架屏：避免数据加载很快时出现骨架屏一闪而过的问题。
pub fn use_delayed_loading<F>(is_loading: F) -> Signal<bool>
where
    F: Fn() -> bool + Clone + 'static,
{
    let mut should_show = use_signal(|| false);

    use_effect(move || {
        let loading = is_loading();

        if loading {
            if !should_show() {
                let is_loading_clone = is_loading.clone();
                spawn(async move {
                    sleep_ms(MIN_SKELETON_DELAY_MS).await;
                    if is_loading_clone() {
                        should_show.set(true);
                    }
                });
            }
        } else {
            should_show.set(false);
        }
    });

    should_show
}