mirror of
https://github.com/adoyle0/leptos-use.git
synced 2025-02-02 10:54:15 -05:00
131 lines
3.2 KiB
Rust
131 lines
3.2 KiB
Rust
|
use crate::utils::Pausable;
|
||
|
use crate::{use_interval_fn, use_interval_fn_with_options, UseIntervalFnOptions, watch};
|
||
|
use default_struct_builder::DefaultBuilder;
|
||
|
use leptos::leptos_dom::helpers::IntervalHandle;
|
||
|
use leptos::*;
|
||
|
use std::cell::Cell;
|
||
|
use std::marker::PhantomData;
|
||
|
use std::rc::Rc;
|
||
|
use std::time::Duration;
|
||
|
|
||
|
/// Reactive counter increases on every interval.
|
||
|
///
|
||
|
/// ## Demo
|
||
|
///
|
||
|
/// [Link to Demo](https://github.com/Synphonyte/leptos-use/tree/main/examples/use_interval)
|
||
|
///
|
||
|
/// ## Usage
|
||
|
///
|
||
|
/// ```
|
||
|
/// # use leptos::*;
|
||
|
/// # use leptos_use::{use_interval, UseIntervalReturn};
|
||
|
/// #
|
||
|
/// # #[component]
|
||
|
/// # fn Demo(cx: Scope) -> impl IntoView {
|
||
|
/// let UseIntervalReturn {
|
||
|
/// counter,
|
||
|
/// reset,
|
||
|
/// is_active,
|
||
|
/// pause,
|
||
|
/// resume
|
||
|
/// } = use_interval( cx, 200 );
|
||
|
/// # view! { cx, }
|
||
|
/// # }
|
||
|
/// ```
|
||
|
pub fn use_interval<N>(
|
||
|
cx: Scope,
|
||
|
interval: N,
|
||
|
) -> UseIntervalReturn<impl Fn() + Clone, impl Fn() + Clone, impl Fn() + Clone>
|
||
|
where
|
||
|
N: Into<MaybeSignal<u64>>,
|
||
|
{
|
||
|
use_interval_with_options(cx, interval, UseIntervalOptions { immediate: true, callback: |_: u64| {} })
|
||
|
}
|
||
|
|
||
|
/// Version of [`use_interval`] that takes `UseIntervalOptions`. See [`use_interval`] for how to use.
|
||
|
pub fn use_interval_with_options<CbFn, N>(
|
||
|
cx: Scope,
|
||
|
interval: N,
|
||
|
options: UseIntervalOptions<CbFn>,
|
||
|
) -> UseIntervalReturn<impl Fn() + Clone, impl Fn() + Clone, impl Fn() + Clone>
|
||
|
where
|
||
|
CbFn: Fn(u64) + Clone + 'static,
|
||
|
N: Into<MaybeSignal<u64>>,
|
||
|
{
|
||
|
let UseIntervalOptions {
|
||
|
immediate,
|
||
|
callback,
|
||
|
} = options;
|
||
|
|
||
|
let (counter, set_counter) = create_signal(cx, 0u64);
|
||
|
|
||
|
let update = move || set_counter.update(|count| *count += 1);
|
||
|
let reset = move || set_counter(0);
|
||
|
|
||
|
let cb =
|
||
|
move || {
|
||
|
update();
|
||
|
callback(counter());
|
||
|
};
|
||
|
|
||
|
let Pausable { is_active, pause, resume } = use_interval_fn_with_options(cx, cb, interval, UseIntervalFnOptions {
|
||
|
immediate,
|
||
|
immediate_callback: false,
|
||
|
});
|
||
|
|
||
|
UseIntervalReturn {
|
||
|
counter: counter.into(),
|
||
|
reset,
|
||
|
is_active,
|
||
|
pause,
|
||
|
resume,
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/// Options for [`use_interval_with_options`]
|
||
|
#[derive(DefaultBuilder)]
|
||
|
pub struct UseIntervalOptions<CbFn>
|
||
|
where
|
||
|
CbFn: Fn(u64) + Clone + 'static,
|
||
|
{
|
||
|
/// Start the timer immediately. Defaults to `true`.
|
||
|
immediate: bool,
|
||
|
|
||
|
/// Callback on every interval.
|
||
|
callback: CbFn,
|
||
|
}
|
||
|
|
||
|
// impl<CbFn> Default for UseIntervalOptions<CbFn>
|
||
|
// where CbFn: Fn(u64) + Clone + 'static
|
||
|
// {
|
||
|
// fn default() -> Self {
|
||
|
// Self {
|
||
|
// immediate: false,
|
||
|
// callback: |_: u64| {},
|
||
|
// }
|
||
|
// }
|
||
|
// }
|
||
|
|
||
|
/// Return type of [`use_interval`].
|
||
|
#[derive(DefaultBuilder)]
|
||
|
pub struct UseIntervalReturn<PauseFn, ResumeFn, ResetFn>
|
||
|
where
|
||
|
PauseFn: Fn() + Clone,
|
||
|
ResumeFn: Fn() + Clone,
|
||
|
ResetFn: Fn() + Clone,
|
||
|
{
|
||
|
/// Counter signal that increases by one every interval.
|
||
|
pub counter: Signal<u64>,
|
||
|
|
||
|
/// Reset the counter to zero
|
||
|
pub reset: ResetFn,
|
||
|
|
||
|
/// A Signal that indicates whether the counter is active. `false` when paused.
|
||
|
pub is_active: Signal<bool>,
|
||
|
|
||
|
/// Temporarily pause the counter
|
||
|
pub pause: PauseFn,
|
||
|
|
||
|
/// Resume the counter
|
||
|
pub resume: ResumeFn,
|
||
|
}
|