From 5e6db004eecde9854cd96049aea4f1bc4c2180d6 Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Mon, 26 Feb 2024 00:59:52 +0800
Subject: [PATCH] feat: add badge font size.

---
 src/Ursa.Themes.Semi/Controls/Badge.axaml     | 27 +++++++++----------
 .../Themes/Shared/Badge.axaml                 |  2 +-
 src/Ursa/Controls/Badge.cs                    |  9 +++++++
 3 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/Ursa.Themes.Semi/Controls/Badge.axaml b/src/Ursa.Themes.Semi/Controls/Badge.axaml
index 7af3113..4402f05 100644
--- a/src/Ursa.Themes.Semi/Controls/Badge.axaml
+++ b/src/Ursa.Themes.Semi/Controls/Badge.axaml
@@ -9,24 +9,23 @@
 
     <ControlTheme x:Key="{x:Type u:Badge}" TargetType="{x:Type u:Badge}">
         <!--  Set a very large corner radius to achieve pill look.  -->
-        <Setter Property="u:Badge.CornerRadius" Value="{DynamicResource BadgeCornerRadius}" />
-        <Setter Property="u:Badge.FontSize" Value="{DynamicResource BadgeFontSize}" />
-        <Setter Property="u:Badge.Foreground" Value="{DynamicResource BadgeForeground}" />
-        <Setter Property="u:Badge.Background" Value="{DynamicResource BadgePrimaryBadgeBackground}" />
-        <Setter Property="u:Badge.ClipToBounds" Value="False" />
-        <Setter Property="u:Badge.HorizontalAlignment" Value="Center" />
-        <Setter Property="u:Badge.VerticalAlignment" Value="Center" />
-        <Setter Property="u:Badge.BorderThickness" Value="{DynamicResource BadgeBorderThickness}" />
-        <Setter Property="u:Badge.UseLayoutRounding" Value="False" />
-        <Setter Property="u:Badge.BorderBrush" Value="{DynamicResource BadgeBorderBrush}" />
-        <Setter Property="u:Badge.CornerPosition" Value="{DynamicResource BadgeCornerPosition}" />
-        <Setter Property="u:Badge.Template">
+        <Setter Property="CornerRadius" Value="{DynamicResource BadgeCornerRadius}" />
+        <Setter Property="BadgeFontSize" Value="{DynamicResource BadgeFontSize}" />
+        <Setter Property="Foreground" Value="{DynamicResource BadgeForeground}" />
+        <Setter Property="Background" Value="{DynamicResource BadgePrimaryBadgeBackground}" />
+        <Setter Property="ClipToBounds" Value="False" />
+        <Setter Property="HorizontalAlignment" Value="Center" />
+        <Setter Property="VerticalAlignment" Value="Center" />
+        <Setter Property="BorderThickness" Value="{DynamicResource BadgeBorderThickness}" />
+        <Setter Property="UseLayoutRounding" Value="False" />
+        <Setter Property="BorderBrush" Value="{DynamicResource BadgeBorderBrush}" />
+        <Setter Property="CornerPosition" Value="{DynamicResource BadgeCornerPosition}" />
+        <Setter Property="Template">
             <ControlTemplate TargetType="{x:Type u:Badge}">
                 <Grid
                     HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                     VerticalAlignment="{TemplateBinding VerticalAlignment}"
                     ClipToBounds="False">
-
                     <ContentPresenter
                         Name="{x:Static u:Badge.PART_ContentPresenter}"
                         Margin="{TemplateBinding Padding}"
@@ -55,7 +54,7 @@
                             VerticalAlignment="Center"
                             Focusable="False"
                             IsTabStop="False"
-                            TextElement.FontSize="{TemplateBinding FontSize}"
+                            TextElement.FontSize="{TemplateBinding BadgeFontSize}"
                             TextElement.Foreground="{TemplateBinding Foreground}">
                             <ContentPresenter.Content>
                                 <MultiBinding Converter="{StaticResource BadgeContentConverter}">
diff --git a/src/Ursa.Themes.Semi/Themes/Shared/Badge.axaml b/src/Ursa.Themes.Semi/Themes/Shared/Badge.axaml
index 9ff0988..7c39786 100644
--- a/src/Ursa.Themes.Semi/Themes/Shared/Badge.axaml
+++ b/src/Ursa.Themes.Semi/Themes/Shared/Badge.axaml
@@ -8,7 +8,7 @@
     <x:Double x:Key="BadgeDotHeight">8</x:Double>
     <Thickness x:Key="BadgePadding">6,0</Thickness>
     <Thickness x:Key="BadgeBorderThickness">1</Thickness>
-    <x:Double x:Key="BadgeFontSize">14</x:Double>
+    <x:Double x:Key="BadgeFontSize">10</x:Double>
     <CornerRadius x:Key="BadgeCornerRadius">100</CornerRadius>
     <common:CornerPosition x:Key="BadgeCornerPosition">TopRight</common:CornerPosition>
 </ResourceDictionary>
\ No newline at end of file
diff --git a/src/Ursa/Controls/Badge.cs b/src/Ursa/Controls/Badge.cs
index 3e24381..23124ed 100644
--- a/src/Ursa/Controls/Badge.cs
+++ b/src/Ursa/Controls/Badge.cs
@@ -50,6 +50,15 @@ public class Badge: HeaderedContentControl
         set => SetValue(OverflowCountProperty, value);
     }
 
+    public static readonly StyledProperty<double> BadgeFontSizeProperty = AvaloniaProperty.Register<Badge, double>(
+        nameof(BadgeFontSize));
+
+    public double BadgeFontSize
+    {
+        get => GetValue(BadgeFontSizeProperty);
+        set => SetValue(BadgeFontSizeProperty, value);
+    }
+
     static Badge()
     {
         HeaderProperty.Changed.AddClassHandler<Badge>((badge, args) => badge.UpdateBadgePosition());