From 7a040120b5044361a636e2519c5ee708fd08e016 Mon Sep 17 00:00:00 2001
From: Zhang Dian <54255897+zdpcdt@users.noreply.github.com>
Date: Mon, 5 Jun 2023 22:47:00 +0800
Subject: [PATCH 1/5] feat: adjust CheckBox Border style.

---
 src/Semi.Avalonia/Controls/CheckBox.axaml     | 89 +++++++++----------
 src/Semi.Avalonia/Controls/RadioButton.axaml  |  4 +
 .../Themes/Dark/RadioButton.axaml             |  3 +
 .../Themes/Light/RadioButton.axaml            |  3 +
 4 files changed, 52 insertions(+), 47 deletions(-)

diff --git a/src/Semi.Avalonia/Controls/CheckBox.axaml b/src/Semi.Avalonia/Controls/CheckBox.axaml
index 5bcbe3c..9e0fcaf 100644
--- a/src/Semi.Avalonia/Controls/CheckBox.axaml
+++ b/src/Semi.Avalonia/Controls/CheckBox.axaml
@@ -4,11 +4,11 @@
     x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type CheckBox}" TargetType="CheckBox">
         <Setter Property="Padding" Value="8,0,0,0" />
-        <Setter Property="VerticalAlignment" Value="Center" />
-        <Setter Property="HorizontalAlignment" Value="Stretch" />
+        <Setter Property="HorizontalAlignment" Value="Left" />
+        <Setter Property="VerticalAlignment" Value="Top" />
+        <Setter Property="Cursor" Value="Hand" />
         <Setter Property="HorizontalContentAlignment" Value="Left" />
         <Setter Property="VerticalContentAlignment" Value="Center" />
-        <Setter Property="Cursor" Value="Hand" />
         <Setter Property="FontSize" Value="{DynamicResource CheckBoxFontSize}" />
         <Setter Property="CornerRadius" Value="{DynamicResource CheckBoxBoxCornerRadius}" />
         <Setter Property="MinHeight" Value="32" />
@@ -17,50 +17,45 @@
         <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxDefaultBorderBrush}" />
         <Setter Property="Template">
             <ControlTemplate TargetType="CheckBox">
-                <Grid x:Name="RootGrid" ColumnDefinitions="Auto,*">
-                    <Border
-                        x:Name="PART_Border"
-                        Grid.Column="0"
-                        Grid.ColumnSpan="2"
-                        HorizontalAlignment="Center"
-                        Background="{TemplateBinding Background}"
-                        BorderBrush="{TemplateBinding BorderBrush}"
-                        BorderThickness="{TemplateBinding BorderThickness}"
-                        CornerRadius="{TemplateBinding CornerRadius}" />
-
-                    <Grid
-                        Grid.Column="0"
-                        Margin="0,0,0,0"
-                        VerticalAlignment="Center">
-                        <Border
-                            x:Name="NormalRectangle"
-                            Width="{DynamicResource CheckBoxBoxWidth}"
-                            Height="{DynamicResource CheckBoxBoxHeight}"
-                            Background="{DynamicResource CheckBoxDefaultBackground}"
-                            BorderBrush="{DynamicResource CheckBoxDefaultBorderBrush}"
-                            BorderThickness="{DynamicResource CheckBoxBoxBorderThickness}"
-                            CornerRadius="{TemplateBinding CornerRadius}"
-                            UseLayoutRounding="False" />
-                        <PathIcon
-                            Name="CheckGlyph"
-                            Width="{DynamicResource CheckBoxBoxGlyphWidth}"
-                            Height="{DynamicResource CheckBoxBoxGlyphHeight}"
-                            Foreground="{DynamicResource CheckBoxGlyphFill}" />
-
+                <Border
+                    x:Name="RootBorder"
+                    Background="{TemplateBinding Background}"
+                    BorderBrush="{TemplateBinding BorderBrush}"
+                    BorderThickness="{TemplateBinding BorderThickness}"
+                    CornerRadius="{TemplateBinding CornerRadius}">
+                    <Grid x:Name="RootGrid" ColumnDefinitions="Auto,*">
+                        <Grid
+                            Grid.Column="0"
+                            Margin="0,0,0,0"
+                            VerticalAlignment="Center">
+                            <Border
+                                x:Name="NormalRectangle"
+                                Width="{DynamicResource CheckBoxBoxWidth}"
+                                Height="{DynamicResource CheckBoxBoxHeight}"
+                                Background="{DynamicResource CheckBoxDefaultBackground}"
+                                BorderBrush="{DynamicResource CheckBoxDefaultBorderBrush}"
+                                BorderThickness="{DynamicResource CheckBoxBoxBorderThickness}"
+                                CornerRadius="{TemplateBinding CornerRadius}"
+                                UseLayoutRounding="False" />
+                            <PathIcon
+                                Name="CheckGlyph"
+                                Width="{DynamicResource CheckBoxBoxGlyphWidth}"
+                                Height="{DynamicResource CheckBoxBoxGlyphHeight}"
+                                Foreground="{DynamicResource CheckBoxGlyphFill}" />
+                        </Grid>
+                        <ContentPresenter
+                            x:Name="ContentPresenter"
+                            Grid.Column="1"
+                            Margin="{TemplateBinding Padding}"
+                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                            VerticalAlignment="Center"
+                            Content="{TemplateBinding Content}"
+                            ContentTemplate="{TemplateBinding ContentTemplate}"
+                            IsVisible="{TemplateBinding Content,Converter={x:Static ObjectConverters.IsNotNull}}"
+                            RecognizesAccessKey="True"
+                            TextWrapping="Wrap" />
                     </Grid>
