fix: update demo.

demo/Ursa.Demo/Dialogs/PlainDialog.axaml

@@ -9,10 +9,5 @@
              x:Class="Ursa.Demo.Dialogs.PlainDialog">
     <StackPanel>
         <Calendar SelectedDate="{Binding Date}" ></Calendar>
-        <ComboBox>
-            <ComboBoxItem>A</ComboBoxItem>
-            <ComboBoxItem>B</ComboBoxItem>
-            <ComboBoxItem>C</ComboBoxItem>
-        </ComboBox>
     </StackPanel>
 </UserControl>

demo/Ursa.Demo/Pages/DrawerDemo.axaml

@@ -1,18 +1,99 @@
-<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"
-             mc:Ignorable="d" d:DesignWidth="800"
-             xmlns:vm="clr-namespace:Ursa.Demo.ViewModels;assembly=Ursa.Demo"
-             xmlns:u="https://irihi.tech/ursa"
-             xmlns:common="clr-namespace:Ursa.Common;assembly=Ursa"
-             x:DataType="vm:DrawerDemoViewModel"
-             x:CompileBindings="True"
-             d:DesignHeight="450"
-             x:Class="Ursa.Demo.Pages.DrawerDemo">
-    <StackPanel HorizontalAlignment="Left" >
-        <u:EnumSelector EnumType="{x:Type common:Position}" Value="{Binding SelectedPosition}"></u:EnumSelector>
-        <Button Content="Call Drawer" HorizontalAlignment="Stretch" Command="{Binding OpenDrawerCommand}"></Button>
-        <Button Content="Default Drawer" Command="{Binding OpenDefaultDrawerCommand}"></Button>
-    </StackPanel>
+<UserControl
+    x:Class="Ursa.Demo.Pages.DrawerDemo"
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:common="clr-namespace:Ursa.Common;assembly=Ursa"
+    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;assembly=Ursa.Demo"
+    d:DesignHeight="450"
+    d:DesignWidth="800"
+    x:CompileBindings="True"
+    x:DataType="vm:DrawerDemoViewModel"
+    mc:Ignorable="d">
+    <Grid ColumnDefinitions="Auto, *">
+        <TabControl Grid.Column="0" Width="300">
+            <TabItem Header="Default">
+                <StackPanel>
+                    <u:EnumSelector EnumType="common:Position" Value="{Binding SelectedPosition}" />
+                    <ToggleSwitch
+                        Content="Global/Local"
+                        IsChecked="{Binding IsGlobal}"
+                        OffContent="Local"
+                        OnContent="Global" />
+                    <ToggleSwitch
+                        Content="ShowMask"
+                        IsChecked="{Binding ShowMask}"
+                        OffContent="No"
+                        OnContent="Yes" />
+                    <ToggleSwitch
+                        Content="ClickOnMaskToClose"
+                        IsChecked="{Binding CanCloseMaskToClose}"
+                        OffContent="No"
+                        OnContent="Yes" />
+                    <StackPanel Orientation="Horizontal">
+                        <TextBlock Text="Buttons" />
+                        <u:EnumSelector EnumType="{x:Type u:DialogButton}" Value="{Binding SelectedButton}" />
+                    </StackPanel>
+                    <Button Command="{Binding ShowDialogCommand}" Content="Show Default Drawer" />
+                    <TextBlock>
+                        <Run Text="Default Result: " />
+                        <Run Text="{Binding DefaultResult}" />
+                    </TextBlock>
+                    <TextBlock>
+                        <Run Text="Dialog Date: " />
+                        <Run Text="{Binding Date}" />
+                    </TextBlock>
+                </StackPanel>
+            </TabItem>
+            <TabItem Header="Custom">
+                <StackPanel>
+                    <u:EnumSelector EnumType="common:Position" Value="{Binding SelectedPosition}" />
+                    <ToggleSwitch
+                        Content="Global/Local"
+                        IsChecked="{Binding IsGlobal}"
+                        OffContent="Local"
+                        OnContent="Global" />
+                    <ToggleSwitch
+                        Content="ClickOnMaskToClose"
+                        IsChecked="{Binding CanCloseMaskToClose}"
+                        OffContent="No"
+                        OnContent="Yes" />
+                    <ToggleSwitch
+                        Content="ShowMask"
+                        IsChecked="{Binding ShowMask}"
+                        OffContent="No"
+                        OnContent="Yes" />
+                    <Button Command="{Binding ShowCustomDialogCommand}" Content="Show Custom Drawer" />
+                    <TextBlock>
+                        <Run Text="Custom Result: " />
+                        <Run Text="{Binding Result}" />
+                    </TextBlock>
+                    <TextBlock>
+                        <Run Text="Dialog Date: " />
+                        <Run Text="{Binding Date}" />
+                    </TextBlock>
+                </StackPanel>
+            </TabItem>
+        </TabControl>
+        <Grid Grid.Column="1" ClipToBounds="True">
+            <Border
+                BorderBrush="{DynamicResource SemiGrey1}"
+                BorderThickness="1"
+                ClipToBounds="True"
+                CornerRadius="20">
+                <u:OverlayDialogHost HostId="LocalHost">
+                    <u:OverlayDialogHost.DialogDataTemplates>
+                        <DataTemplate DataType="x:String">
+                            <TextBlock
+                                Margin="24,24,48,24"
+                                Foreground="Red"
+                                Text="{Binding Path=.}" />
+                        </DataTemplate>
+                    </u:OverlayDialogHost.DialogDataTemplates>
+                </u:OverlayDialogHost>
+            </Border>
+        </Grid>
+    </Grid>
 </UserControl>

