From 91c67c94906652e07a4294a06e780827d4cfad42 Mon Sep 17 00:00:00 2001
From: Dong Bin <popmessiah@hotmail.com>
Date: Fri, 18 Apr 2025 18:29:38 +0800
Subject: [PATCH] feat: polish demo.

---
 demo/Ursa.Demo/Pages/PopConfirmDemo.axaml     | 68 ++++++++++++-------
 .../Controls/PopConfirm.axaml                 |  2 +-
 2 files changed, 45 insertions(+), 25 deletions(-)

diff --git a/demo/Ursa.Demo/Pages/PopConfirmDemo.axaml b/demo/Ursa.Demo/Pages/PopConfirmDemo.axaml
index 91b0191..43b53e9 100644
--- a/demo/Ursa.Demo/Pages/PopConfirmDemo.axaml
+++ b/demo/Ursa.Demo/Pages/PopConfirmDemo.axaml
@@ -9,44 +9,64 @@
              x:DataType="viewModels:PopConfirmDemoViewModel"
              x:Class="Ursa.Demo.Pages.PopConfirmDemo">
     <StackPanel HorizontalAlignment="Left">
+        <Border Theme="{DynamicResource CardBorder}">
+            <u:Form>
+                <u:ControlClassesInput 
+                    Name="classInput"
+                    u:FormItem.Label="Control Classes"
+                    Width="240">
+                </u:ControlClassesInput>
+                <u:EnumSelector 
+                    Name="placement"
+                    Width="240"
+                    u:FormItem.Label="Popup Placement"
+                    EnumType="{x:Type PlacementMode}"
+                    Value="{x:Static PlacementMode.BottomEdgeAlignedLeft}" />
+            </u:Form>
+        </Border>
         <TextBlock Text="Default PopConfirm" Margin="0 16" />
-        <u:PopConfirm PopupHeader="确定是否要保存此修改？" PopupContent="此修改将不可逆" 
+        <u:PopConfirm PopupHeader="确定是否要保存此修改？"
+                      HorizontalAlignment="Left"
+                      PopupContent="此修改将不可逆"
+                      Placement="{Binding #placement.Value}"
                       ConfirmCommand="{Binding ConfirmCommand}"
-                      CancelCommand="{Binding Path=CancelCommand}" >
-            <Button Content="Hello World"></Button>
+                      CancelCommand="{Binding Path=CancelCommand}">
+            <Button Content="Hello World" />
         </u:PopConfirm>
         <TextBlock Text="Hover to trigger" Margin="0 16" />
-        <u:PopConfirm PopupHeader="确定是否要保存此修改？" PopupContent="此修改将不可逆" 
+        <u:PopConfirm PopupHeader="确定是否要保存此修改？"
+                      PopupContent="此修改将不可逆"
                       TriggerMode="Focus"
+                      HorizontalAlignment="Left"
+                      Placement="{Binding #placement.Value}"
                       u:ControlClassesInput.Source="{Binding #classInput}"
                       ConfirmCommand="{Binding ConfirmCommand}"
-                      CancelCommand="{Binding Path=CancelCommand}" >
-            <Button Content="Hello World"></Button>
+                      CancelCommand="{Binding Path=CancelCommand}">
+            <Button Content="Hello World" />
         </u:PopConfirm>
-        <TextBlock Text="Non-button control as main element" Margin="0 16" />
-        <u:PopConfirm PopupHeader="确定是否要保存此修改？" PopupContent="此修改将不可逆" 
+        <TextBlock
+            Text="Non-button control as main element"
+            Margin="0 16" />
+        <u:PopConfirm PopupHeader="确定是否要保存此修改？"
+                      PopupContent="此修改将不可逆"
                       TriggerMode="Click"
+                      HorizontalAlignment="Left"
                       u:ControlClassesInput.Source="{Binding #classInput}"
-                      Placement="BottomEdgeAlignedLeft"
+                      Placement="{Binding #placement.Value}"
                       ConfirmCommand="{Binding ConfirmCommand}"
-                      CancelCommand="{Binding Path=CancelCommand}" >
+                      CancelCommand="{Binding Path=CancelCommand}">
             <TextBlock Text="Hello World" />
         </u:PopConfirm>
-        <TextBlock Text="Asynchronized command support" Margin="0 16" />
-        <u:PopConfirm PopupHeader="确定是否要保存此修改？" 
-                      PopupContent="此修改将不可逆" 
+        <TextBlock Text="Asynchronized command support"
+                   Margin="0 16" />
+        <u:PopConfirm PopupHeader="确定是否要保存此修改？"
+                      PopupContent="此修改将不可逆"
+                      HorizontalAlignment="Left"
+                      Placement="{Binding #placement.Value}"
                       u:ControlClassesInput.Source="{Binding #classInput}"
                       ConfirmCommand="{Binding AsyncConfirmCommand}"
-                      CancelCommand="{Binding Path=AsyncCancelCommand}" >
-            <Button Content="Hello World"></Button>
+                      CancelCommand="{Binding Path=AsyncCancelCommand}">
+            <Button Content="Hello World" />
         </u:PopConfirm>
-        
-        <u:ControlClassesInput Name="classInput" Width="320" >
-            <u:ControlClassesInput.Styles>
-                <Style Selector="TextBox">
-                    <Setter Property="Watermark" Value="Change Classes"></Setter>
-                </Style>
-            </u:ControlClassesInput.Styles>
-        </u:ControlClassesInput>
     </StackPanel>
-</UserControl>
+</UserControl>
\ No newline at end of file
diff --git a/src/Ursa.Themes.Semi/Controls/PopConfirm.axaml b/src/Ursa.Themes.Semi/Controls/PopConfirm.axaml
index e2fa045..2142d62 100644
--- a/src/Ursa.Themes.Semi/Controls/PopConfirm.axaml
+++ b/src/Ursa.Themes.Semi/Controls/PopConfirm.axaml
@@ -5,7 +5,7 @@
     <!-- Add Resources Here -->
     <ControlTheme x:Key="{x:Type u:PopConfirm}"
                   TargetType="u:PopConfirm">
-        <Setter Property="Placement" Value="TopEdgeAlignedLeft" />
+        <Setter Property="Placement" Value="BottomEdgeAlignedLeft" />
         <Setter Property="Template">
             <ControlTemplate TargetType="u:PopConfirm">
                 <Panel>