-                    <ContentPresenter
-                        x:Name="ContentPresenter"
-                        Grid.Column="1"
-                        Margin="{TemplateBinding Padding}"
-                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
-                        VerticalAlignment="Center"
-                        Content="{TemplateBinding Content}"
-                        ContentTemplate="{TemplateBinding ContentTemplate}"
-                        IsVisible="{TemplateBinding Content,
-                                                    Converter={x:Static ObjectConverters.IsNotNull}}"
-                        RecognizesAccessKey="True"
-                        TextWrapping="Wrap" />
-                </Grid>
+                </Border>
             </ControlTemplate>
         </Setter>
 
@@ -461,4 +456,4 @@
             </Style>
         </Style>
     </ControlTheme>
-</ResourceDictionary>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/src/Semi.Avalonia/Controls/RadioButton.axaml b/src/Semi.Avalonia/Controls/RadioButton.axaml
index 289bfd6..e351271 100644
--- a/src/Semi.Avalonia/Controls/RadioButton.axaml
+++ b/src/Semi.Avalonia/Controls/RadioButton.axaml
@@ -24,6 +24,10 @@
         <Setter Property="RadioButton.HorizontalContentAlignment" Value="Left" />
         <Setter Property="RadioButton.VerticalContentAlignment" Value="Center" />
         <Setter Property="RadioButton.FontSize" Value="{DynamicResource RadioButtonFontSize}" />
+        <Setter Property="RadioButton.CornerRadius" Value="{DynamicResource RadioButtonBoxCornerRadius}" />
+        <Setter Property="RadioButton.Foreground" Value="{DynamicResource RadioButtonForeground}" />
+        <Setter Property="RadioButton.Background" Value="{DynamicResource RadioButtonDefaultBackground}" />
+        <Setter Property="RadioButton.BorderBrush" Value="{DynamicResource RadioButtonDefaultBorderBrush}" />
         <Setter Property="Template">
             <ControlTemplate TargetType="RadioButton">
                 <Border
diff --git a/src/Semi.Avalonia/Themes/Dark/RadioButton.axaml b/src/Semi.Avalonia/Themes/Dark/RadioButton.axaml
index 9ece5ac..a301b8d 100644
--- a/src/Semi.Avalonia/Themes/Dark/RadioButton.axaml
+++ b/src/Semi.Avalonia/Themes/Dark/RadioButton.axaml
@@ -32,6 +32,9 @@
     <SolidColorBrush x:Key="RadioButtonCheckGlyphFill" Color="White" />
 
     <SolidColorBrush x:Key="RadioButtonForeground" Color="#F9F9F9" />