demo/Ursa.Demo/ViewModels/DrawerDemoViewModel.cs

@@ -1,3 +1,5 @@
+using System;
+using System.Collections.ObjectModel;
 using System.Threading.Tasks;
 using System.Windows.Input;
 using Avalonia.Controls;
@@ -12,33 +14,54 @@ namespace Ursa.Demo.ViewModels;
 
 public partial class DrawerDemoViewModel: ObservableObject
 {
-    public ICommand OpenDrawerCommand { get; set; }
-    public ICommand OpenDefaultDrawerCommand { get; set; }
-    
-    [ObservableProperty] private Position _selectedPosition;
-    
+    public ICommand ShowDialogCommand { get; set; }
+    public ICommand ShowCustomDialogCommand { get; set; }
 
+    [ObservableProperty] private Position _selectedPosition;
+    [ObservableProperty] private DialogButton _selectedButton;
+    [ObservableProperty] private bool _isGlobal;
+    [ObservableProperty] private bool _canCloseMaskToClose;
+    [ObservableProperty] private DialogResult? _defaultResult;
+    [ObservableProperty] private bool _result;
+    [ObservableProperty] private bool _showMask;
+    [ObservableProperty] private DateTime? _date;
+    
+    
     public DrawerDemoViewModel()
     {
-        OpenDrawerCommand = new AsyncRelayCommand(OpenDrawer);
-        OpenDefaultDrawerCommand = new AsyncRelayCommand(OpenDefaultDrawer);
-        SelectedPosition = Position.Right;
+        ShowDialogCommand = new AsyncRelayCommand(ShowDefaultDialog);
+        ShowCustomDialogCommand = new AsyncRelayCommand(ShowCustomDrawer);
     }
-
-    private Task OpenDefaultDrawer()
+    
+    private async Task ShowDefaultDialog()
     {
-        return Drawer.Show<PlainDialog, PlainDialogViewModel, bool>(new PlainDialogViewModel(), new DefaultDrawerOptions()
-        {
-            Buttons = DialogButton.OKCancel,
-            Position = SelectedPosition,
-            Title = "Please select a date",
-            CanClickOnMaskToClose = false,
-        });
+        var vm = new PlainDialogViewModel();
+        DefaultResult = await Drawer.Show<PlainDialog, PlainDialogViewModel>(
+            vm,
+            IsGlobal ? null : "LocalHost",
+            new DefaultDrawerOptions()
+            {
+                Title = "Please select a date",
+                Position = SelectedPosition,
+                Buttons = SelectedButton,
+                CanClickOnMaskToClose = CanCloseMaskToClose,
+                ShowMask = ShowMask,
+            });
+        Date = vm.Date;
     }
-
-    private async Task OpenDrawer()
+    
+    private async Task ShowCustomDrawer()
     {
-        await Drawer.ShowCustom<DialogWithAction, DialogWithActionViewModel, bool>(new DialogWithActionViewModel(),
-            new CustomDrawerOptions() { Position = SelectedPosition, MinWidth = 400, MinHeight = 400});
+        var vm = new DialogWithActionViewModel();
+        Result = await Drawer.ShowCustom<DialogWithAction, DialogWithActionViewModel, bool>(
+            vm,
+            IsGlobal ? null : "LocalHost",
+            new CustomDrawerOptions()
+            {
+                Position = SelectedPosition,
+                CanClickOnMaskToClose = CanCloseMaskToClose,
+                ShowMask = ShowMask,
+            });
+        Date = vm.Date;
     }
 }