From 009498f5900b1a00e8363231670a4021c5e1fce0 Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Fri, 23 Jun 2023 22:24:43 +0800
Subject: [PATCH] feat: add loading.

---
 demo/Ursa.Demo/Pages/LoadingDemo.axaml        | 25 ++++++
 demo/Ursa.Demo/Pages/LoadingDemo.axaml.cs     | 18 +++++
 demo/Ursa.Demo/Views/MainWindow.axaml         |  3 +
 src/Ursa.Themes.Semi/Controls/Loading.axaml   | 78 +++++++++++++++++++
 src/Ursa.Themes.Semi/Controls/_index.axaml    |  1 +
 .../Converters/BrushToColorConverter.cs       | 22 ++++++
 src/Ursa/Controls/Loading/Loading.cs          | 26 +++++++
 src/Ursa/Controls/Loading/LoadingIcon.cs      |  8 ++
 8 files changed, 181 insertions(+)
 create mode 100644 demo/Ursa.Demo/Pages/LoadingDemo.axaml
 create mode 100644 demo/Ursa.Demo/Pages/LoadingDemo.axaml.cs
 create mode 100644 src/Ursa.Themes.Semi/Controls/Loading.axaml
 create mode 100644 src/Ursa.Themes.Semi/Converters/BrushToColorConverter.cs
 create mode 100644 src/Ursa/Controls/Loading/Loading.cs
 create mode 100644 src/Ursa/Controls/Loading/LoadingIcon.cs

diff --git a/demo/Ursa.Demo/Pages/LoadingDemo.axaml b/demo/Ursa.Demo/Pages/LoadingDemo.axaml
new file mode 100644
index 0000000..f291038
--- /dev/null
+++ b/demo/Ursa.Demo/Pages/LoadingDemo.axaml
@@ -0,0 +1,25 @@
+<UserControl
+    x:Class="Ursa.Demo.Pages.LoadingDemo"
+    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"
+    xmlns:u="https://irihi.tech/ursa"
+    d:DesignHeight="450"
+    d:DesignWidth="800"
+    mc:Ignorable="d">
+    <Grid RowDefinitions="Auto, Auto, *">
+        <ToggleSwitch Name="s" Content="Loading" />
+        <u:LoadingIcon Grid.Row="1" />
+        <Panel
+            Grid.Row="2"
+            HorizontalAlignment="Stretch"
+            VerticalAlignment="Stretch">
+            <u:Banner
+                HorizontalAlignment="Center"
+                VerticalAlignment="Center"
+                Content="Hello Ursa!" />
+            <u:Loading Content="Loading..." IsLoading="{Binding #s.IsChecked}" />
+        </Panel>
+    </Grid>
+</UserControl>
diff --git a/demo/Ursa.Demo/Pages/LoadingDemo.axaml.cs b/demo/Ursa.Demo/Pages/LoadingDemo.axaml.cs
new file mode 100644
index 0000000..cfbc0e8
--- /dev/null
+++ b/demo/Ursa.Demo/Pages/LoadingDemo.axaml.cs
@@ -0,0 +1,18 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace Ursa.Demo.Pages;
+
+public partial class LoadingDemo : UserControl
+{
+    public LoadingDemo()
+    {
+        InitializeComponent();
+    }
+
+    private void InitializeComponent()
+    {
+        AvaloniaXamlLoader.Load(this);
+    }
+}
\ No newline at end of file
diff --git a/demo/Ursa.Demo/Views/MainWindow.axaml b/demo/Ursa.Demo/Views/MainWindow.axaml
index 230667b..ee33626 100644
--- a/demo/Ursa.Demo/Views/MainWindow.axaml
+++ b/demo/Ursa.Demo/Views/MainWindow.axaml
@@ -35,6 +35,9 @@
             <TabItem Header="IPv4Box">
                 <pages:IPv4BoxDemo />
             </TabItem>
+            <TabItem Header="Loading">
+                <pages:LoadingDemo />
+            </TabItem>
             <TabItem Header="Navigation">
                 <pages:NavigationMenuDemo />
             </TabItem>
