From c94dfb2948a7c71008cab984c0fd43722d331ccf Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Wed, 25 Jan 2023 22:54:16 +0800
Subject: [PATCH 1/3] feat: Add GridSplitter

---
 .../Pages/GridSplitter.axaml                  | 42 +++++++++++++++++++
 .../Pages/GridSplitter.axaml.cs               | 18 ++++++++
 demo/Semi.Avalonia.Demo/Views/MainView.axaml  |  3 ++
 src/Semi.Avalonia/Controls/Controls.axaml     |  1 +
 src/Semi.Avalonia/Controls/GridSplitter.axaml | 25 +++++++++++
 .../Themes/Light/GridSplitter.axaml           |  5 +++
 src/Semi.Avalonia/Themes/Light/Light.axaml    |  1 +
 7 files changed, 95 insertions(+)
 create mode 100644 demo/Semi.Avalonia.Demo/Pages/GridSplitter.axaml
 create mode 100644 demo/Semi.Avalonia.Demo/Pages/GridSplitter.axaml.cs
 create mode 100644 src/Semi.Avalonia/Controls/GridSplitter.axaml
 create mode 100644 src/Semi.Avalonia/Themes/Light/GridSplitter.axaml

diff --git a/demo/Semi.Avalonia.Demo/Pages/GridSplitter.axaml b/demo/Semi.Avalonia.Demo/Pages/GridSplitter.axaml
new file mode 100644
index 0000000..0928a67
--- /dev/null
+++ b/demo/Semi.Avalonia.Demo/Pages/GridSplitter.axaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="Semi.Avalonia.Demo.Pages.GridSplitter"
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    d:DesignHeight="450"
+    d:DesignWidth="800"
+    mc:Ignorable="d">
+    <StackPanel HorizontalAlignment="Left" Spacing="20">
+        <Grid
+            Width="300"
+            Height="300"
+            RowDefinitions="*, Auto, *">
+            <Border
+                HorizontalAlignment="Stretch"
+                Background="#FEFBCB"
+                CornerRadius="10" />
+            <GridSplitter Grid.Row="1" ShowsPreview="True" />
+            <Border
+                Grid.Row="2"
+                HorizontalAlignment="Stretch"
+                Background="#FEFBCB"
+                CornerRadius="10" />
+        </Grid>
+        <Grid
+            Width="300"
+            Height="300"
+            ColumnDefinitions="*, Auto, *">
+            <Border
+                HorizontalAlignment="Stretch"
+                Background="#FEFBCB"
+                CornerRadius="10" />
+            <GridSplitter Grid.Column="1" ShowsPreview="True" />
+            <Border
+                Grid.Column="2"
+                HorizontalAlignment="Stretch"
+                Background="#FEFBCB"
+                CornerRadius="10" />
+        </Grid>
+    </StackPanel>
+</UserControl>
diff --git a/demo/Semi.Avalonia.Demo/Pages/GridSplitter.axaml.cs b/demo/Semi.Avalonia.Demo/Pages/GridSplitter.axaml.cs
new file mode 100644
index 0000000..c317cf5
--- /dev/null
+++ b/demo/Semi.Avalonia.Demo/Pages/GridSplitter.axaml.cs
@@ -0,0 +1,18 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace Semi.Avalonia.Demo.Pages;
+
+public partial class GridSplitter : UserControl
+{
+    public GridSplitter()
+    {
+        InitializeComponent();
+    }
+
+    private void InitializeComponent()
+    {
+        AvaloniaXamlLoader.Load(this);
+    }
+}
\ No newline at end of file
diff --git a/demo/Semi.Avalonia.Demo/Views/MainView.axaml b/demo/Semi.Avalonia.Demo/Views/MainView.axaml
index 447aba2..e0db770 100644
--- a/demo/Semi.Avalonia.Demo/Views/MainView.axaml
+++ b/demo/Semi.Avalonia.Demo/Views/MainView.axaml
@@ -39,6 +39,9 @@
         <TabItem Header="Flyout">
             <pages:FlyoutDemo />
         </TabItem>
+        <TabItem Header="GridSplitter">
+            <pages:GridSplitter />
+        </TabItem>
         <TabItem Header="Label">
             <pages:LabelDemo />
         </TabItem>