+    <SolidColorBrush x:Key="RadioButtonDefaultBackground" Color="Transparent" />
+    <SolidColorBrush x:Key="RadioButtonDefaultBorderBrush" Opacity="0.35" Color="#F9F9F9" />
+    <CornerRadius x:Key="RadioButtonBoxCornerRadius">3</CornerRadius>
 
     <SolidColorBrush x:Key="RadioButtonGroupBackground" Opacity="0.12" Color="White" />
 
diff --git a/src/Semi.Avalonia/Themes/Light/RadioButton.axaml b/src/Semi.Avalonia/Themes/Light/RadioButton.axaml
index 394d58b..e766323 100644
--- a/src/Semi.Avalonia/Themes/Light/RadioButton.axaml
+++ b/src/Semi.Avalonia/Themes/Light/RadioButton.axaml
@@ -32,6 +32,9 @@
     <SolidColorBrush x:Key="RadioButtonCheckGlyphFill" Color="White" />
 
     <SolidColorBrush x:Key="RadioButtonForeground" Color="#1C1F23" />
+    <SolidColorBrush x:Key="RadioButtonDefaultBackground" Color="Transparent" />
+    <SolidColorBrush x:Key="RadioButtonDefaultBorderBrush" Opacity="0.35" Color="#1C1F23" />
+    <CornerRadius x:Key="RadioButtonBoxCornerRadius">3</CornerRadius>
 
     <SolidColorBrush x:Key="RadioButtonGroupBackground" Opacity="0.05" Color="#2E3238" />
 

From 5021ac683bbee3f3470708a2c5ac9f5a8d8726bb Mon Sep 17 00:00:00 2001
From: Zhang Dian <54255897+zdpcdt@users.noreply.github.com>
Date: Tue, 6 Jun 2023 16:33:27 +0800
Subject: [PATCH 2/5] feat: add demo.

---
 demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml    | 6 +++++-
 demo/Semi.Avalonia.Demo/Pages/RadioButtonDemo.axaml | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml b/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml
index b7ef18f..739bc24 100644
--- a/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml
+++ b/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml
@@ -8,7 +8,11 @@
     d:DesignWidth="800"
     mc:Ignorable="d">
     <ScrollViewer HorizontalScrollBarVisibility="Auto">
-        <StackPanel HorizontalAlignment="Left" Spacing="20">
+        <StackPanel HorizontalAlignment="Left">
+            <StackPanel Orientation="Horizontal">
+                <CheckBox BorderThickness="10" BorderBrush="Gray" Background="LightBlue">Border</CheckBox>
+                <CheckBox BorderThickness="10" BorderBrush="Gray" Background="LightBlue" />
+            </StackPanel>
             <TextBlock Text="CheckBox" />
             <StackPanel Orientation="Horizontal">
                 <CheckBox>Unchecked</CheckBox>
diff --git a/demo/Semi.Avalonia.Demo/Pages/RadioButtonDemo.axaml b/demo/Semi.Avalonia.Demo/Pages/RadioButtonDemo.axaml
index 59814fc..8859d09 100644
--- a/demo/Semi.Avalonia.Demo/Pages/RadioButtonDemo.axaml
+++ b/demo/Semi.Avalonia.Demo/Pages/RadioButtonDemo.axaml
@@ -7,6 +7,10 @@
     mc:Ignorable="d">
     <ScrollViewer>
         <StackPanel HorizontalAlignment="Left" Spacing="20">
+            <StackPanel Orientation="Horizontal">
+                <RadioButton BorderThickness="10" BorderBrush="Gray" Background="LightBlue">Border</RadioButton>
+                <RadioButton BorderThickness="10" BorderBrush="Gray" Background="LightBlue" />
+            </StackPanel>
             <TextBlock Text="Radio Buttons" />
             <StackPanel Orientation="Horizontal">
                 <RadioButton>Unchecked</RadioButton>
@@ -118,7 +122,7 @@
                         <TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
                     </StackPanel>
                 </RadioButton>
-                <RadioButton 
+                <RadioButton
                     IsChecked="True"
                     IsEnabled="False"
                     Width="300"

From 43b0f5b04440f83ba1414b3ac6a28537201e398c Mon Sep 17 00:00:00 2001
From: Zhang Dian <54255897+zdpcdt@users.noreply.github.com>
Date: Tue, 6 Jun 2023 16:43:45 +0800
Subject: [PATCH 3/5] feat: add SimpleCheckBox theme.

