leptos-use/src/use_scroll.rs

79 lines
2 KiB
Rust
Raw Normal View History

2023-05-19 00:58:48 +01:00
use crate::core::EventTargetMaybeSignal;
2023-05-15 02:08:22 +01:00
use crate::use_event_listener;
use leptos::*;
2023-05-19 00:58:48 +01:00
// pub fn use_scroll<El, T, Fx, Fy>(
// cx: Scope,
// element: El,
// options: UseScrollOptions,
// ) -> UseScrollReturn<Fx, Fy>
// where
// (Scope, El): Into<EventTargetMaybeSignal<T>>,
// T: Into<web_sys::EventTarget> + Clone + 'static,
// {
// }
/// Options for [`use_scroll`].
#[derive(Default)]
2023-05-15 02:08:22 +01:00
pub struct UseScrollOptions {
/// Throttle time in milliseconds for the scroll events. Defaults to 0 (disabled).
pub throttle: u32,
/// After scrolling ends we wait idle + throttle milliseconds before we consider scrolling to have stopped.
/// Defaults to 200.
pub idle: u32,
2023-05-19 00:58:48 +01:00
/// Threshold in pixels when we consider a side to have arrived (`UseScrollReturn::arrived_state`).
pub offset: ScrollOffset,
/// Callback when scrolling is happening.
pub on_scroll: Option<Box<dyn Fn()>>,
/// Callback when scrolling stops (after `idle` + `throttle` milliseconds have passed).
pub on_stop: Option<Box<dyn Fn()>>,
/// Options passed to the `addEventListener("scroll", ...)` call
pub event_listener_options: Option<web_sys::AddEventListenerOptions>,
/// When changing the `x` or `y` signals this specifies the scroll behaviour.
/// Can be `Auto` (= not smooth) or `Smooth`. Defaults to `Auto`.
pub behavior: ScrollBehavior,
}
#[derive(Default)]
pub enum ScrollBehavior {
#[default]
Auto,
Smooth,
2023-05-15 02:08:22 +01:00
}
2023-05-19 00:58:48 +01:00
pub struct UseScrollReturn<Fx, Fy>
where
Fx: FnMut(f64),
Fy: FnMut(f64),
{
pub x: Signal<f64>,
pub set_x: Fx,
pub y: Signal<f64>,
pub set_y: Fy,
pub is_scrolling: Signal<bool>,
pub arrived_state: Signal<Directions>,
pub directions: Signal<Directions>,
2023-05-15 02:08:22 +01:00
}
2023-05-19 00:58:48 +01:00
#[derive(Copy, Clone)]
2023-05-15 02:08:22 +01:00
pub struct Directions {
pub left: bool,
pub right: bool,
pub top: bool,
pub bottom: bool,
}
2023-05-15 02:12:27 +01:00
2023-05-19 00:58:48 +01:00
#[derive(Default)]
pub struct ScrollOffset {
pub left: f64,
pub top: f64,
pub right: f64,
pub bottom: f64,
}