feat: Binder lazy mount

Author: luoxiaozero

thaw/src/auto_complete/mod.rs

@@ -204,6 +204,7 @@ pub fn AutoComplete(
                 <CSSTransition
                     node_ref=menu_ref
                     name="fade-in-scale-up-transition"
+                    appear=is_show_menu.get_untracked()
                     show=is_show_menu
                     let:display
                 >

thaw/src/color_picker/mod.rs

@@ -152,6 +152,7 @@ pub fn ColorPicker(
                 <CSSTransition
                     node_ref=popover_ref
                     name="fade-in-scale-up-transition"
+                    appear=is_show_popover.get_untracked()
                     show=is_show_popover
                     let:display
                 >

thaw/src/date_picker/panel/mod.rs

@@ -93,6 +93,7 @@ pub fn Panel(
         <CSSTransition
             node_ref=panel_ref
             name="fade-in-scale-up-transition"
+            appear=is_show_panel.get_untracked()
             show=is_show_panel
             let:display
         >

thaw/src/modal/mod.rs

@@ -64,7 +64,7 @@ pub fn Modal(
     });
 
     view! {
-        <Teleport>
+         <Teleport immediate=show.signal()>
             <FocusTrap disabled=!close_on_esc active=show.signal() on_esc>
                 <div
                     class="thaw-modal-container"
@@ -78,6 +78,7 @@ pub fn Modal(
                     >
                         <CSSTransition
                             node_ref=mask_ref
+                            appear=show.get_untracked()
                             show=show.signal()
                             name="fade-in-transition"
                             let:display
@@ -91,6 +92,7 @@ pub fn Modal(
                         </CSSTransition>
                         <CSSTransition
                             node_ref=modal_ref
+                            appear=show.get_untracked()
                             show=show.signal()
                             name="fade-in-scale-up-transition"
                             on_enter

thaw/src/popover/mod.rs

@@ -110,7 +110,6 @@ pub fn Popover(
         children: trigger_children,
     } = popover_trigger;
 
-    let follower_enabled = RwSignal::new(false);
     view! {
         <Binder target_ref>
             <div
@@ -121,13 +120,12 @@ pub fn Popover(
             >
                 {trigger_children()}
             </div>
-            <Follower slot show=follower_enabled placement>
+            <Follower slot show=is_show_popover placement>
                 <CSSTransition
                     node_ref=popover_ref
                     name="popover-transition"
+                    appear=is_show_popover.get_untracked()
                     show=is_show_popover
-                    on_enter=move |_| follower_enabled.set(true)
-                    on_after_leave=move |_| follower_enabled.set(false)
                     let:display
                 >
                     <div

thaw/src/select/mod.rs

@@ -127,6 +127,7 @@ where
                 <CSSTransition
                     node_ref=menu_ref
                     name="fade-in-scale-up-transition"
+                    appear=is_show_menu.get_untracked()
                     show=is_show_menu
                     let:display
                 >

thaw/src/time_picker/mod.rs

@@ -178,6 +178,7 @@ fn Panel(
         <CSSTransition
             node_ref=panel_ref
             name="fade-in-scale-up-transition"
+            appear=is_show_panel.get_untracked()
             show=is_show_panel
             let:display
         >

thaw_components/src/binder/mod.rs

@@ -239,7 +239,7 @@ fn FollowerContainer<El: ElementDescriptor + Clone + 'static>(
         )
     });
 
-    view! { <Teleport element=children/> }
+    view! { <Teleport element=children immediate=show/> }
 }
 
 fn get_scroll_parent(element: Option<HtmlElement<AnyElement>>) -> Option<HtmlElement<AnyElement>> {