---
 .../Pages/CheckBoxDemo.axaml                  |  16 +-
 src/Semi.Avalonia/Controls/CheckBox.axaml     | 149 ++++++++++++++++++
 2 files changed, 164 insertions(+), 1 deletion(-)

diff --git a/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml b/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml
index 739bc24..179e3dc 100644
--- a/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml
+++ b/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml
@@ -8,10 +8,12 @@
     d:DesignWidth="800"
     mc:Ignorable="d">
     <ScrollViewer HorizontalScrollBarVisibility="Auto">
-        <StackPanel HorizontalAlignment="Left">
+        <StackPanel HorizontalAlignment="Left" Spacing="20">
             <StackPanel Orientation="Horizontal">
                 <CheckBox BorderThickness="10" BorderBrush="Gray" Background="LightBlue">Border</CheckBox>
                 <CheckBox BorderThickness="10" BorderBrush="Gray" Background="LightBlue" />
+                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsThreeState="True" BorderThickness="10"
+                          BorderBrush="Gray" Background="LightBlue" />
             </StackPanel>
             <TextBlock Text="CheckBox" />
             <StackPanel Orientation="Horizontal">
@@ -30,6 +32,18 @@
                 </CheckBox>
             </StackPanel>
             <CheckBox Width="120" HorizontalAlignment="Left">Checkbox should wrap its text</CheckBox>
+            <TextBlock Text="SimpleCheckBox" />
+            <StackPanel Orientation="Horizontal">
+                <CheckBox Theme="{StaticResource SimpleCheckBox}" />
+                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsChecked="True" />
+                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsChecked="{x:Null}" IsThreeState="True" />
+            </StackPanel>
+            <StackPanel Orientation="Horizontal">
+                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsEnabled="False" />
+                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsEnabled="False" IsChecked="True" />
+                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsEnabled="False" IsChecked="{x:Null}"
+                          IsThreeState="True" />
+            </StackPanel>
             <TextBlock Margin="0,16" Text="CardCheckBox" />
             <StackPanel Orientation="Horizontal">
                 <CheckBox Width="300" Theme="{DynamicResource CardCheckBox}">
diff --git a/src/Semi.Avalonia/Controls/CheckBox.axaml b/src/Semi.Avalonia/Controls/CheckBox.axaml
index 9e0fcaf..5818ddf 100644
--- a/src/Semi.Avalonia/Controls/CheckBox.axaml
+++ b/src/Semi.Avalonia/Controls/CheckBox.axaml
@@ -173,6 +173,155 @@
         </Style>
     </ControlTheme>
 