diff --git a/src/Semi.Avalonia/Controls/Controls.axaml b/src/Semi.Avalonia/Controls/Controls.axaml
index 8f0c1f1..8df5e08 100644
--- a/src/Semi.Avalonia/Controls/Controls.axaml
+++ b/src/Semi.Avalonia/Controls/Controls.axaml
@@ -11,6 +11,7 @@
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/ContextMenu.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/Expander.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/FlyoutPresenter.axaml" />
+        <ResourceInclude Source="avares://Semi.Avalonia/Controls/GridSplitter.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/ItemsControl.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/Label.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/ListBox.axaml" />
diff --git a/src/Semi.Avalonia/Controls/GridSplitter.axaml b/src/Semi.Avalonia/Controls/GridSplitter.axaml
new file mode 100644
index 0000000..cce4704
--- /dev/null
+++ b/src/Semi.Avalonia/Controls/GridSplitter.axaml
@@ -0,0 +1,25 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <ControlTheme x:Key="{x:Type GridSplitter}" TargetType="GridSplitter">
+        <Setter Property="Focusable" Value="True" />
+        <Setter Property="MinWidth" Value="6" />
+        <Setter Property="MinHeight" Value="6" />
+        <Setter Property="GridSplitter.Padding" Value="2" />
+        <Setter Property="Background" Value="{DynamicResource GridSplitterBackground}" />
+        <Setter Property="PreviewContent">
+            <Template>
+                <Rectangle Fill="{DynamicResource GridSplitterPreviewBackground}" />
+            </Template>
+        </Setter>
+        <Setter Property="Template">
+            <ControlTemplate TargetType="GridSplitter">
+                <Border Padding="{TemplateBinding Padding}" Background="Transparent">
+                    <Border
+                        Background="{TemplateBinding Background}"
+                        BorderBrush="{TemplateBinding BorderBrush}"
+                        BorderThickness="{TemplateBinding BorderThickness}"
+                        CornerRadius="{TemplateBinding CornerRadius}" />
+                </Border>
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
+</ResourceDictionary>
diff --git a/src/Semi.Avalonia/Themes/Light/GridSplitter.axaml b/src/Semi.Avalonia/Themes/Light/GridSplitter.axaml
new file mode 100644
index 0000000..d422063
--- /dev/null
+++ b/src/Semi.Avalonia/Themes/Light/GridSplitter.axaml
@@ -0,0 +1,5 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <!--  Add Resources Here  -->
+    <SolidColorBrush x:Key="GridSplitterBackground" Opacity="0.08" Color="#1C1F23" />
+    <SolidColorBrush x:Key="GridSplitterPreviewBackground" Color="#CBE7FE" />
+</ResourceDictionary>
diff --git a/src/Semi.Avalonia/Themes/Light/Light.axaml b/src/Semi.Avalonia/Themes/Light/Light.axaml
index 176a422..ba61480 100644
--- a/src/Semi.Avalonia/Themes/Light/Light.axaml
+++ b/src/Semi.Avalonia/Themes/Light/Light.axaml
@@ -9,6 +9,7 @@
         <ResourceInclude Source="avares://Semi.Avalonia/Themes/Light/CheckBox.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Themes/Light/ComboBox.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Themes/Light/Expander.axaml" />
+        <ResourceInclude Source="avares://Semi.Avalonia/Themes/Light/GridSplitter.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Themes/Light/Label.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Themes/Light/ListBox.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Themes/Light/Menu.axaml" />

From 9934ea791e209a7c7fdaec0fd1fbc67865527c8e Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Wed, 25 Jan 2023 23:52:50 +0800
Subject: [PATCH 2/3] feat: add carousel, popup host, selectable textblock
 flyout, tabstrip, transitioning content control.

