From 2d37fc84fb3c43a3dc15d2113dfdddf98aafde0f Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Fri, 19 Jan 2024 00:41:19 +0800
Subject: [PATCH] feat: update demo.

---
 demo/Ursa.Demo/Pages/RangeSliderDemo.axaml     | 2 +-
 demo/Ursa.Demo/ViewModels/MenuItemViewModel.cs | 8 ++++++++
 demo/Ursa.Demo/ViewModels/MenuViewModel.cs     | 2 +-
 demo/Ursa.Demo/Views/MainView.axaml            | 9 ++++++++-
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/demo/Ursa.Demo/Pages/RangeSliderDemo.axaml b/demo/Ursa.Demo/Pages/RangeSliderDemo.axaml
index da47e62..cc75ae9 100644
--- a/demo/Ursa.Demo/Pages/RangeSliderDemo.axaml
+++ b/demo/Ursa.Demo/Pages/RangeSliderDemo.axaml
@@ -12,7 +12,7 @@
         </Style>
     </UserControl.Styles>
     <StackPanel>
-        <u:RangeSlider Name="range" Height="24"/>
+        <u:RangeSlider Name="range" Height="24" TickFrequency="5" IsSnapToTick="True"/>
         <u:NumericDoubleUpDown InnerLeftContent="Minimum" Value="{Binding #range.Minimum, Mode=TwoWay}" />
         <u:NumericDoubleUpDown InnerLeftContent="Maximum" Value="{Binding #range.Maximum, Mode=TwoWay}" />
         <u:NumericDoubleUpDown InnerLeftContent="LowerValue" Value="{Binding #range.LowerValue, Mode=TwoWay}" />
diff --git a/demo/Ursa.Demo/ViewModels/MenuItemViewModel.cs b/demo/Ursa.Demo/ViewModels/MenuItemViewModel.cs
index 42be205..279fb52 100644
--- a/demo/Ursa.Demo/ViewModels/MenuItemViewModel.cs
+++ b/demo/Ursa.Demo/ViewModels/MenuItemViewModel.cs
@@ -5,11 +5,19 @@ using CommunityToolkit.Mvvm.Messaging;
 
 namespace Ursa.Demo.ViewModels;
 
+public enum ControlStatus
+{
+    New,
+    Beta,
+    Stable,
+}
+
 public class MenuItemViewModel: ViewModelBase
 {
     public string MenuHeader { get; set; }
     public string MenuIconName { get; set; }
     public string Key { get; set; }
+    public string Status { get; set; }
     
     public bool IsSeparator { get; set; }
     public ObservableCollection<MenuItemViewModel> Children { get; set; } = new();
diff --git a/demo/Ursa.Demo/ViewModels/MenuViewModel.cs b/demo/Ursa.Demo/ViewModels/MenuViewModel.cs
index 4988aad..18d670a 100644
--- a/demo/Ursa.Demo/ViewModels/MenuViewModel.cs
+++ b/demo/Ursa.Demo/ViewModels/MenuViewModel.cs
@@ -26,7 +26,7 @@ public class MenuViewModel: ViewModelBase
             new() { MenuHeader = "Navigation", Key = MenuKeys.MenuKeyNavigation },
             new() { MenuHeader = "NumericUpDown", Key = MenuKeys.MenuKeyNumericUpDown },
             new() { MenuHeader = "Pagination", Key = MenuKeys.MenuKeyPagination },
-            new() { MenuHeader = "RangeSlider", Key = MenuKeys.MenuKeyRangeSlider },
+            new() { MenuHeader = "RangeSlider", Key = MenuKeys.MenuKeyRangeSlider, Status = "WIP"},
             new() { MenuHeader = "TagInput", Key = MenuKeys.MenuKeyTagInput },
             new() { MenuHeader = "Timeline", Key = MenuKeys.MenuKeyTimeline },
         };
diff --git a/demo/Ursa.Demo/Views/MainView.axaml b/demo/Ursa.Demo/Views/MainView.axaml
index 710026c..41e0164 100644
--- a/demo/Ursa.Demo/Views/MainView.axaml
+++ b/demo/Ursa.Demo/Views/MainView.axaml
@@ -43,8 +43,15 @@
                             <DataTemplate DataType="vm:MenuItemViewModel">
                                 <u:NavigationMenuItem
                                     Command="{Binding ActivateCommand}"
-                                    Header="{Binding MenuHeader}"
+                                    Header="{Binding }"
                                     ItemsSource="{Binding Children}">
+                                    <u:NavigationMenuItem.HeaderTemplate>
+                                        <DataTemplate x:DataType="vm:MenuItemViewModel">
+                                            <u:Badge BadgeContent="{Binding Status}" CornerPosition="TopRight" HorizontalAlignment="Left">
+                                                <TextBlock Text="{Binding MenuHeader}" HorizontalAlignment="Left"></TextBlock>
+                                            </u:Badge>
+                                        </DataTemplate>
+                                    </u:NavigationMenuItem.HeaderTemplate>
                                     <u:NavigationMenuItem.Icon>
                                         <Border
                                             Width="10"