+    <ControlTheme x:Key="SimpleCheckBox" TargetType="CheckBox">
+        <Setter Property="HorizontalAlignment" Value="Left" />
+        <Setter Property="VerticalAlignment" Value="Top" />
+        <Setter Property="Cursor" Value="Hand" />
+        <Setter Property="HorizontalContentAlignment" Value="Left" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="FontSize" Value="{DynamicResource CheckBoxFontSize}" />
+        <Setter Property="CornerRadius" Value="{DynamicResource CheckBoxBoxCornerRadius}" />
+        <Setter Property="Foreground" Value="{DynamicResource CheckBoxForeground}" />
+        <Setter Property="Background" Value="{DynamicResource CheckBoxDefaultBackground}" />
+        <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxDefaultBorderBrush}" />
+        <Setter Property="Template">
+            <ControlTemplate TargetType="CheckBox">
+                <Border
+                    x:Name="RootBorder"
+                    Background="{TemplateBinding Background}"
+                    BorderBrush="{TemplateBinding BorderBrush}"
+                    BorderThickness="{TemplateBinding BorderThickness}"
+                    CornerRadius="{TemplateBinding CornerRadius}">
+                    <Grid x:Name="RootGrid" ColumnDefinitions="Auto,*">
+                        <Grid
+                            Grid.Column="0"
+                            Margin="0,0,0,0"
+                            VerticalAlignment="Center">
+                            <Border
+                                x:Name="NormalRectangle"
+                                Width="{DynamicResource CheckBoxBoxWidth}"
+                                Height="{DynamicResource CheckBoxBoxHeight}"
+                                Background="{DynamicResource CheckBoxDefaultBackground}"
+                                BorderBrush="{DynamicResource CheckBoxDefaultBorderBrush}"
+                                BorderThickness="{DynamicResource CheckBoxBoxBorderThickness}"
+                                CornerRadius="{TemplateBinding CornerRadius}"
+                                UseLayoutRounding="False" />
+                            <PathIcon
+                                Name="CheckGlyph"
+                                Width="{DynamicResource CheckBoxBoxGlyphWidth}"
+                                Height="{DynamicResource CheckBoxBoxGlyphHeight}"
+                                Foreground="{DynamicResource CheckBoxGlyphFill}" />
+                        </Grid>
+                    </Grid>
+                </Border>
+            </ControlTemplate>
+        </Setter>
+
+        <!--  Unchecked Pointerover State  -->
+        <Style Selector="^:pointerover">
+            <Style Selector="^ /template/ Border#NormalRectangle">
+                <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxPointeroverBorderBrush}" />
+                <Setter Property="Background" Value="{DynamicResource CheckBoxPointeroverBackground}" />
+            </Style>
+        </Style>
+
+        <!--  Unchecked Pressed State  -->
+        <Style Selector="^:pressed">
+            <Style Selector="^ /template/ Border#NormalRectangle">
+                <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxPressedBorderBrush}" />
+                <Setter Property="Background" Value="{DynamicResource CheckBoxPressedBackground}" />
+            </Style>
+        </Style>
+
+        <!--  Unchecked Disabled state  -->
+        <Style Selector="^:disabled">
+            <Style Selector="^ /template/ Border#NormalRectangle">
+                <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxDefaultDisabledBorderBrush}" />
+                <Setter Property="Background" Value="{DynamicResource CheckBoxDefaultDisabledBackground}" />
+            </Style>
+        </Style>
+
+        <Style Selector="^:checked">
+            <Style Selector="^ /template/ Border#NormalRectangle">
+                <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxCheckedDefaultBorderBrush}" />
+                <Setter Property="Background" Value="{DynamicResource CheckBoxCheckedDefaultBackground}" />
+            </Style>
+
+            <Style Selector="^ /template/ PathIcon#CheckGlyph">
+                <Setter Property="Data" Value="{DynamicResource CheckBoxCheckGlyph}" />
+                <Setter Property="Opacity" Value="1" />
+            </Style>
+
+            <!--  Checked Pointerover State  -->
+            <Style Selector="^:pointerover">
+                <Style Selector="^ /template/ Border#NormalRectangle">
+                    <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxCheckedPointeroverBorderBrush}" />
+                    <Setter Property="Background" Value="{DynamicResource CheckBoxCheckedPointeroverBackground}" />
+                </Style>
+            </Style>
+
+            <!--  Checked Pressed State  -->
+            <Style Selector="^:pressed">
+                <Style Selector="^ /template/ Border#NormalRectangle">
+                    <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxCheckedPressedBorderBrush}" />
+                    <Setter Property="Background" Value="{DynamicResource CheckBoxCheckedPressedBackground}" />
+                </Style>
+            </Style>
+
+            <!--  Checked Disabled State  -->
+            <Style Selector="^:disabled">
+                <Style Selector="^ /template/ Border#NormalRectangle">
+                    <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxCheckedDisabledBorderBrush}" />
+                    <Setter Property="Background" Value="{DynamicResource CheckBoxCheckedDisabledBackground}" />
+                </Style>
+
+                <Style Selector="^ /template/ Path#CheckGlyph">
+                    <Setter Property="Fill" Value="{DynamicResource CheckBoxGlyphDisabledFill}" />
+                </Style>
+            </Style>
+        </Style>
+
+        <Style Selector="^:indeterminate">
+            <Style Selector="^ /template/ Border#NormalRectangle">
+                <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxCheckedDefaultBorderBrush}" />
+                <Setter Property="Background" Value="{DynamicResource CheckBoxCheckedDefaultBackground}" />
+            </Style>
+
+            <Style Selector="^ /template/ PathIcon#CheckGlyph">
+                <Setter Property="Data" Value="{DynamicResource CheckBoxIndeterminateGlyph}" />
+                <Setter Property="Opacity" Value="1" />
+            </Style>
+
+            <!--  Checked Pointerover State  -->
+            <Style Selector="^:pointerover">
+                <Style Selector="^ /template/ Border#NormalRectangle">
+                    <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxCheckedPointeroverBorderBrush}" />
+                    <Setter Property="Background" Value="{DynamicResource CheckBoxCheckedPointeroverBackground}" />
+                </Style>
+            </Style>
+
+            <!--  Checked Pressed State  -->
+            <Style Selector="^:pressed">
+                <Style Selector="^ /template/ Border#NormalRectangle">
+                    <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxCheckedPressedBorderBrush}" />
+                    <Setter Property="Background" Value="{DynamicResource CheckBoxCheckedPressedBackground}" />
+                </Style>
+            </Style>
+
+            <!--  Checked Disabled State  -->
+            <Style Selector="^:disabled">
+                <Style Selector="^ /template/ Border#NormalRectangle">
+                    <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxCheckedDisabledBorderBrush}" />
+                    <Setter Property="Background" Value="{DynamicResource CheckBoxCheckedDisabledBackground}" />
+                </Style>
+
+                <Style Selector="^ /template/ Path#CheckGlyph">
+                    <Setter Property="Fill" Value="{DynamicResource CheckBoxGlyphDisabledFill}" />
+                </Style>
+            </Style>
+        </Style>
+    </ControlTheme>
+
     <ControlTheme x:Key="CardCheckBox" TargetType="CheckBox">
         <Setter Property="Cursor" Value="Hand" />
         <Setter Property="VerticalContentAlignment" Value="Center" />

