fix infobar view duplicate items

src/Snap.Hutao/Snap.Hutao/UI/Xaml/View/InfoBarView.xaml

@@ -11,6 +11,8 @@
     xmlns:shuxb="using:Snap.Hutao.UI.Xaml.Behavior"
     xmlns:shuxc="using:Snap.Hutao.UI.Xaml.Control"
     xmlns:shuxm="using:Snap.Hutao.UI.Xaml.Markup"
+    xmlns:shuxv="using:Snap.Hutao.UI.Xaml.View"
+    d:DataContext="{d:DesignInstance Type=shuxv:InfoBarView}"
     mc:Ignorable="d">
 
     <UserControl.Resources>
@@ -101,13 +103,16 @@
             <clw:TransitionHelper
                 x:Key="InfoBarPanelTransitionHelper"
                 x:Name="InfoBarPanelTransitionHelper"
+                DefaultEasingMode="EaseOut"
+                DefaultEasingType="Cubic"
                 Duration="0:0:0.3">
-                <clw:TransitionConfig Id="Body" ScaleMode="Scale"/>
+                <clw:TransitionConfig Id="Body" ScaleMode="ScaleX"/>
+                <clw:TransitionConfig Id="Header" ScaleMode="ScaleX"/>
             </clw:TransitionHelper>
         </ResourceDictionary>
     </UserControl.Resources>
 
-    <Grid>
+    <Grid Name="VisibilityRoot">
         <Border
             x:Name="ShowButtonBorder"
             Margin="16"
@@ -125,7 +130,7 @@
                             Transition="{StaticResource InfoBarPanelTransitionHelper}"/>
                     </mxic:EventTriggerBehavior>
                 </mxi:Interaction.Behaviors>
-                <Grid>
+                <Grid clw:TransitionHelper.Id="Header">
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="auto"/>
                         <ColumnDefinition MinWidth="32"/>
@@ -151,13 +156,23 @@
             Style="{ThemeResource AcrylicBorderCardStyle}"
             Visibility="Collapsed">
 
-            <Grid RowSpacing="8">
+            <Grid RowSpacing="16">
                 <Grid.RowDefinitions>
                     <RowDefinition Height="auto"/>
                     <RowDefinition/>
                 </Grid.RowDefinitions>
+                <Grid ColumnSpacing="8">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition/>
+                        <ColumnDefinition Width="auto"/>
+                    </Grid.ColumnDefinitions>
+                    <TextBlock
+                        VerticalAlignment="Center"
+                        clw:TransitionHelper.Id="Header"
+                        Style="{StaticResource SubtitleTextBlockStyle}"
+                        Text="所有通知"/>
                     <StackPanel
-                    HorizontalAlignment="Right"
+                        Grid.Column="1"
                         Orientation="Horizontal"
                         Spacing="8">
                         <Button Click="OnClearAllButtonClick">
@@ -195,13 +210,15 @@
                             </Grid>
                         </Button>
                     </StackPanel>
+                </Grid>
+
                 <ScrollViewer Grid.Row="1">
                     <ItemsControl
                         MaxWidth="480"
                         ItemContainerTransitions="{StaticResource AddDeleteThemeTransitions}"
                         ItemTemplateSelector="{StaticResource InfoBarTemplateSelector}"
                         ItemsPanel="{StaticResource StackPanelSpacing8Template}"
-                        ItemsSource="{x:Bind InfoBars}"/>
+                        ItemsSource="{Binding InfoBars, Mode=OneWay}"/>
                 </ScrollViewer>
             </Grid>
         </Border>

src/Snap.Hutao/Snap.Hutao/UI/Xaml/View/InfoBarView.xaml.cs

@@ -17,6 +17,7 @@ internal sealed partial class InfoBarView : UserControl
     public InfoBarView()
     {
         InitializeComponent();
+        DataContext = this;
 
         IServiceProvider serviceProvider = Ioc.Default;
         infoBarService = serviceProvider.GetRequiredService<IInfoBarService>();
@@ -32,26 +33,32 @@ internal sealed partial class InfoBarView : UserControl
 
     private void OnInfoBarsCollectionChanged(object? sender, NotifyCollectionChangedEventArgs args)
     {
+        HandleInfoBarsCollectionChangedAsync(args).SafeForget();
+
+        async ValueTask HandleInfoBarsCollectionChangedAsync(NotifyCollectionChangedEventArgs args)
+        {
+            if (InfoBars.Count > 0)
+            {
+                VisibilityRoot.Visibility = Visibility.Visible;
+            }
+
             switch (args.Action)
             {
                 case NotifyCollectionChangedAction.Add:
                     {
                         InfoBarPanelTransitionHelper.Source = ShowButtonBorder;
                         InfoBarPanelTransitionHelper.Target = InfoBarItemsBorder;
-                    InfoBarPanelTransitionHelper.StartAsync();
+                        await InfoBarPanelTransitionHelper.StartAsync().ConfigureAwait(true);
                         break;
                     }
+            }
 
-            case NotifyCollectionChangedAction.Remove:
-                {
             if (InfoBars.Count is 0)
             {
                 InfoBarPanelTransitionHelper.Source = InfoBarItemsBorder;
                 InfoBarPanelTransitionHelper.Target = ShowButtonBorder;
-                        InfoBarPanelTransitionHelper.StartAsync();
+                await InfoBarPanelTransitionHelper.StartAsync().ConfigureAwait(true);
-                    }
+                VisibilityRoot.Visibility = Visibility.Collapsed;
-
-                    break;
             }
         }
     }