---
 .../Pages/CarouselDemo.axaml                  |  37 ++++++
 .../Pages/CarouselDemo.axaml.cs               |  26 ++++
 .../Pages/TabControlDemo.axaml                |  30 +++--
 demo/Semi.Avalonia.Demo/Views/MainView.axaml  |   3 +
 src/Semi.Avalonia/Controls/Carousel.axaml     |  22 ++++
 src/Semi.Avalonia/Controls/Controls.axaml     |   3 +
 src/Semi.Avalonia/Controls/Popup.axaml        |  17 +++
 .../Controls/SelectableTextBlock.axaml        |  14 +++
 src/Semi.Avalonia/Controls/TabItem.axaml      |  21 ++--
 src/Semi.Avalonia/Controls/TabStrip.axaml     | 111 ++++++++++++++++++
 .../TransitioningContentControl.axaml         |  19 +++
 11 files changed, 284 insertions(+), 19 deletions(-)
 create mode 100644 demo/Semi.Avalonia.Demo/Pages/CarouselDemo.axaml
 create mode 100644 demo/Semi.Avalonia.Demo/Pages/CarouselDemo.axaml.cs
 create mode 100644 src/Semi.Avalonia/Controls/Carousel.axaml
 create mode 100644 src/Semi.Avalonia/Controls/TabStrip.axaml
 create mode 100644 src/Semi.Avalonia/Controls/TransitioningContentControl.axaml

diff --git a/demo/Semi.Avalonia.Demo/Pages/CarouselDemo.axaml b/demo/Semi.Avalonia.Demo/Pages/CarouselDemo.axaml
new file mode 100644
index 0000000..0388518
--- /dev/null
+++ b/demo/Semi.Avalonia.Demo/Pages/CarouselDemo.axaml
@@ -0,0 +1,37 @@
+<UserControl
+    x:Class="Semi.Avalonia.Demo.Pages.CarouselDemo"
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    d:DesignHeight="450"
+    d:DesignWidth="800"
+    mc:Ignorable="d">
+    <StackPanel Spacing="20">
+        <TextBlock Classes="Strong" Text="This is still WIP" />
+        <Grid
+            HorizontalAlignment="Stretch"
+            VerticalAlignment="Top"
+            ColumnDefinitions="Auto, *, Auto">
+            <RepeatButton
+                Name="Previous"
+                Grid.Column="0"
+                Content="Previous" />
+            <Carousel Name="carousel" Grid.Column="1">
+                <Carousel.PageTransition>
+                    <PageSlide Orientation="Horizontal" Duration="0.25" />
+                </Carousel.PageTransition>
+                <TextBlock Text="Text 1" />
+                <TextBlock Text="Text 2" />
+                <TextBlock Text="Text 3" />
+                <TextBlock Text="Text 4" />
+            </Carousel>
+            <RepeatButton
+                Name="Next"
+                Grid.Column="2"
+                Content="Next" />
+        </Grid>
+
+        <TextBlock Text="{Binding #carousel.SelectedIndex}" />
+    </StackPanel>
+</UserControl>
diff --git a/demo/Semi.Avalonia.Demo/Pages/CarouselDemo.axaml.cs b/demo/Semi.Avalonia.Demo/Pages/CarouselDemo.axaml.cs
new file mode 100644
index 0000000..1f96477
--- /dev/null
+++ b/demo/Semi.Avalonia.Demo/Pages/CarouselDemo.axaml.cs
@@ -0,0 +1,26 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Interactivity;
+using Avalonia.Markup.Xaml;
+
+namespace Semi.Avalonia.Demo.Pages;
+
+public partial class CarouselDemo : UserControl
+{
+    public CarouselDemo()
+    {
+        InitializeComponent();
+        Previous.Click += OnPreviousClick;
+        Next.Click += OnNextClick;
+    }
+
+    private void OnPreviousClick(object sender, RoutedEventArgs args)
+    {
+        carousel.Previous();
+    }
+    
+    private void OnNextClick(object sender, RoutedEventArgs args)
+    {
+        carousel.Next();
+    }
+}
\ No newline at end of file
diff --git a/demo/Semi.Avalonia.Demo/Pages/TabControlDemo.axaml b/demo/Semi.Avalonia.Demo/Pages/TabControlDemo.axaml
index 569c522..7b2fde7 100644
--- a/demo/Semi.Avalonia.Demo/Pages/TabControlDemo.axaml
+++ b/demo/Semi.Avalonia.Demo/Pages/TabControlDemo.axaml
@@ -1,8 +1,12 @@
 <UserControl
