From 8bdbda33a01060498ba104e75116dc3bf899b457 Mon Sep 17 00:00:00 2001
From: luoxiao <luoxiaozero@163.com>
Date: Thu, 1 Feb 2024 15:24:09 +0800
Subject: [PATCH] style: fmt

---
 thaw/src/auto_complete/mod.rs          |   2 +-
 thaw/src/breadcrumb/breadcrumb_item.rs |   2 +-
 thaw/src/breadcrumb/mod.rs             |   2 +-
 thaw/src/button/mod.rs                 |   6 +-
 thaw/src/calendar/mod.rs               |   5 +-
 thaw/src/card/mod.rs                   |  50 ++++++-----
 thaw/src/checkbox/mod.rs               |   3 +-
 thaw/src/code/mod.rs                   |  26 +++---
 thaw/src/collapse/collapse_item.rs     |   9 +-
 thaw/src/collapse/mod.rs               |   2 +-
 thaw/src/color_picker/mod.rs           |   2 +-
 thaw/src/divider/mod.rs                |   2 +-
 thaw/src/drawer/mod.rs                 |   3 +-
 thaw/src/grid/grid_item.rs             |   5 +-
 thaw/src/grid/mod.rs                   |   5 +-
 thaw/src/input/mod.rs                  |   2 +-
 thaw/src/input/text_area.rs            |   6 +-
 thaw/src/layout/layout_header.rs       |   5 +-
 thaw/src/layout/layout_sider.rs        |   5 +-
 thaw/src/layout/mod.rs                 |   2 +-
 thaw/src/menu/menu_group.rs            |   5 +-
 thaw/src/menu/menu_item.rs             |   2 +-
 thaw/src/menu/mod.rs                   |   2 +-
 thaw/src/message/message_provider.rs   |  11 +--
 thaw/src/message/mod.rs                |  12 +--
 thaw/src/mobile/nav_bar/mod.rs         | 111 ++++++++++++++-----------
 thaw/src/mobile/tabbar/mod.rs          |  11 +--
 thaw/src/popover/mod.rs                |   2 +-
 thaw/src/radio/mod.rs                  |   3 +-
 thaw/src/select/mod.rs                 |   2 +-
 thaw/src/slider/mod.rs                 |   2 +-
 thaw/src/space/mod.rs                  |   2 +-
 thaw/src/spinner/mod.rs                |   2 +-
 thaw/src/switch/mod.rs                 |   3 +-
 thaw/src/table/mod.rs                  |   3 +-
 thaw/src/tabs/mod.rs                   |   7 +-
 thaw/src/tabs/tab.rs                   |   3 +-
 thaw/src/tag/mod.rs                    |   5 +-
 thaw/src/time_picker/mod.rs            |   5 +-
 thaw/src/typography/text.rs            |   4 +-
 40 files changed, 198 insertions(+), 143 deletions(-)

