Merge pull request #768 from irihitech/multi-auto

New Control: MultiAutoCompleteBox

demo/Ursa.Demo/Pages/AutoCompleteBoxDemo.axaml

@@ -23,10 +23,14 @@
             </Style>
         </StackPanel.Styles>
 
+        <TextBlock Text="{Binding #box.((viewModels:StateData)SelectedItem).Name}" />
+        
         <u:AutoCompleteBox
+            Name="box"
             Watermark="Please select a State"
             Classes="ClearButton"
             ValueMemberBinding="{ReflectionBinding Name}" />
+        
         <u:AutoCompleteBox
             Classes="Large"
             ValueMemberBinding="{ReflectionBinding Name}" />

demo/Ursa.Demo/Pages/MultiAutoCompleteBoxDemo.axaml

@@ -0,0 +1,33 @@
+<UserControl 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"
+             xmlns:vm="clr-namespace:Ursa.Demo.ViewModels"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:DataType="vm:MultiAutoCompleteBoxDemoViewModel"
+             x:Class="Ursa.Demo.Pages.MultiAutoCompleteBoxDemo">
+    <StackPanel Spacing="20" HorizontalAlignment="Left">
+        <TextBlock Text="Multi-AutoCompleteBox"/>
+        <u:MultiAutoCompleteBox ItemsSource="{Binding Items}" 
+                                MaxWidth="400"
+                                InnerLeftContent="Controls"
+                                SelectedItems="{Binding SelectedItems}"
+                                ItemFilter="{Binding FilterPredicate}"
+                                FilterMode="Custom">
+            <u:MultiAutoCompleteBox.ItemTemplate>
+                <DataTemplate DataType="vm:ControlData">
+                    <StackPanel Orientation="Horizontal">
+                        <TextBlock Text="{Binding MenuHeader}" VerticalAlignment="Center"/>
+                        <TextBlock Text="{Binding Chinese}" Classes="Secondary" FontSize="12" Margin="8 0 0 0" VerticalAlignment="Center"/>
+                    </StackPanel>
+                </DataTemplate>
+            </u:MultiAutoCompleteBox.ItemTemplate>
+            <u:MultiAutoCompleteBox.SelectedItemTemplate>
+                <DataTemplate DataType="vm:ControlData">
+                    <TextBlock Text="{Binding MenuHeader}" />
+                </DataTemplate>
+            </u:MultiAutoCompleteBox.SelectedItemTemplate>
+        </u:MultiAutoCompleteBox>
+    </StackPanel>
+</UserControl>

demo/Ursa.Demo/Pages/MultiAutoCompleteBoxDemo.axaml.cs

@@ -0,0 +1,13 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace Ursa.Demo.Pages;
+
+public partial class MultiAutoCompleteBoxDemo : UserControl
+{
+    public MultiAutoCompleteBoxDemo()
+    {
+        InitializeComponent();
+    }
+}