-    x:Class="Semi.Avalonia.Demo.Pages.TabControlDemo" xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" d:DesignHeight="450"
-    d:DesignWidth="800" mc:Ignorable="d">
+    x:Class="Semi.Avalonia.Demo.Pages.TabControlDemo"
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    d:DesignHeight="450"
+    d:DesignWidth="800"
+    mc:Ignorable="d">
     <StackPanel>
         <Border Theme="{StaticResource CardBorder}">
             <TabControl TabStripPlacement="Top">
@@ -11,7 +15,8 @@
                 <TabItem Content="Hello 3" Header="Tab 3" />
                 <TabItem Content="中文内容" Header="中文中文" />
                 <TabItem
-                    Content="Hello 4" Header="Tab 4"
+                    Content="Hello 4"
+                    Header="Tab 4"
                     IsEnabled="False" />
             </TabControl>
         </Border>
@@ -22,7 +27,8 @@
                 <TabItem Content="Hello 3" Header="Tab 3" />
                 <TabItem Content="中文内容" Header="中文中文" />
                 <TabItem
-                    Content="Hello 4" Header="Tab 4"
+                    Content="Hello 4"
+                    Header="Tab 4"
                     IsEnabled="False" />
             </TabControl>
         </Border>
@@ -33,7 +39,8 @@
                 <TabItem Content="Hello 3" Header="Tab 3" />
                 <TabItem Content="中文内容" Header="中文中文" />
                 <TabItem
-                    Content="Hello 4" Header="Tab 4"
+                    Content="Hello 4"
+                    Header="Tab 4"
                     IsEnabled="False" />
             </TabControl>
         </Border>
@@ -44,9 +51,16 @@
                 <TabItem Content="Hello 3" Header="Tab 3" />
                 <TabItem Content="中文内容" Header="中文中文" />
                 <TabItem
-                    Content="Hello 4" Header="Tab 4"
+                    Content="Hello 4"
+                    Header="Tab 4"
                     IsEnabled="False" />
             </TabControl>
         </Border>
+        <Border Theme="{StaticResource CardBorder}">
+            <TabStrip>
+                <TabStripItem>Tab 1</TabStripItem>
+                <TabStripItem>Tab 2</TabStripItem>
+            </TabStrip>
+        </Border>
     </StackPanel>
 </UserControl>
diff --git a/demo/Semi.Avalonia.Demo/Views/MainView.axaml b/demo/Semi.Avalonia.Demo/Views/MainView.axaml
index e0db770..4936ae5 100644
--- a/demo/Semi.Avalonia.Demo/Views/MainView.axaml
+++ b/demo/Semi.Avalonia.Demo/Views/MainView.axaml
@@ -27,6 +27,9 @@
         <TabItem Header="ButtonSpinner">
             <pages:ButtonSpinnerDemo />
         </TabItem>
+        <TabItem Header="Carousel">
+            <pages:CarouselDemo />
+        </TabItem>
         <TabItem Header="CheckBox">
             <pages:CheckBoxDemo />
         </TabItem>
diff --git a/src/Semi.Avalonia/Controls/Carousel.axaml b/src/Semi.Avalonia/Controls/Carousel.axaml
new file mode 100644
index 0000000..7ea121b
--- /dev/null
+++ b/src/Semi.Avalonia/Controls/Carousel.axaml
@@ -0,0 +1,22 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <!--  Add Resources Here  -->
+    <ControlTheme x:Key="{x:Type Carousel}" TargetType="Carousel">
+        <Setter Property="Template">
+            <ControlTemplate>
+                <Border
+                    Background="{TemplateBinding Background}"
+                    BorderBrush="{TemplateBinding BorderBrush}"
+                    BorderThickness="{TemplateBinding BorderThickness}"
+                    CornerRadius="{TemplateBinding CornerRadius}">
+                    <CarouselPresenter
+                        Margin="{TemplateBinding Padding}"
+                        IsVirtualized="{TemplateBinding IsVirtualized}"
+                        Items="{TemplateBinding Items}"
+                        ItemsPanel="{TemplateBinding ItemsPanel}"
+                        PageTransition="{TemplateBinding PageTransition}"
+                        SelectedIndex="{TemplateBinding SelectedIndex}" />
+                </Border>
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
+</ResourceDictionary>
diff --git a/src/Semi.Avalonia/Controls/Controls.axaml b/src/Semi.Avalonia/Controls/Controls.axaml
index 8df5e08..f0f76bc 100644
--- a/src/Semi.Avalonia/Controls/Controls.axaml
+++ b/src/Semi.Avalonia/Controls/Controls.axaml
@@ -5,6 +5,7 @@
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/Border.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/Button.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/ButtonSpinner.axaml" />
+        <ResourceInclude Source="avares://Semi.Avalonia/Controls/Carousel.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/CheckBox.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/ComboBox.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/ContentControl.axaml" />
@@ -29,11 +30,13 @@
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/Slider.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/TabControl.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/TabItem.axaml" />
+        <ResourceInclude Source="avares://Semi.Avalonia/Controls/TabStrip.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/TextBlock.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/TextBox.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/ToggleButton.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/ToggleSwitch.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/Tooltip.axaml" />
+        <ResourceInclude Source="avares://Semi.Avalonia/Controls/TransitioningContentControl.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/TreeView.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/UserControl.axaml" />
         <ResourceInclude Source="avares://Semi.Avalonia/Controls/Window.axaml" />