From 7a6ce6f07ecb5ee1064d9be4b071cfcc29681486 Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Wed, 7 Jun 2023 22:07:55 +0800
Subject: [PATCH 4/5] misc: remove unnecessary demo.

---
 .../Pages/CheckBoxDemo.axaml                  | 27 ++++++++++---------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml b/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml
index 179e3dc..204599d 100644
--- a/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml
+++ b/demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml
@@ -9,12 +9,6 @@
     mc:Ignorable="d">
     <ScrollViewer HorizontalScrollBarVisibility="Auto">
         <StackPanel HorizontalAlignment="Left" Spacing="20">
-            <StackPanel Orientation="Horizontal">
-                <CheckBox BorderThickness="10" BorderBrush="Gray" Background="LightBlue">Border</CheckBox>
-                <CheckBox BorderThickness="10" BorderBrush="Gray" Background="LightBlue" />
-                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsThreeState="True" BorderThickness="10"
-                          BorderBrush="Gray" Background="LightBlue" />
-            </StackPanel>
             <TextBlock Text="CheckBox" />
             <StackPanel Orientation="Horizontal">
                 <CheckBox>Unchecked</CheckBox>
@@ -35,14 +29,23 @@
             <TextBlock Text="SimpleCheckBox" />
             <StackPanel Orientation="Horizontal">
                 <CheckBox Theme="{StaticResource SimpleCheckBox}" />
-                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsChecked="True" />
-                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsChecked="{x:Null}" IsThreeState="True" />
+                <CheckBox IsChecked="True" Theme="{StaticResource SimpleCheckBox}" />
+                <CheckBox
+                    IsChecked="{x:Null}"
+                    IsThreeState="True"
+                    Theme="{StaticResource SimpleCheckBox}" />
             </StackPanel>
             <StackPanel Orientation="Horizontal">
-                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsEnabled="False" />
-                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsEnabled="False" IsChecked="True" />
-                <CheckBox Theme="{StaticResource SimpleCheckBox}" IsEnabled="False" IsChecked="{x:Null}"
-                          IsThreeState="True" />
+                <CheckBox IsEnabled="False" Theme="{StaticResource SimpleCheckBox}" />
+                <CheckBox
+                    IsChecked="True"
+                    IsEnabled="False"
+                    Theme="{StaticResource SimpleCheckBox}" />
+                <CheckBox
+                    IsChecked="{x:Null}"
+                    IsEnabled="False"
+                    IsThreeState="True"
+                    Theme="{StaticResource SimpleCheckBox}" />
             </StackPanel>
             <TextBlock Margin="0,16" Text="CardCheckBox" />
             <StackPanel Orientation="Horizontal">