diff --git a/thaw/src/auto_complete/mod.rs b/thaw/src/auto_complete/mod.rs
index c006016..7a79102 100644
--- a/thaw/src/auto_complete/mod.rs
+++ b/thaw/src/auto_complete/mod.rs
@@ -130,7 +130,7 @@ pub fn AutoComplete(
     view! {
         <Binder target_ref=auto_complete_ref>
             <div
-                class=class_list!["thaw-auto-complete", class.map(|c| move || c.get())]
+                class=class_list!["thaw-auto-complete", class.map(| c | move || c.get())]
                 ref=auto_complete_ref
                 on:keydown=on_keydown
             >
diff --git a/thaw/src/breadcrumb/breadcrumb_item.rs b/thaw/src/breadcrumb/breadcrumb_item.rs
index bec75ee..2e2bfee 100644
--- a/thaw/src/breadcrumb/breadcrumb_item.rs
+++ b/thaw/src/breadcrumb/breadcrumb_item.rs
@@ -12,7 +12,7 @@ pub fn BreadcrumbItem(
     view! {
         <li class="thaw-breadcrumb-item">
             <span class=class_list![
-                "thaw-breadcrumb-item__link", class.map(|c| move || c.get())
+                "thaw-breadcrumb-item__link", class.map(| c | move || c.get())
             ]>{children()}</span>
             <span class="thaw-breadcrumb-item__separator">
                 {move || breadcrumb_separator.0.get()}
diff --git a/thaw/src/breadcrumb/mod.rs b/thaw/src/breadcrumb/mod.rs
index 60fa681..3ab4652 100644
--- a/thaw/src/breadcrumb/mod.rs
+++ b/thaw/src/breadcrumb/mod.rs
@@ -40,7 +40,7 @@ pub fn Breadcrumb(
     view! {
         <Provider value=BreadcrumbSeparatorInjection(separator)>
             <nav
-                class=class_list!["thaw-breadcrumb", class.map(|c| move || c.get())]
+                class=class_list!["thaw-breadcrumb", class.map(| c | move || c.get())]
                 style=move || css_vars.get()
             >
                 <ul>{children()}</ul>
diff --git a/thaw/src/button/mod.rs b/thaw/src/button/mod.rs
index 7876673..4d08648 100644
--- a/thaw/src/button/mod.rs
+++ b/thaw/src/button/mod.rs
@@ -228,10 +228,12 @@ pub fn Button(
                 ButtonVariant::Text), ("thaw-button--link", move || variant.get() ==
                 ButtonVariant::Link), ("thaw-button--round", move || round.get()),
                 ("thaw-button--circle", move || circle.get()), ("thaw-button--disabled", move ||
-                disabled.get()), class.map(|c| move || c.get())
+                disabled.get()), class.map(| c | move || c.get())
             ]
 
-            style=move || format!("{}{}", css_vars.get(), style.as_ref().map(|s| s.get()).unwrap_or_default())
+            style=move || {
+                format!("{}{}", css_vars.get(), style.as_ref().map(|s| s.get()).unwrap_or_default())
+            }
             disabled=move || disabled.get()
             on:click=on_click
         >
diff --git a/thaw/src/calendar/mod.rs b/thaw/src/calendar/mod.rs
index 9f69c0e..08f7b43 100644
--- a/thaw/src/calendar/mod.rs
+++ b/thaw/src/calendar/mod.rs
@@ -116,7 +116,10 @@ pub fn Calendar(
     };
 
     view! {
-        <div class=class_list!["thaw-calendar", class.map(|c| move || c.get())] style=move || css_vars.get()>
+        <div
+            class=class_list!["thaw-calendar", class.map(| c | move || c.get())]
+            style=move || css_vars.get()
+        >
             <div class="thaw-calendar__header">
                 <span class="thaw-calendar__header-title">
 
diff --git a/thaw/src/card/mod.rs b/thaw/src/card/mod.rs
index 8b9271e..c86e4d2 100644
--- a/thaw/src/card/mod.rs
+++ b/thaw/src/card/mod.rs
@@ -50,31 +50,35 @@ pub fn Card(
     });
 
     view! {
-        <div class=class_list!["thaw-card", class.map(|c| move || c.get())] style=move || css_vars.get()>
-            {
-                if card_header.is_some() || title.is_some() {
-                    view! {
-                        <div class="thaw-card__header">
-                            <div class="thaw-card__header-content">
-                                {
-                                    if let Some(header) = card_header {
-                                        (header.children)().into_view()
-                                    } else if let Some(title) = title.into_option() {
-                                        (move || title.get()).into_view()
-                                    } else {
-                                        unreachable!()
-                                    }
-                                }
-                            </div>
-                            <OptionComp value=card_header_extra let:header_extra>
-                                <div class="thaw-card__header-extra">{(header_extra.children)()}</div>
-                            </OptionComp>
+        <div
+            class=class_list!["thaw-card", class.map(| c | move || c.get())]
+            style=move || css_vars.get()
+        >
+
+            {if card_header.is_some() || title.is_some() {
+                view! {
+                    <div class="thaw-card__header">
+                        <div class="thaw-card__header-content">
+
+                            {if let Some(header) = card_header {
+                                (header.children)().into_view()
+                            } else if let Some(title) = title.into_option() {
+                                (move || title.get()).into_view()
+                            } else {
+                                unreachable!()
+                            }}
+
                         </div>
-                    }.into()
-                } else {
-                    None
+                        <OptionComp value=card_header_extra let:header_extra>
+                            <div class="thaw-card__header-extra">{(header_extra.children)()}</div>
+                        </OptionComp>
+                    </div>
                 }
-            }
+                    .into()
+            } else {
+                None
+            }}
+
             <div class="thaw-card__content">{children()}</div>
             <OptionComp value=card_footer let:footer>
                 <If cond=footer.if_>
diff --git a/thaw/src/checkbox/mod.rs b/thaw/src/checkbox/mod.rs
index ac4bdbd..29e263b 100644
--- a/thaw/src/checkbox/mod.rs
+++ b/thaw/src/checkbox/mod.rs
@@ -35,7 +35,8 @@ pub fn Checkbox(
     view! {
         <div
             class=class_list![
-                "thaw-checkbox", ("thaw-checkbox--checked", move || value.get()), class.map(|c| move || c.get())
+                "thaw-checkbox", ("thaw-checkbox--checked", move || value.get()), class.map(| c |
+                move || c.get())
             ]
 
             style=move || css_vars.get()
diff --git a/thaw/src/code/mod.rs b/thaw/src/code/mod.rs
index 9d75fdf..46b6dc4 100644
--- a/thaw/src/code/mod.rs
+++ b/thaw/src/code/mod.rs
@@ -9,20 +9,18 @@ pub fn Code(
 ) -> impl IntoView {
     mount_style("code", include_str!("./code.css"));
     view! {
-        <code class=class_list!["thaw-code", class.map(|c| move || c.get())]>
-            {
-                if let Some(inner_html) = inner_html {
-                    view! {
-                        <pre inner_html=inner_html></pre>
-                    }.into()
-                } else if let Some(text) = text {
-                    view! {
-                        <pre>{text}</pre>
-                    }.into()
-                } else {
-                    None
-                }
-            }
+        <code class=class_list![
+            "thaw-code", class.map(| c | move || c.get())
+        ]>
+
+            {if let Some(inner_html) = inner_html {
+                view! { <pre inner_html=inner_html></pre> }.into()
+            } else if let Some(text) = text {
+                view! { <pre>{text}</pre> }.into()
+            } else {
+                None
+            }}
+
         </code>
     }
 }
diff --git a/thaw/src/collapse/collapse_item.rs b/thaw/src/collapse/collapse_item.rs
index 160d411..36cb614 100644
--- a/thaw/src/collapse/collapse_item.rs
+++ b/thaw/src/collapse/collapse_item.rs
@@ -44,13 +44,18 @@ pub fn CollapseItem(
     view! {
         <div class=class_list![
             "thaw-collapse-item", ("thaw-collapse-item--active", move || is_show_content.get()),
-            class.map(|c| move || c.get())
+            class.map(| c | move || c.get())
         ]>
             <div class="thaw-collapse-item__header" on:click=on_click>
                 <Icon icon=icondata::AiRightOutlined class="thaw-collapse-item-arrow"/>
                 {move || title.get()}
             </div>
-            <CSSTransition node_ref=content_ref show=is_show_content name="thaw-collapse-item" let:display>
+            <CSSTransition
+                node_ref=content_ref
+                show=is_show_content
+                name="thaw-collapse-item"
+                let:display
+            >
                 <div
                     class="thaw-collapse-item__content"
                     ref=content_ref
diff --git a/thaw/src/collapse/mod.rs b/thaw/src/collapse/mod.rs
index 1d07ca8..d15ddee 100644
--- a/thaw/src/collapse/mod.rs
+++ b/thaw/src/collapse/mod.rs
@@ -31,7 +31,7 @@ pub fn Collapse(
             accordion,
         }>
             <div
-                class=class_list!["thaw-collapse", class.map(|c| move || c.get())]
+                class=class_list!["thaw-collapse", class.map(| c | move || c.get())]
                 style=move || css_vars.get()
             >
                 {children()}
diff --git a/thaw/src/color_picker/mod.rs b/thaw/src/color_picker/mod.rs
index b41051f..076a81f 100644
--- a/thaw/src/color_picker/mod.rs
+++ b/thaw/src/color_picker/mod.rs
@@ -100,7 +100,7 @@ pub fn ColorPicker(
     view! {
         <Binder target_ref=trigger_ref>
             <div
-                class=class_list!["thaw-color-picker-trigger", class.map(|c| move || c.get())]
+                class=class_list!["thaw-color-picker-trigger", class.map(| c | move || c.get())]
                 on:click=show_popover
                 ref=trigger_ref
             >
diff --git a/thaw/src/divider/mod.rs b/thaw/src/divider/mod.rs
index 6418f61..b433a28 100644
--- a/thaw/src/divider/mod.rs
+++ b/thaw/src/divider/mod.rs
@@ -6,7 +6,7 @@ pub fn Divider(#[prop(optional, into)] class: OptionalProp<MaybeSignal<String>>)
     mount_style("divider", include_str!("./divider.css"));
 
     view! {
-        <div class=class_list!["thaw-divider", class.map(|c| move || c.get())]>
+        <div class=class_list!["thaw-divider", class.map(| c | move || c.get())]>
             <div class="thaw-divider__line"></div>
         </div>
     }
diff --git a/thaw/src/drawer/mod.rs b/thaw/src/drawer/mod.rs
index ad36629..bf7a496 100644
--- a/thaw/src/drawer/mod.rs
+++ b/thaw/src/drawer/mod.rs
@@ -33,8 +33,9 @@ pub fn Drawer(
                 <div
                     class=class_list![
                         "thaw-drawer", move || format!("thaw-drawer--placement-{}", placement.get()
-                        .as_str()), class.map(|c| move || c.get())
+                        .as_str()), class.map(| c | move || c.get())
                     ]
+
                     style=move || css_vars.get()
                 >
                     <Card title>{children()}</Card>
diff --git a/thaw/src/grid/grid_item.rs b/thaw/src/grid/grid_item.rs
index 288acd3..02da0a7 100644
--- a/thaw/src/grid/grid_item.rs
+++ b/thaw/src/grid/grid_item.rs
@@ -36,7 +36,10 @@ pub fn GridItem(
     });
 
     view! {
-        <div class=class_list!["thaw-grid-item", class.map(|c| move || c.get())] style=move || style.get()>
+        <div
+            class=class_list!["thaw-grid-item", class.map(| c | move || c.get())]
+            style=move || style.get()
+        >
             {children()}
         </div>
     }
diff --git a/thaw/src/grid/mod.rs b/thaw/src/grid/mod.rs
index f750996..48eec8e 100644
--- a/thaw/src/grid/mod.rs
+++ b/thaw/src/grid/mod.rs
@@ -24,7 +24,10 @@ pub fn Grid(
 
     view! {
         <Provider value=GridInjection::new(x_gap)>
-            <div class=class_list!["thaw-grid", class.map(|c| move || c.get())] style=move || style.get()>
+            <div
+                class=class_list!["thaw-grid", class.map(| c | move || c.get())]
+                style=move || style.get()
+            >
                 {children()}
             </div>
         </Provider>
diff --git a/thaw/src/input/mod.rs b/thaw/src/input/mod.rs
index b56ecf4..0dbce34 100644
--- a/thaw/src/input/mod.rs
+++ b/thaw/src/input/mod.rs
@@ -160,7 +160,7 @@ pub fn Input(
             class=class_list![
                 "thaw-input", ("thaw-input--focus", move || is_focus.get()),
                 ("thaw-input--disabled", move || disabled.get()), ("thaw-input--invalid", move ||
-                invalid.get()), class.map(|c| move || c.get())
+                invalid.get()), class.map(| c | move || c.get())
             ]
 
             style=move || css_vars.get()
diff --git a/thaw/src/input/text_area.rs b/thaw/src/input/text_area.rs
index 876c26e..ef6d776 100644
--- a/thaw/src/input/text_area.rs
+++ b/thaw/src/input/text_area.rs
@@ -107,8 +107,8 @@ pub fn TextArea(
         <div
             class=class_list![
                 "thaw-textarea", ("thaw-textarea--focus", move || is_focus.get()),
-                ("thaw-textarea--disabled", move || disabled.get()), ("thaw-textarea--invalid", move ||
-                invalid.get()), class.map(|c| move || c.get())
+                ("thaw-textarea--disabled", move || disabled.get()), ("thaw-textarea--invalid", move
+                || invalid.get()), class.map(| c | move || c.get())
             ]
 
             style=move || css_vars.get()
@@ -127,7 +127,7 @@ pub fn TextArea(
                 disabled=move || disabled.get()
                 placeholder=placeholder.map(|p| move || p.get())
                 ref=textarea_ref
-            />
+            ></textarea>
         </div>
     }
 }
diff --git a/thaw/src/layout/layout_header.rs b/thaw/src/layout/layout_header.rs
index 93a6c9e..b989afe 100644
--- a/thaw/src/layout/layout_header.rs
+++ b/thaw/src/layout/layout_header.rs
@@ -8,7 +8,10 @@ pub fn LayoutHeader(
     children: Children,
 ) -> impl IntoView {
     view! {
-        <div class=class_list!["thaw-layout-header", class.map(|c| move || c.get())] style=style.map(|s| move || s.get())>
+        <div
+            class=class_list!["thaw-layout-header", class.map(| c | move || c.get())]
+            style=style.map(|s| move || s.get())
+        >
             {children()}
         </div>
     }
diff --git a/thaw/src/layout/layout_sider.rs b/thaw/src/layout/layout_sider.rs
index 241177f..5c92aa4 100644
--- a/thaw/src/layout/layout_sider.rs
+++ b/thaw/src/layout/layout_sider.rs
@@ -9,7 +9,10 @@ pub fn LayoutSider(
 ) -> impl IntoView {
     mount_style("layout-sider", include_str!("./layout-sider.css"));
     view! {
-        <div class=class_list!["thaw-layout-sider", class.map(|c| move || c.get())] style=style.map(|s| move || s.get())>
+        <div
+            class=class_list!["thaw-layout-sider", class.map(| c | move || c.get())]
+            style=style.map(|s| move || s.get())
+        >
             {children()}
         </div>
     }
diff --git a/thaw/src/layout/mod.rs b/thaw/src/layout/mod.rs
index 9f40974..b53c3f4 100644
--- a/thaw/src/layout/mod.rs
+++ b/thaw/src/layout/mod.rs
@@ -47,7 +47,7 @@ pub fn Layout(
     });
     view! {
         <div
-            class=class_list![gen_class(position), class.map(|c| move || c.get())]
+            class=class_list![gen_class(position), class.map(| c | move || c.get())]
             style=move || style.get()
         >
             {children()}
diff --git a/thaw/src/menu/menu_group.rs b/thaw/src/menu/menu_group.rs
index 100f618..c6f8f23 100644
--- a/thaw/src/menu/menu_group.rs
+++ b/thaw/src/menu/menu_group.rs
@@ -22,7 +22,10 @@ pub fn MenuGroup(
     });
 
     view! {
-        <div class=class_list!["thaw-menu-group", class.map(|c| move || c.get())] style=move || css_vars.get()>
+        <div
+            class=class_list!["thaw-menu-group", class.map(| c | move || c.get())]
+            style=move || css_vars.get()
+        >
             {label}
         </div>
         {children()}
diff --git a/thaw/src/menu/menu_item.rs b/thaw/src/menu/menu_item.rs
index 0f8dc99..ab7077d 100644
--- a/thaw/src/menu/menu_item.rs
+++ b/thaw/src/menu/menu_item.rs
@@ -43,7 +43,7 @@ pub fn MenuItem(
             <div
                 class=class_list![
                     "thaw-menu-item__content", ("thaw-menu-item__content--selected", move || menu.0
-                    .get() == key.get()), class.map(|c| move || c.get())
+                    .get() == key.get()), class.map(| c | move || c.get())
                 ]
 
                 on:click=on_click
diff --git a/thaw/src/menu/mod.rs b/thaw/src/menu/mod.rs
index 6e75e90..54afc02 100644
--- a/thaw/src/menu/mod.rs
+++ b/thaw/src/menu/mod.rs
@@ -16,7 +16,7 @@ pub fn Menu(
 ) -> impl IntoView {
     view! {
         <Provider value=MenuInjection(value)>
-            <div class=class_list!["thaw-menu", class.map(|c| move || c.get())]>{children()}</div>
+            <div class=class_list!["thaw-menu", class.map(| c | move || c.get())]>{children()}</div>
         </Provider>
     }
 }
diff --git a/thaw/src/message/message_provider.rs b/thaw/src/message/message_provider.rs
index 1edff6f..cd32d24 100644
--- a/thaw/src/message/message_provider.rs
+++ b/thaw/src/message/message_provider.rs
@@ -1,7 +1,10 @@
 use std::time::Duration;
 
 use super::{message_environment::MessageEnvironment, MessageVariant};
-use crate::{components::Teleport, utils::{class_list::class_list, mount_style}};
+use crate::{
+    components::Teleport,
+    utils::{class_list::class_list, mount_style},
+};
 use leptos::*;
 use uuid::Uuid;
 
@@ -13,7 +16,7 @@ pub enum MessagePlacement {
     TopRight,
     Bottom,
     BottomLeft,
-    BottomRight
+    BottomRight,
 }
 
 impl MessagePlacement {
@@ -24,7 +27,7 @@ impl MessagePlacement {
             MessagePlacement::TopRight => "thaw-message-container--top-right".to_owned(),
             MessagePlacement::Bottom => "thaw-message-container--bottom".to_owned(),
             MessagePlacement::BottomLeft => "thaw-message-container--bottom-left".to_owned(),
-            MessagePlacement::BottomRight=> "thaw-message-container--bottom-right".to_owned(),
+            MessagePlacement::BottomRight => "thaw-message-container--bottom-right".to_owned(),
         }
     }
 }
@@ -111,5 +114,3 @@ impl MessageInjection {
 pub fn use_message() -> MessageInjection {
     expect_context::<MessageInjection>()
 }
-
-
diff --git a/thaw/src/message/mod.rs b/thaw/src/message/mod.rs
index fdcf025..25da5ab 100644
--- a/thaw/src/message/mod.rs
+++ b/thaw/src/message/mod.rs
@@ -2,11 +2,15 @@ mod message_environment;
 mod message_provider;
 mod theme;
 
-use crate::{theme::use_theme, Icon, Theme, components::{If, Then}};
+use crate::{
+    components::{If, Then},
+    theme::use_theme,
+    Icon, Theme,
+};
 use leptos::*;
-use uuid::Uuid;
 pub use message_provider::*;
 pub use theme::MessageTheme;
+use uuid::Uuid;
 
 #[derive(Default, Clone)]
 pub enum MessageVariant {
@@ -62,7 +66,7 @@ pub(crate) fn Message(
                 <div class="thaw-message__content">{content}</div>
                 <If cond=closable>
                     <Then slot>
-                        <div class="thaw-message__close"  on:click=move |_| on_close.call(id)>
+                        <div class="thaw-message__close" on:click=move |_| on_close.call(id)>
                             <Icon icon=icondata::AiCloseOutlined/>
                         </div>
                     </Then>
@@ -71,5 +75,3 @@ pub(crate) fn Message(
         </div>
     }
 }
-
-
diff --git a/thaw/src/mobile/nav_bar/mod.rs b/thaw/src/mobile/nav_bar/mod.rs
index 03bb4b3..bab70e0 100644
--- a/thaw/src/mobile/nav_bar/mod.rs
+++ b/thaw/src/mobile/nav_bar/mod.rs
@@ -60,57 +60,72 @@ pub fn NavBar(
     };
 
     view! {
-        <div class=class_list!["thaw-nav-bar", class.map(|c| move || c.get())] style=move || css_vars.get()>
-            {
-                if let Some(NavBarLeft { class, children }) = nav_bar_left {
-                    view! {
-                        <div class=class_list!["thaw-nav-bar__left", class.map(|c| move || c.get())] on:click=on_click_left>
-                            {children()}
-                        </div>
-                    }.into_view()
-                } else if let Some(left_text) = left_text.into_option() {
-                    view! {
-                        <div class="thaw-nav-bar__left" on:click=on_click_left>
-                            <If cond=left_arrow>
-                                <Then slot>
-                                    <Icon icon=icondata::AiLeftOutlined/>
-                                </Then>
-                            </If>
-                            {move || left_text.get()}
-                        </div>
-                    }.into_view()
-                } else {
-                    (move || {
-                        if left_arrow.get() {
-                            view! {
-                                <div class="thaw-nav-bar__left" on:click=on_click_left>
-                                    <Icon icon=icondata::AiLeftOutlined/>
-                                </div>
-                            }.into()
-                        } else {
-                            None
+        <div
+            class=class_list!["thaw-nav-bar", class.map(| c | move || c.get())]
+            style=move || css_vars.get()
+        >
+
+            {if let Some(NavBarLeft { class, children }) = nav_bar_left {
+                view! {
+                    <div
+                        class=class_list!["thaw-nav-bar__left", class.map(| c | move || c.get())]
+                        on:click=on_click_left
+                    >
+                        {children()}
+                    </div>
+                }
+                    .into_view()
+            } else if let Some(left_text) = left_text.into_option() {
+                view! {
+                    <div class="thaw-nav-bar__left" on:click=on_click_left>
+                        <If cond=left_arrow>
+                            <Then slot>
+                                <Icon icon=icondata::AiLeftOutlined/>
+                            </Then>
+                        </If>
+                        {move || left_text.get()}
+                    </div>
+                }
+                    .into_view()
+            } else {
+                (move || {
+                    if left_arrow.get() {
+                        view! {
+                            <div class="thaw-nav-bar__left" on:click=on_click_left>
+                                <Icon icon=icondata::AiLeftOutlined/>
+                            </div>
                         }
-                    }).into_view()
-                }
-            }
+                            .into()
+                    } else {
+                        None
+                    }
+                })
+                    .into_view()
+            }}
+
             <div class="thaw-nav-bar__center">{move || title.get()}</div>
-            {
-                if let Some(NavBarRight { class, children }) = nav_bar_right {
-                    view! {
-                        <div class=class_list!["thaw-nav-bar__right", class.map(|c| move || c.get())] on:click=on_click_right>
-                            {children()}
-                        </div>
-                    }.into()
-                } else if let Some(right_text) = right_text.into_option() {
-                    view! {
-                        <div class="thaw-nav-bar__right" on:click=on_click_right>
-                            {move || right_text.get()}
-                        </div>
-                    }.into()
-                } else {
-                    None
+
+            {if let Some(NavBarRight { class, children }) = nav_bar_right {
+                view! {
+                    <div
+                        class=class_list!["thaw-nav-bar__right", class.map(| c | move || c.get())]
+                        on:click=on_click_right
+                    >
+                        {children()}
+                    </div>
                 }
-            }
+                    .into()
+            } else if let Some(right_text) = right_text.into_option() {
+                view! {
+                    <div class="thaw-nav-bar__right" on:click=on_click_right>
+                        {move || right_text.get()}
+                    </div>
+                }
+                    .into()
+            } else {
+                None
+            }}
+
         </div>
     }
 }
diff --git a/thaw/src/mobile/tabbar/mod.rs b/thaw/src/mobile/tabbar/mod.rs
index cb274de..1ce6ad7 100644
--- a/thaw/src/mobile/tabbar/mod.rs
+++ b/thaw/src/mobile/tabbar/mod.rs
@@ -1,16 +1,17 @@
 mod tabbar_item;
 mod theme;
 
-use crate::{use_theme, utils::{mount_style, Model}, Theme};
+use crate::{
+    use_theme,
+    utils::{mount_style, Model},
+    Theme,
+};
 use leptos::*;
 pub use tabbar_item::*;
 pub use theme::TabbarTheme;
 
 #[component]
-pub fn Tabbar(
-    #[prop(optional, into)] value: Model<String>,
-    children: Children,
-) -> impl IntoView {
+pub fn Tabbar(#[prop(optional, into)] value: Model<String>, children: Children) -> impl IntoView {
     mount_style("tabbar", include_str!("./tabbar.css"));
     let theme = use_theme(Theme::light);
     let css_vars = create_memo(move |_| {
diff --git a/thaw/src/popover/mod.rs b/thaw/src/popover/mod.rs
index 77b755e..ea870fd 100644
--- a/thaw/src/popover/mod.rs
+++ b/thaw/src/popover/mod.rs
@@ -115,7 +115,7 @@ pub fn Popover(
     view! {
         <Binder target_ref>
             <div
-                class=class_list!["thaw-popover-trigger", trigger_class.map(|c| move || c.get())]
+                class=class_list!["thaw-popover-trigger", trigger_class.map(| c | move || c.get())]
                 ref=target_ref
                 on:mouseenter=on_mouse_enter
                 on:mouseleave=on_mouse_leave
diff --git a/thaw/src/radio/mod.rs b/thaw/src/radio/mod.rs
index da097ff..124205e 100644
--- a/thaw/src/radio/mod.rs
+++ b/thaw/src/radio/mod.rs
@@ -27,7 +27,8 @@ pub fn Radio(
     view! {
         <div
             class=class_list![
-                "thaw-radio", ("thaw-radio--checked", move || value.get()), class.map(|c| move || c.get())
+                "thaw-radio", ("thaw-radio--checked", move || value.get()), class.map(| c | move ||
+                c.get())
             ]
 
             style=move || css_vars.get()
diff --git a/thaw/src/select/mod.rs b/thaw/src/select/mod.rs
index 5afb8fa..f3026d6 100644
--- a/thaw/src/select/mod.rs
+++ b/thaw/src/select/mod.rs
@@ -111,7 +111,7 @@ where
     view! {
         <Binder target_ref=trigger_ref>
             <div
-                class=class_list!["thaw-select", class.map(|c| move || c.get())]
+                class=class_list!["thaw-select", class.map(| c | move || c.get())]
                 ref=trigger_ref
                 on:click=show_menu
                 style=move || css_vars.get()
diff --git a/thaw/src/slider/mod.rs b/thaw/src/slider/mod.rs
index 6b25c4d..9205d02 100644
--- a/thaw/src/slider/mod.rs
+++ b/thaw/src/slider/mod.rs
@@ -118,7 +118,7 @@ pub fn Slider(
 
     view! {
         <div
-            class=class_list!["thaw-slider", class.map(|c| move || c.get())]
+            class=class_list!["thaw-slider", class.map(| c | move || c.get())]
             style=move || css_vars.get()
             on:click=on_mouse_click
         >
diff --git a/thaw/src/space/mod.rs b/thaw/src/space/mod.rs
index cb53d9d..eb4da14 100644
--- a/thaw/src/space/mod.rs
+++ b/thaw/src/space/mod.rs
@@ -30,7 +30,7 @@ pub fn Space(
 
     view! {
         <div
-            class=class_list!["thaw-space", class.map(|c| move || c.get())]
+            class=class_list!["thaw-space", class.map(| c | move || c.get())]
             style:gap=gap
             style:flex-direction=if vertical { "column" } else { "row" }
         >
diff --git a/thaw/src/spinner/mod.rs b/thaw/src/spinner/mod.rs
index 90a8077..4e18c74 100644
--- a/thaw/src/spinner/mod.rs
+++ b/thaw/src/spinner/mod.rs
@@ -53,7 +53,7 @@ pub fn Spinner(
 
     view! {
         <div
-            class=class_list!["thaw-spinner", class.map(|c| move || c.get())]
+            class=class_list!["thaw-spinner", class.map(| c | move || c.get())]
             style=move || css_vars.get()
         ></div>
     }
diff --git a/thaw/src/switch/mod.rs b/thaw/src/switch/mod.rs
index f797e2e..f0e252c 100644
--- a/thaw/src/switch/mod.rs
+++ b/thaw/src/switch/mod.rs
@@ -33,7 +33,8 @@ pub fn Switch(
     view! {
         <div
             class=class_list![
-                "thaw-switch", ("thaw-switch--active", move || value.get()), class.map(|c| move || c.get())
+                "thaw-switch", ("thaw-switch--active", move || value.get()), class.map(| c | move ||
+                c.get())
             ]
 
             style=move || css_vars.get()
diff --git a/thaw/src/table/mod.rs b/thaw/src/table/mod.rs
index 9ce8e86..33cb421 100644
--- a/thaw/src/table/mod.rs
+++ b/thaw/src/table/mod.rs
@@ -46,7 +46,8 @@ pub fn Table(
         <table
             class=class_list![
                 "thaw-table", ("thaw-table--single-row", move || single_row.get()),
-                ("thaw-table--single-column", move || single_column.get()), class.map(|c| move || c.get())
+                ("thaw-table--single-column", move || single_column.get()), class.map(| c | move ||
+                c.get())
             ]
 
             style=move || format!("{}{}", css_vars.get(), style.get())
diff --git a/thaw/src/tabs/mod.rs b/thaw/src/tabs/mod.rs
index 934dd51..2fe37a7 100644
--- a/thaw/src/tabs/mod.rs
+++ b/thaw/src/tabs/mod.rs
@@ -61,7 +61,10 @@ fn TabsInner(
     let children = children();
 
     view! {
-        <div class=class_list!["thaw-tabs", class.map(|c| move || c.get())] style=move || css_vars.get()>
+        <div
+            class=class_list!["thaw-tabs", class.map(| c | move || c.get())]
+            style=move || css_vars.get()
+        >
             <div class="thaw-tabs__label-list" ref=label_list_ref role="tablist">
                 <For
                     each=move || tab_options_vec.get()
@@ -103,7 +106,7 @@ fn TabsInner(
                                 <span
                                     class=class_list![
                                         "thaw-tabs__label", ("thaw-tabs__label--active", move ||
-                                        is_active.get()), class.map(|c| move || c.get())
+                                        is_active.get()), class.map(| c | move || c.get())
                                     ]
 
                                     on:click={
diff --git a/thaw/src/tabs/tab.rs b/thaw/src/tabs/tab.rs
index f97fcda..1ea94d5 100644
--- a/thaw/src/tabs/tab.rs
+++ b/thaw/src/tabs/tab.rs
@@ -61,7 +61,8 @@ pub fn Tab(
     view! {
         <div
             class=class_list![
-                "thaw-tab", ("thaw-tab--hidden", move || ! is_active.get()), class.map(|c| move || c.get())
+                "thaw-tab", ("thaw-tab--hidden", move || ! is_active.get()), class.map(| c | move ||
+                c.get())
             ]
 
             role="tabpanel"
diff --git a/thaw/src/tag/mod.rs b/thaw/src/tag/mod.rs
index 2cac006..7e0e64f 100644
--- a/thaw/src/tag/mod.rs
+++ b/thaw/src/tag/mod.rs
@@ -73,7 +73,10 @@ pub fn Tag(
     });
 
     view! {
-        <div class=class_list!["thaw-tag", class.map(|c| move || c.get())] style=move || css_vars.get()>
+        <div
+            class=class_list!["thaw-tag", class.map(| c | move || c.get())]
+            style=move || css_vars.get()
+        >
             <span class="thaw-tag__content">{children()}</span>
         </div>
     }
diff --git a/thaw/src/time_picker/mod.rs b/thaw/src/time_picker/mod.rs
index f45faec..25bf43d 100644
--- a/thaw/src/time_picker/mod.rs
+++ b/thaw/src/time_picker/mod.rs
@@ -76,10 +76,7 @@ pub fn TimePicker(
             <div ref=time_picker_ref>
                 <Input attrs class value=show_time_text on_focus=open_panel on_blur=on_input_blur>
                     <InputSuffix slot>
-                        <Icon
-                            icon=icondata::AiClockCircleOutlined
-                            style="font-size: 18px"
-                        />
+                        <Icon icon=icondata::AiClockCircleOutlined style="font-size: 18px"/>
                     </InputSuffix>
                 </Input>
             </div>
diff --git a/thaw/src/typography/text.rs b/thaw/src/typography/text.rs
index 2c94d59..981039e 100644
--- a/thaw/src/typography/text.rs
+++ b/thaw/src/typography/text.rs
@@ -27,7 +27,7 @@ pub fn Text(
     if code {
         view! {
             <code
-                class=class_list!["thaw-text thaw-text--code", class.map(|c| move || c.get())]
+                class=class_list!["thaw-text thaw-text--code", class.map(| c | move || c.get())]
                 style=move || css_vars.get()
             >
                 {children()}
@@ -35,7 +35,7 @@ pub fn Text(
         }
         .into_any()
     } else {
-        view! { <span class=class_list!["thaw-text", class.map(|c| move || c.get())]>{children()}</span> }
+        view! { <span class=class_list!["thaw-text", class.map(| c | move || c.get())]>{children()}</span> }
             .into_any()
     }
 }