diff --git a/src/Semi.Avalonia/Controls/Popup.axaml b/src/Semi.Avalonia/Controls/Popup.axaml
index c643e4a..60d461f 100644
--- a/src/Semi.Avalonia/Controls/Popup.axaml
+++ b/src/Semi.Avalonia/Controls/Popup.axaml
@@ -20,4 +20,21 @@
             </ControlTemplate>
         </Setter>
     </ControlTheme>
+
+    <ControlTheme x:Key="{x:Type OverlayPopupHost}" TargetType="OverlayPopupHost">
+        <Setter Property="Template">
+            <ControlTemplate>
+                <LayoutTransformControl LayoutTransform="{TemplateBinding Transform}">
+                    <VisualLayerManager IsPopup="True">
+                        <ContentPresenter
+                            Name="PART_ContentPresenter"
+                            Padding="{TemplateBinding Padding}"
+                            Background="{TemplateBinding Background}"
+                            Content="{TemplateBinding Content}"
+                            ContentTemplate="{TemplateBinding ContentTemplate}" />
+                    </VisualLayerManager>
+                </LayoutTransformControl>
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
 </ResourceDictionary>
diff --git a/src/Semi.Avalonia/Controls/SelectableTextBlock.axaml b/src/Semi.Avalonia/Controls/SelectableTextBlock.axaml
index e548da5..9cca943 100644
--- a/src/Semi.Avalonia/Controls/SelectableTextBlock.axaml
+++ b/src/Semi.Avalonia/Controls/SelectableTextBlock.axaml
@@ -1,4 +1,14 @@
 <ResourceDictionary xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+
+    <MenuFlyout x:Key="SelectableTextBlockContextFlyout" Placement="Bottom">
+        <MenuItem
+            x:Name="SelectableTextBlockContextFlyoutCopyItem"
+            Command="{Binding $parent[SelectableTextBlock].Copy}"
+            Header="Copy"
+            InputGesture="{x:Static TextBox.CopyGesture}"
+            IsEnabled="{Binding $parent[SelectableTextBlock].CanCopy}" />
+    </MenuFlyout>
+
     <ControlTheme x:Key="{x:Type SelectableTextBlock}" TargetType="SelectableTextBlock">
         <Setter Property="SelectableTextBlock.Foreground" Value="{DynamicResource TextBlockDefaultForeground}" />
         <Setter Property="SelectableTextBlock.FontSize" Value="{DynamicResource TextBlockFontSize}" />
@@ -34,6 +44,10 @@
         <Style Selector="^.Delete">
             <Setter Property="SelectableTextBlock.TextDecorations" Value="StrikeThrough" />
         </Style>
+        <Style Selector="^[IsEnabled=True]">
+            <Setter Property="Cursor" Value="IBeam" />
+            <Setter Property="ContextFlyout" Value="{StaticResource SelectableTextBlockContextFlyout}" />
+        </Style>
     </ControlTheme>
     <ControlTheme
         x:Key="TitleSelectableTextBlock"