From 5df262bc6dc4e00c5cb754dfcf8d3391f9098ea3 Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Wed, 7 Jun 2023 22:10:04 +0800
Subject: [PATCH 5/5] misc: remove radio button demo.

---
 .../Pages/RadioButtonDemo.axaml               | 75 ++++++++++++-------
 1 file changed, 46 insertions(+), 29 deletions(-)

diff --git a/demo/Semi.Avalonia.Demo/Pages/RadioButtonDemo.axaml b/demo/Semi.Avalonia.Demo/Pages/RadioButtonDemo.axaml
index 8859d09..f884c40 100644
--- a/demo/Semi.Avalonia.Demo/Pages/RadioButtonDemo.axaml
+++ b/demo/Semi.Avalonia.Demo/Pages/RadioButtonDemo.axaml
@@ -7,10 +7,6 @@
     mc:Ignorable="d">
     <ScrollViewer>
         <StackPanel HorizontalAlignment="Left" Spacing="20">
-            <StackPanel Orientation="Horizontal">
-                <RadioButton BorderThickness="10" BorderBrush="Gray" Background="LightBlue">Border</RadioButton>
-                <RadioButton BorderThickness="10" BorderBrush="Gray" Background="LightBlue" />
-            </StackPanel>
             <TextBlock Text="Radio Buttons" />
             <StackPanel Orientation="Horizontal">
                 <RadioButton>Unchecked</RadioButton>
@@ -27,25 +23,28 @@
                         <RadioButton Classes="Small" Theme="{DynamicResource ButtonRadioButton}">小1</RadioButton>
                         <RadioButton
                             Classes="Small"
-                            Theme="{DynamicResource ButtonRadioButton}"
-                            IsChecked="True">
+                            IsChecked="True"
+                            Theme="{DynamicResource ButtonRadioButton}">
                             小2
                         </RadioButton>
                     </StackPanel>
                 </Border>
-                <Border Margin="8 0" HorizontalAlignment="Left" Theme="{StaticResource RadioButtonGroupBorder}">
+                <Border
+                    Margin="8,0"
+                    HorizontalAlignment="Left"
+                    Theme="{StaticResource RadioButtonGroupBorder}">
                     <StackPanel Orientation="Horizontal">
                         <RadioButton
                             Classes="Small"
-                            Theme="{DynamicResource ButtonRadioButton}"
-                            IsEnabled="False">
+                            IsEnabled="False"
+                            Theme="{DynamicResource ButtonRadioButton}">
                             小1
                         </RadioButton>
                         <RadioButton
                             Classes="Small"
-                            Theme="{DynamicResource ButtonRadioButton}"
                             IsChecked="True"
-                            IsEnabled="False">
+                            IsEnabled="False"
+                            Theme="{DynamicResource ButtonRadioButton}">
                             小2
                         </RadioButton>
                     </StackPanel>
@@ -55,16 +54,19 @@
                 <Border HorizontalAlignment="Left" Theme="{StaticResource RadioButtonGroupBorder}">
                     <StackPanel Orientation="Horizontal">
                         <RadioButton Theme="{DynamicResource ButtonRadioButton}">默认1</RadioButton>
-                        <RadioButton Theme="{DynamicResource ButtonRadioButton}" IsChecked="True">默认2</RadioButton>
+                        <RadioButton IsChecked="True" Theme="{DynamicResource ButtonRadioButton}">默认2</RadioButton>
                     </StackPanel>
                 </Border>
-                <Border Margin="8 0" HorizontalAlignment="Left" Theme="{StaticResource RadioButtonGroupBorder}">
+                <Border
+                    Margin="8,0"
+                    HorizontalAlignment="Left"
+                    Theme="{StaticResource RadioButtonGroupBorder}">
                     <StackPanel Orientation="Horizontal">
-                        <RadioButton Theme="{DynamicResource ButtonRadioButton}" IsEnabled="False">默认1</RadioButton>
+                        <RadioButton IsEnabled="False" Theme="{DynamicResource ButtonRadioButton}">默认1</RadioButton>
                         <RadioButton
-                            Theme="{DynamicResource ButtonRadioButton}"
+                            IsChecked="True"
                             IsEnabled="False"
