canonrs-client 0.1.0

CanonRS client-side runtime
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

use leptos::prelude::*;

pub fn use_column_resize<F>(
    #[allow(unused_variables)] container_id: String,
    enabled: Signal<bool>,
    #[allow(unused_variables)] on_resize: F,
) where
    F: Fn(String, u32) + 'static + Clone,
{
    Effect::new(move |_| {
        enabled.track();

        if !enabled.get() {
            return;
        }

        #[cfg(target_arch = "wasm32")]
        {
            use leptos::wasm_bindgen::{closure::Closure, JsCast, JsValue};
            use leptos::leptos_dom::helpers::document;

            let doc = document();
            let container_id_static: &'static str = Box::leak(container_id.clone().into_boxed_str());
            if let Some(container) = doc.get_element_by_id(container_id_static) {
                if container.get_attribute("data-resize-hook-attached").as_deref() == Some("1") {
                    return;
                }

                let _ = container.set_attribute("data-resize-hook-attached", "1");

                let on_resize_clone = on_resize.clone();
                let closure = Closure::wrap(Box::new(move |ev: leptos::web_sys::Event| {
                    if let (Ok(col_val), Ok(width_val)) = (
                        js_sys::Reflect::get(&ev, &JsValue::from_str("colId")),
                        js_sys::Reflect::get(&ev, &JsValue::from_str("width")),
                    ) {
                        if let (Some(col), Some(width)) = (col_val.as_string(), width_val.as_f64()) {
                            on_resize_clone(col, width as u32);
                        }
                    }
                }) as Box<dyn FnMut(_)>);

                let _ = container.add_event_listener_with_callback(
                    "canon:resize:move",
                    closure.as_ref().unchecked_ref(),
                );
                closure.forget();

                // Cleanup quando effect é destruído
                on_cleanup(move || {
                    if let Some(container) = document().get_element_by_id(container_id_static) {
                        let _ = container.remove_attribute("data-resize-hook-attached");
                    }
                });
            }
        }
    });
}