diff --git a/src/Semi.Avalonia/Controls/TabItem.axaml b/src/Semi.Avalonia/Controls/TabItem.axaml
index 7fb9519..a8a1e11 100644
--- a/src/Semi.Avalonia/Controls/TabItem.axaml
+++ b/src/Semi.Avalonia/Controls/TabItem.axaml
@@ -24,7 +24,7 @@
                     BorderThickness="{TemplateBinding BorderThickness}"
                     CornerRadius="{TemplateBinding CornerRadius}">
                     <Panel>
-                        <Label
+                        <ContentPresenter
                             Name="PART_ContentPresenter"
                             Padding="{TemplateBinding Padding}"
                             HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
@@ -37,24 +37,23 @@
                         <Border
                             Name="PART_SelectedPipe"
                             Background="{DynamicResource TabItemLinePipeBackground}"
-                            CornerRadius="{DynamicResource ControlCornerRadius}"
-                            IsVisible="True" UseLayoutRounding="False" />
+                            IsVisible="True"
+                            UseLayoutRounding="False" />
                     </Panel>
                 </Border>
             </ControlTemplate>
         </Setter>
 
         <!--  Selected state  -->
-        <!--  We don't use selector to PART_LayoutRoot, so developer can override selected item background with TabStripItem.Background  -->
-        <Style Selector="^:selected /template/ Label#PART_ContentPresenter">
+        <Style Selector="^:selected /template/ ContentPresenter#PART_ContentPresenter">
             <Setter Property="Foreground" Value="{DynamicResource TabItemLineHeaderSelectedForeground}" />
-            <Setter Property="Label.FontWeight" Value="{DynamicResource TabItemSelectedFontWeight}" />
+            <Setter Property="ContentPresenter.FontWeight" Value="{DynamicResource TabItemSelectedFontWeight}" />
         </Style>
 
         <Style Selector="^:not(:selected)">
             <Setter Property="Cursor" Value="Hand" />
-            <Style Selector="^:pointerover /template/ Label#PART_ContentPresenter">
-                <Setter Property="Label.Foreground" Value="{DynamicResource TabItemLineHeaderPointeroverForeground}" />
+            <Style Selector="^:pointerover /template/ ContentPresenter#PART_ContentPresenter">
+                <Setter Property="ContentPresenter.Foreground" Value="{DynamicResource TabItemLineHeaderPointeroverForeground}" />
             </Style>
             <Style Selector="^:pointerover /template/ Border#PART_SelectedPipe">
                 <Setter Property="Border.Background" Value="{DynamicResource TabItemLinePipePointeroverBorderBrush}" />
@@ -88,7 +87,7 @@
                 <Setter Property="Border.HorizontalAlignment" Value="Stretch" />
                 <Setter Property="Border.VerticalAlignment" Value="Bottom" />
             </Style>
-            <Style Selector="^ /template/ Label#PART_ContentPresenter">
+            <Style Selector="^ /template/ ContentPresenter#PART_ContentPresenter">
                 <Setter Property="Margin" Value="0,0,0,4" />
             </Style>
         </Style>
@@ -99,7 +98,7 @@
                 <Setter Property="Border.HorizontalAlignment" Value="Stretch" />
                 <Setter Property="Border.VerticalAlignment" Value="Top" />
             </Style>
-            <Style Selector="^ /template/ Label#PART_ContentPresenter">
+            <Style Selector="^ /template/ ContentPresenter#PART_ContentPresenter">
                 <Setter Property="Margin" Value="0,4,0,0" />
             </Style>
         </Style>
@@ -122,7 +121,7 @@
                 <Setter Property="Border.HorizontalAlignment" Value="Right" />
                 <Setter Property="Border.VerticalAlignment" Value="Stretch" />
             </Style>
-            <Style Selector="^ /template/ Label#PART_ContentPresenter">
+            <Style Selector="^ /template/ ContentPresenter#PART_ContentPresenter">
                 <Setter Property="Margin" Value="0,0,8,0" />
             </Style>
         </Style>