diff --git a/src/Ursa.Themes.Semi/Controls/Loading.axaml b/src/Ursa.Themes.Semi/Controls/Loading.axaml
new file mode 100644
index 0000000..442c54b
--- /dev/null
+++ b/src/Ursa.Themes.Semi/Controls/Loading.axaml
@@ -0,0 +1,78 @@
+<ResourceDictionary
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:converters="clr-namespace:Ursa.Themes.Semi.Converters"
+    xmlns:u="clr-namespace:Ursa.Controls;assembly=Ursa">
+    <!--  Add Resources Here  -->
+    <converters:BrushToColorConverter x:Key="BrushToColorConverter" />
+    <ControlTheme x:Key="{x:Type u:LoadingIcon}" TargetType="u:LoadingIcon">
+        <Setter Property="Foreground" Value="{DynamicResource SemiBlue6}" />
+        <Setter Property="Template">
+            <ControlTemplate TargetType="u:LoadingIcon">
+                <Arc
+                    Width="20"
+                    Height="20"
+                    StartAngle="0"
+                    StrokeJoin="Round"
+                    StrokeLineCap="Round"
+                    StrokeThickness="3"
+                    SweepAngle="300">
+                    <Arc.Stroke>
+                        <ConicGradientBrush Angle="70">
+                            <GradientStops>
+                                <GradientStop Offset="0" Color="{Binding Foreground, Converter={StaticResource BrushToColorConverter}, RelativeSource={RelativeSource TemplatedParent}}" />
+                                <GradientStop Offset="0.8" Color="Transparent" />
+                            </GradientStops>
+                        </ConicGradientBrush>
+                    </Arc.Stroke>
+                    <Arc.Styles>
+                        <Style Selector="Arc">
+                            <Style.Animations>
+                                <Animation IterationCount="Infinite" Duration="0:0:0.5">
+                                    <KeyFrame Cue="0%">
+                                        <Setter Property="RotateTransform.Angle" Value="0.0" />
+                                    </KeyFrame>
+                                    <KeyFrame Cue="100%">
+                                        <Setter Property="RotateTransform.Angle" Value="-360.0" />
+                                    </KeyFrame>
+                                </Animation>
+                            </Style.Animations>
+                        </Style>
+                    </Arc.Styles>
+                </Arc>
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
+
+    <ControlTheme x:Key="{x:Type u:Loading}" TargetType="u:Loading">
+        <Setter Property="Background">
+            <SolidColorBrush Opacity="0.13" Color="#2E3238" />
+        </Setter>
+        <Setter Property="Indicator">
+            <Template>
+                <u:LoadingIcon />
+            </Template>
+        </Setter>
+        <Setter Property="Template">
+            <ControlTemplate TargetType="u:Loading">
+                <Panel IsVisible="{TemplateBinding IsLoading}">
+                    <Border
+                        HorizontalAlignment="Stretch"
+                        VerticalAlignment="Stretch"
+                        Background="{TemplateBinding Background}" />
+                    <Grid
+                        HorizontalAlignment="Center"
+                        VerticalAlignment="Center"
+                        RowDefinitions="Auto, *">
+                        <ContentPresenter HorizontalAlignment="Center" Content="{TemplateBinding Indicator}" />
+                        <ContentPresenter
+                            Name="PART_ContentPresenter"
+                            Grid.Row="1"
+                            Content="{TemplateBinding Content}"
+                            ContentTemplate="{TemplateBinding ContentTemplate}" />
+                    </Grid>
+                </Panel>
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
+</ResourceDictionary>
diff --git a/src/Ursa.Themes.Semi/Controls/_index.axaml b/src/Ursa.Themes.Semi/Controls/_index.axaml
index 8cf36e5..c0c304a 100644
--- a/src/Ursa.Themes.Semi/Controls/_index.axaml
+++ b/src/Ursa.Themes.Semi/Controls/_index.axaml
@@ -5,6 +5,7 @@
         <ResourceInclude Source="Banner.axaml" />
         <ResourceInclude Source="Divider.axaml" />
         <ResourceInclude Source="IPv4Box.axaml" />
+        <ResourceInclude Source="Loading.axaml" />
         <ResourceInclude Source="Navigation.axaml" />
         <ResourceInclude Source="Pagination.axaml" />
         <ResourceInclude Source="Timeline.axaml" />
diff --git a/src/Ursa.Themes.Semi/Converters/BrushToColorConverter.cs b/src/Ursa.Themes.Semi/Converters/BrushToColorConverter.cs
new file mode 100644
index 0000000..425c6d2
--- /dev/null
+++ b/src/Ursa.Themes.Semi/Converters/BrushToColorConverter.cs
@@ -0,0 +1,22 @@
+using System.Globalization;
+using Avalonia.Data.Converters;
+using Avalonia.Media;
+
+namespace Ursa.Themes.Semi.Converters;
+
+public class BrushToColorConverter: IValueConverter
+{
+    public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture)
+    {
+        if (value is ISolidColorBrush b)
+        {
+            return b.Color;
+        }
+        return null;
+    }
+
+    public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture)
+    {
+        throw new NotImplementedException();
+    }
+}
\ No newline at end of file
diff --git a/src/Ursa/Controls/Loading/Loading.cs b/src/Ursa/Controls/Loading/Loading.cs
new file mode 100644
index 0000000..a444dc2
--- /dev/null
+++ b/src/Ursa/Controls/Loading/Loading.cs
@@ -0,0 +1,26 @@
+using Avalonia;
+using Avalonia.Controls;
+
+namespace Ursa.Controls;
+
+public class Loading: ContentControl
+{
+    public static readonly StyledProperty<object?> IndicatorProperty = AvaloniaProperty.Register<Loading, object?>(
+        nameof(Indicator));
+
+    public object? Indicator
+    {
+        get => GetValue(IndicatorProperty);
+        set => SetValue(IndicatorProperty, value);
+    }
+
+    public static readonly StyledProperty<object?> IsLoadingProperty = AvaloniaProperty.Register<Loading, object?>(
+        nameof(IsLoading));
+
+    public object? IsLoading
+    {
+        get => GetValue(IsLoadingProperty);
+        set => SetValue(IsLoadingProperty, value);
+    }
+    
+}
\ No newline at end of file
diff --git a/src/Ursa/Controls/Loading/LoadingIcon.cs b/src/Ursa/Controls/Loading/LoadingIcon.cs
new file mode 100644
index 0000000..b6d71fb
--- /dev/null
+++ b/src/Ursa/Controls/Loading/LoadingIcon.cs
@@ -0,0 +1,8 @@
+using Avalonia.Controls;
+
+namespace Ursa.Controls;
+
+public class LoadingIcon: ContentControl
+{
+    
+}
\ No newline at end of file