-                            IsChecked="True">
+                            Theme="{DynamicResource ButtonRadioButton}">
                             默认2
                         </RadioButton>
                     </StackPanel>
@@ -76,25 +78,28 @@
                         <RadioButton Classes="Large" Theme="{DynamicResource ButtonRadioButton}">大1</RadioButton>
                         <RadioButton
                             Classes="Large"
-                            Theme="{DynamicResource ButtonRadioButton}"
-                            IsChecked="True">
+                            IsChecked="True"
+                            Theme="{DynamicResource ButtonRadioButton}">
                             大2
                         </RadioButton>
                     </StackPanel>
                 </Border>
-                <Border Margin="8 0" HorizontalAlignment="Left" Theme="{StaticResource RadioButtonGroupBorder}">
+                <Border
+                    Margin="8,0"
+                    HorizontalAlignment="Left"
+                    Theme="{StaticResource RadioButtonGroupBorder}">
                     <StackPanel Orientation="Horizontal">
                         <RadioButton
                             Classes="Large"
-                            Theme="{DynamicResource ButtonRadioButton}"
-                            IsEnabled="False">
+                            IsEnabled="False"
+                            Theme="{DynamicResource ButtonRadioButton}">
                             大1
                         </RadioButton>
                         <RadioButton
                             Classes="Large"
-                            Theme="{DynamicResource ButtonRadioButton}"
                             IsChecked="True"
-                            IsEnabled="False">
+                            IsEnabled="False"
+                            Theme="{DynamicResource ButtonRadioButton}">
                             大2
                         </RadioButton>
                     </StackPanel>
@@ -108,7 +113,10 @@
                         <TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
                     </StackPanel>
                 </RadioButton>
-                <RadioButton IsChecked="True" Width="300" Theme="{DynamicResource CardRadioButton}">
+                <RadioButton
+                    Width="300"
+                    IsChecked="True"
+                    Theme="{DynamicResource CardRadioButton}">
                     <StackPanel>
                         <TextBlock FontWeight="Bold">单选框标题</TextBlock>
                         <TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
@@ -116,16 +124,19 @@
                 </RadioButton>
             </StackPanel>
             <StackPanel Orientation="Horizontal">
-                <RadioButton IsEnabled="False" Width="300" Theme="{DynamicResource CardRadioButton}">
+                <RadioButton
+                    Width="300"
+                    IsEnabled="False"
+                    Theme="{DynamicResource CardRadioButton}">
                     <StackPanel>
                         <TextBlock FontWeight="Bold">单选框标题</TextBlock>
                         <TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
                     </StackPanel>
                 </RadioButton>
                 <RadioButton
+                    Width="300"
                     IsChecked="True"
                     IsEnabled="False"
-                    Width="300"
                     Theme="{DynamicResource CardRadioButton}">
                     <StackPanel>
                         <TextBlock FontWeight="Bold">单选框标题</TextBlock>
@@ -141,7 +152,10 @@
                         <TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
                     </StackPanel>
                 </RadioButton>
-                <RadioButton IsChecked="True" Width="300" Theme="{DynamicResource PureCardRadioButton}">
+                <RadioButton
+                    Width="300"
+                    IsChecked="True"
+                    Theme="{DynamicResource PureCardRadioButton}">
                     <StackPanel>
                         <TextBlock FontWeight="Bold">单选框标题</TextBlock>
                         <TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
@@ -149,16 +163,19 @@
                 </RadioButton>
             </StackPanel>
             <StackPanel Orientation="Horizontal">
-                <RadioButton IsEnabled="False" Width="300" Theme="{DynamicResource PureCardRadioButton}">
+                <RadioButton
+                    Width="300"
+                    IsEnabled="False"
+                    Theme="{DynamicResource PureCardRadioButton}">
                     <StackPanel>
                         <TextBlock FontWeight="Bold">单选框标题</TextBlock>
                         <TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
                     </StackPanel>
                 </RadioButton>
                 <RadioButton
+                    Width="300"
                     IsChecked="True"
                     IsEnabled="False"
-                    Width="300"
                     Theme="{DynamicResource PureCardRadioButton}">
                     <StackPanel>
                         <TextBlock FontWeight="Bold">单选框标题</TextBlock>