diff --git a/src/Semi.Avalonia/Controls/TabStrip.axaml b/src/Semi.Avalonia/Controls/TabStrip.axaml
new file mode 100644
index 0000000..5e73f96
--- /dev/null
+++ b/src/Semi.Avalonia/Controls/TabStrip.axaml
@@ -0,0 +1,111 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <!--  Add Resources Here  -->
+    <ControlTheme x:Key="{x:Type TabStrip}" TargetType="TabStrip">
+        <Setter Property="Template">
+            <ControlTemplate>
+                <Border
+                    Padding="{TemplateBinding Padding}"
+                    Background="{TemplateBinding Background}"
+                    BorderBrush="{TemplateBinding BorderBrush}"
+                    BorderThickness="{TemplateBinding BorderThickness}"
+                    CornerRadius="{TemplateBinding CornerRadius}">
+                    <Panel>
+                        <ItemsPresenter
+                            Name="PART_ItemsPresenter"
+                            ItemTemplate="{TemplateBinding ItemTemplate}"
+                            Items="{TemplateBinding Items}"
+                            ItemsPanel="{TemplateBinding ItemsPanel}" />
+                        <Border
+                            Name="PART_BorderSeparator"
+                            Height="1"
+                            HorizontalAlignment="Stretch"
+                            VerticalAlignment="Bottom"
+                            Background="{DynamicResource TabItemLinePipePressedBorderBrush}" />
+                    </Panel>
+                </Border>
+            </ControlTemplate>
+        </Setter>
+        <Setter Property="ItemsPanel">
+            <ItemsPanelTemplate>
+                <WrapPanel />
+            </ItemsPanelTemplate>
+        </Setter>
+    </ControlTheme>
+
+    <ControlTheme x:Key="{x:Type TabStripItem}" TargetType="TabStripItem">
+        <Setter Property="TabStripItem.Background" Value="{DynamicResource TabItemLinePipeBackground}" />
+        <Setter Property="TabStripItem.Foreground" Value="{DynamicResource TabItemLineHeaderForeground}" />
+        <Setter Property="TabStripItem.Margin" Value="0" />
+        <Setter Property="TabStripItem.Padding" Value="8 4" />
+        <Setter Property="TabStripItem.MinHeight" Value="5" />
+        <Setter Property="TabStripItem.VerticalContentAlignment" Value="Center" />
+        <Setter Property="TabStripItem.Template">
+            <ControlTemplate TargetType="TabStripItem">
+                <Border
+                    Name="PART_LayoutRoot"
+                    Background="{TemplateBinding Background}"
+                    BorderBrush="{TemplateBinding BorderBrush}"
+                    BorderThickness="{TemplateBinding BorderThickness}"
+                    CornerRadius="{TemplateBinding CornerRadius}">
+                    <Panel>
+                        <ContentPresenter
+                            Name="PART_ContentPresenter"
+                            Margin="0,0,0,4"
+                            Padding="{TemplateBinding Padding}"
+                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                            Content="{TemplateBinding Content}"
+                            ContentTemplate="{TemplateBinding ContentTemplate}"
+                            FontFamily="{TemplateBinding FontFamily}"
+                            FontWeight="{TemplateBinding FontWeight}"
+                            Foreground="{TemplateBinding Foreground}" />
+                        <Border
+                            Name="PART_SelectedPipe"
+                            Height="2"
+                            Margin="0"
+                            HorizontalAlignment="Stretch"
+                            VerticalAlignment="Bottom"
+                            Background="{DynamicResource TabItemLinePipeBackground}"
+                            IsVisible="True"
+                            UseLayoutRounding="False" />
+                    </Panel>
+                </Border>
+            </ControlTemplate>
+        </Setter>
+
+        <!--  Selected state  -->
+        <Style Selector="^:selected /template/ ContentPresenter#PART_ContentPresenter">
+            <Setter Property="Foreground" Value="{DynamicResource TabItemLineHeaderSelectedForeground}" />
+            <Setter Property="ContentPresenter.FontWeight" Value="{DynamicResource TabItemSelectedFontWeight}" />
+        </Style>
+
+        <Style Selector="^:not(:selected)">
+            <Setter Property="Cursor" Value="Hand" />
+            <Style Selector="^:pointerover /template/ Label#PART_ContentPresenter">
+                <Setter Property="Label.Foreground" Value="{DynamicResource TabItemLineHeaderPointeroverForeground}" />
+            </Style>
+            <Style Selector="^:pointerover /template/ Border#PART_SelectedPipe">
+                <Setter Property="Border.Background" Value="{DynamicResource TabItemLinePipePointeroverBorderBrush}" />
+            </Style>
+            <Style Selector="^:pressed /template/ Border#PART_SelectedPipe">
+                <Setter Property="Border.Background" Value="{DynamicResource TabItemLinePipePressedBorderBrush}" />
+            </Style>
+        </Style>
+
+        <Style Selector="^:selected /template/ Border#PART_SelectedPipe">
+            <Setter Property="Border.Background" Value="{DynamicResource TabItemLinePipeSelectedBackground}" />
+        </Style>
+
+        <!--  Selected Pressed state  -->
+        <Style Selector="^:selected:pressed /template/ Border#PART_LayoutRoot">
+            <Setter Property="Background" Value="{DynamicResource TabItemHeaderBackgroundSelectedPressed}" />
+            <Setter Property="TextElement.Foreground" Value="{DynamicResource TabItemHeaderForegroundSelectedPressed}" />
+        </Style>
+
+        <!--  Disabled state  -->
+        <Style Selector="^:disabled /template/ Border#PART_LayoutRoot">
+            <Setter Property="Background" Value="{DynamicResource TabItemHeaderBackgroundDisabled}" />
+            <Setter Property="TextElement.Foreground" Value="{DynamicResource TabItemHeaderForegroundDisabled}" />
+        </Style>
+    </ControlTheme>
+</ResourceDictionary>
diff --git a/src/Semi.Avalonia/Controls/TransitioningContentControl.axaml b/src/Semi.Avalonia/Controls/TransitioningContentControl.axaml
new file mode 100644
index 0000000..ef9e87f
--- /dev/null
+++ b/src/Semi.Avalonia/Controls/TransitioningContentControl.axaml
@@ -0,0 +1,19 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <ControlTheme x:Key="{x:Type TransitioningContentControl}" TargetType="TransitioningContentControl">
+        <Setter Property="Template">
+            <ControlTemplate>
+                <ContentPresenter
+                    Name="PART_ContentPresenter"
+                    Padding="{TemplateBinding Padding}"
+                    HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                    VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                    Background="{TemplateBinding Background}"
+                    BorderBrush="{TemplateBinding BorderBrush}"
+                    BorderThickness="{TemplateBinding BorderThickness}"
+                    Content="{TemplateBinding CurrentContent}"
+                    ContentTemplate="{TemplateBinding ContentTemplate}"
+                    CornerRadius="{TemplateBinding CornerRadius}" />
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
+</ResourceDictionary>

