feat: polish demo.

This commit is contained in:
Dong Bin
2025-04-18 18:29:38 +08:00
parent 0144285270
commit 91c67c9490
2 changed files with 45 additions and 25 deletions

View File

@@ -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>

View File

@@ -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>