From 4e74d1ab901e722913dd6f8f7fd68538d45b9072 Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Thu, 26 Jan 2023 00:02:54 +0800
Subject: [PATCH 3/3] fix: fix MenuFlyout default text style.

---
 src/Semi.Avalonia/Controls/MenuFlyoutPresenter.axaml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/Semi.Avalonia/Controls/MenuFlyoutPresenter.axaml b/src/Semi.Avalonia/Controls/MenuFlyoutPresenter.axaml
index 368107f..887c2a1 100644
--- a/src/Semi.Avalonia/Controls/MenuFlyoutPresenter.axaml
+++ b/src/Semi.Avalonia/Controls/MenuFlyoutPresenter.axaml
@@ -5,6 +5,9 @@
         <Setter Property="MenuFlyoutPresenter.BorderBrush" Value="{DynamicResource MenuFlyoutBorderBrush}" />
         <Setter Property="MenuFlyoutPresenter.BorderThickness" Value="{DynamicResource MenuFlyoutBorderThickness}" />
         <Setter Property="MenuFlyoutPresenter.Padding" Value="{DynamicResource MenuFlyoutPadding}" />
+        <Setter Property="MenuFlyoutPresenter.FontSize" Value="{DynamicResource TextBlockFontSize}" />
+        <Setter Property="MenuFlyoutPresenter.FontWeight" Value="{DynamicResource TextBlockFontWeight}" />
+        <Setter Property="MenuFlyoutPresenter.Foreground" Value="{DynamicResource TextBlockDefaultForeground}" />
         <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto" />
         <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto" />
         <Setter Property="MenuFlyoutPresenter.Margin" Value="4" />