ShrlAlgoToolkit/MelskinTest/MainWindow.xaml

<ms:MelWindow
    Height="800"
    Icon="/Resources/Images/ImageTest.png"
    Loaded="Window_Loaded"
    Selector.SelectionChanged="TabControl_SelectionChanged"
    Title="样式示例"
    Width="1000"
    WindowStartupLocation="CenterScreen"
    d:DataContext="{d:DesignInstance Type=test:MainWindow}"
    d:Height="Auto"
    d:SizeToContent="WidthAndHeight"
    mc:Ignorable="d"
    x:Class="MelskinTest.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:dm="clr-namespace:MelskinTest.DataModel"
    xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ms="https://github.com/ShrlAlgo/Melskin"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    xmlns:test="clr-namespace:MelskinTest"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <ms:MelWindow.TitleBarLeftContent>
        <Menu>
            <MenuItem Header="文件">
                <MenuItem Header="打开" />
                <MenuItem Header="打开最近文件...">
                    <MenuItem Header="文件01" />
                    <MenuItem Header="文件02" />
                    <MenuItem Header="文件03" />
                </MenuItem>
                <Separator />
                <MenuItem Header="保存" />
                <MenuItem Header="另存为..." />
            </MenuItem>

            <MenuItem Header="编辑">
                <MenuItem Header="删除" />
                <MenuItem
                    Header="编辑模式"
                    IsCheckable="True"
                    IsChecked="True" />
            </MenuItem>
            <MenuItem
                Header="复选"
                IsCheckable="True"
                IsChecked="True" />
            <MenuItem Header="帮助">
                <MenuItem Header="关于" />
            </MenuItem>
        </Menu>
    </ms:MelWindow.TitleBarLeftContent>
    <ms:MelWindow.TitleBarRightContent>
        <UniformGrid Rows="1">
            <ComboBox
                SelectionChanged="PrimaryColorSelectComboBox_SelectionChanged"
                Style="{StaticResource FlattenComboBoxStyle}"
                VerticalContentAlignment="Center"
                x:Name="PrimaryColorSelectComboBox">
                <ComboBoxItem>
                    <Rectangle
                        Fill="#2C63F2"
                        Height="20"
                        RadiusX="4"
                        RadiusY="4"
                        Width="30" />
                </ComboBoxItem>
                <ComboBoxItem>
                    <Rectangle
                        Fill="#2E3F36"
                        Height="20"
                        RadiusX="4"
                        RadiusY="4"
                        Width="30" />
                </ComboBoxItem>
                <ComboBoxItem>
                    <Rectangle
                        Fill="#3C2A59"
                        Height="20"
                        RadiusX="4"
                        RadiusY="4"
                        Width="30" />
                </ComboBoxItem>
            </ComboBox>
            <ms:ToggleSwitch
                Checked="ThemeToggle_OnCheckedChanged"
                Style="{StaticResource SlotToggleSwitch}"
                Unchecked="ThemeToggle_OnCheckedChanged"
                ms:ControlAssist.OffContent="{ms:Icon Nightlight}"
                ms:ControlAssist.OnContent="{ms:Icon Sunny}" />
        </UniformGrid>
    </ms:MelWindow.TitleBarRightContent>
    <ms:MelWindow.Resources>
        <ResourceDictionary>
            <test:MainViewModel x:Key="MainViewModel" />
            <!-- <ResourceDictionary.MergedDictionaries> -->
            <!-- <enu:ThemesDictionary Theme="Dark" /> -->
            <!-- <enu:ControlsDictionary /> -->
            <!-- </ResourceDictionary.MergedDictionaries> -->
            <dm:DataGridDemo x:Key="Dgd" />
            <ContextMenu x:Key="ContextMenuDemo">
                <MenuItem Header="菜单01" />
                <MenuItem Header="菜单02" />
                <Separator />
                <MenuItem Header="菜单03">
                    <MenuItem Header="菜单A1" />
                    <MenuItem Header="菜单A2" />
                    <Separator />
                    <MenuItem Header="菜单A3" />
                </MenuItem>
            </ContextMenu>

        </ResourceDictionary>

    </ms:MelWindow.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="24" />
        </Grid.RowDefinitions>
        <!--  工具栏  -->
        <ToolBarTray Margin="4,4,4,0">
            <ToolBar Foreground="{DynamicResource PrimaryFocusedBrush}" Header="工具栏">
                <Button Click="Switch_OnClick" Content="切换主题" />
                <ToggleButton Content="切换" />
                <Separator />
                <RadioButton Content="单选框A" IsChecked="True" />
                <RadioButton Content="单选框B" />
                <TextBox Text="文本框" Width="100" />
                <CheckBox Content="复选框" />
                <Separator />
                <ComboBox SelectedIndex="0" Width="100">
                    <ComboBoxItem Content="选项01" />
                    <ComboBoxItem Content="选项02" />
                    <ComboBoxItem Content="选项03" />
                </ComboBox>
            </ToolBar>
            <ToolBar Foreground="{DynamicResource PrimaryFocusedBrush}" Header="工具栏">
                <Button
                    Click="Test_OnClick"
                    Content="测试窗口"
                    x:Name="Test" />
                <Button Click="Icon_OnClick" Content="图标" />
                <Button Click="ColorPalette_OnClick" Content="配色" />
                <Button Click="ShowNeumorphism_Click" Content="Neumorphism" />
            </ToolBar>
        </ToolBarTray>
        <ms:Anchor Grid.Row="1" Margin="4">
            <ms:StackPanel Spacing="5">
                <StackPanel ms:ControlAssist.AnchorHeaderText="警告提示 Alert">
                    <StackPanel>
                        <CheckBox Content="标题" x:Name="IsBanner" />
                        <ms:Alert
                            Banner="{Binding ElementName=IsBanner, Path=IsChecked}"
                            Description="这是一个信息提示框。"
                            Margin="5"
                            Message="信息" />
                        <ms:Alert
                            Banner="{Binding ElementName=IsBanner, Path=IsChecked}"
                            Description="这是一个成功提示框。"
                            Margin="5"
                            Message="成功"
                            Type="Success" />
                        <ms:Alert
                            Banner="{Binding ElementName=IsBanner, Path=IsChecked}"
                            Closable="True"
                            Description="这是一个警告提示框。"
                            Margin="5"
                            Message="警告"
                            Type="Warning" />
                        <ms:Alert
                            Banner="{Binding ElementName=IsBanner, Path=IsChecked}"
                            Description="这是一个错误提示框。"
                            Margin="5"
                            Message="错误"
                            Type="Error" />
                    </StackPanel>
                </StackPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="通知 Toast">
                    <StackPanel>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock
                                Margin="5"
                                Text="Notification:"
                                VerticalAlignment="Center" />
                            <Button Click="LeftTopButton_Click" Content="左上" />
                            <Button Click="RightTopButton_Click" Content="右上" />
                            <Button Click="LeftBottomButton_Click" Content="左下" />
                            <Button Click="RightBottomButton_Click" Content="右下" />
                        </StackPanel>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock
                                Margin="5"
                                Text="Toast:"
                                VerticalAlignment="Center" />
                            <Button Click="Info_Click" Content="Info" />
                            <Button Click="Success_Click" Content="Success" />
                            <Button Click="Warning_Click" Content="Warning" />
                            <Button Click="Error_Click" Content="Error" />
                        </StackPanel>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock
                                Margin="5"
                                Text="Modal:"
                                VerticalAlignment="Center" />
                            <Button Click="ShowBasicModal_Click" Content="确认模态框" />
                            <Button Click="ShowAsyncModal_Click" Content="异步模态框" />
                            <Button Click="ShowInfoModal_Click" Content="消息模态框" />
                        </StackPanel>
                    </StackPanel>
                </StackPanel>

                <ms:FlexibleRowPanel ms:ControlAssist.AnchorHeaderText="文字 Text">
                    <ms:CodeBox Title="代码块">
                        <ms:CodeBox.Description>代码块基本使用</ms:CodeBox.Description>
                        <ms:CodeBox.Content>
                            <ms:FlexibleRowPanel LayoutMode="Auto">
                                <ms:Heading Size="ExtraLarge" Text="ExtraLarge" />
                                <ms:Heading Size="Large" Text="Large" />
                                <ms:Heading Size="Medium" Text="Medium" />
                                <ms:Heading Size="Normal" Text="Normal" />
                                <ms:Heading Size="Small" Text="Small" />
                                <ms:Heading Size="Tiny" Text="Tiny" />
                            </ms:FlexibleRowPanel>
                        </ms:CodeBox.Content>
                        <ms:CodeBox.Code>
                            &lt;ResourceDictionary Source="pack://application:,,,/Antd;component/Styles/Theme.xaml" /&gt;\ms
                            &lt;ResourceDictionary Source="pack://application:,,,/Antd;component/Styles/AntIcons.xaml" /&gt;\ms\ms
                            xmlns:Antd="clr-namespace:Antd.Controls;assembly=antd"\ms\ms
                            &lt;WrapPanel&gt;\ms
                            \t&lt;Antd:Tag&gt;Tag 1&lt;/Antd:Tag&gt;\ms
                            \t&lt;Antd:Tag&gt;Link&lt;/Antd:Tag&gt;\ms
                            \t&lt;Antd:Tag Closable="True"&gt;Tag 2&lt;/Antd:Tag&gt;\ms
                            \t&lt;Antd:Tag Closable="True" cal:Message.Attach="[Event Closing] = [Action Closing($source, $eventArgs)]"&gt;Prevent Default&lt;/Antd:Tag&gt;\ms
                            &lt;/WrapPanel&gt;
                        </ms:CodeBox.Code>
                    </ms:CodeBox>

                </ms:FlexibleRowPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="分隔条 Divider">
                    <ms:Divider Content="Text" Margin="0,16" />
                    <ms:Divider
                        Content="Left Text"
                        Margin="0,16"
                        TextOrientation="Left" />
                    <ms:Divider
                        Content="Right Text"
                        Margin="0,16"
                        TextOrientation="Right" />
                    <ms:FlexibleRowPanel>
                        <ms:Divider
                            Content="Text"
                            Height="20"
                            Orientation="Vertical" />
                        <Separator Height="20" Style="{StaticResource VerticalSeparatorStyle}" />
                    </ms:FlexibleRowPanel>
                </StackPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="图标、文本、标签">
                    <StackPanel>
                        <ms:FlexibleRowPanel>
                            <ms:IconElement Symbol="FontDownload" />
                            <TextBlock
                                FontFamily="{StaticResource MaterialIconFont}"
                                HorizontalAlignment="Center"
                                Margin="5"
                                Text="{ms:SymbolIcon Symbol=AddBox}"
                                VerticalAlignment="Center" />
                            <ms:IconElement
                                FontSize="14"
                                FontWeight="Regular"
                                Foreground="{DynamicResource PrimaryNormalBrush}"
                                HorizontalAlignment="Center"
                                Margin="5"
                                Symbol="Save"
                                VerticalAlignment="Center" />
                            <ms:Chip Content="必应" Url="www.bing.com">
                                <ms:Chip.Header>
                                    <ms:IconElement Symbol="Search" />
                                </ms:Chip.Header>
                            </ms:Chip>

                            <ms:Chip
                                Content="C盘"
                                HeadBackground="{DynamicResource PrimaryGradientBrush}"
                                Url="C:\">
                                <ms:Chip.Header>
                                    <ms:IconElement Symbol="HardDisk" />
                                </ms:Chip.Header>
                            </ms:Chip>
                            <ms:Chip
                                Content="C盘"
                                HeadBackground="{DynamicResource PrimaryGradientBrush}"
                                Header="标题"
                                Url="C:\" />
                        </ms:FlexibleRowPanel>
                        <ms:FlexibleRowPanel>
                            <ms:Tag Content="默认标签" />
                            <ms:Tag
                                Closable="True"
                                Content="颜色标签"
                                Foreground="{DynamicResource PrimaryNormalBrush}" />
                            <ms:Tag Closable="True" Content="多彩的" />
                            <ms:Tag
                                Background="{DynamicResource PrimaryNormalBrush}"
                                Closable="True"
                                Content="白色前景色"
                                Foreground="White" />
                            <ms:CheckableTag Content="可切换标签" IsChecked="True" />
                        </ms:FlexibleRowPanel>
                        <ms:FlexibleRowPanel>
                            <ms:Avatar>
                                <ms:IconElement Foreground="{DynamicResource PrimaryGradientBrush}" Symbol="AccountCircle" />
                            </ms:Avatar>
                            <ms:Avatar Foreground="{DynamicResource PrimaryNormalBrush}">
                                <TextBlock Margin="5" Text="Head" />
                            </ms:Avatar>
                            <ms:Badge Status="Success" />
                            <ms:Badge Count="10">
                                <Button Content="徽章" />
                            </ms:Badge>

                            <ms:Badge Count="100" OverflowCount="99">
                                <Button Content="徽章" />
                            </ms:Badge>

                            <ms:Badge Status="Warning">
                                <Button Content="徽章" />
                            </ms:Badge>
                        </ms:FlexibleRowPanel>
                    </StackPanel>
                </StackPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="普通按钮 Button">
                    <StackPanel>
                        <ms:UniformGrid
                            ColumnSpacing="0"
                            Columns="6"
                            RowSpacing="0"
                            Rows="2">
                            <Button Content="基本" ms:ControlAssist.Icon="{ms:Icon SymbolValue=SmartButton}" />
                            <Button
                                Content="禁用按钮"
                                IsEnabled="False"
                                ms:ControlAssist.Icon="{ms:Icon SymbolValue=SmartButton}" />
                            <Button
                                Content="主要"
                                ToolTip="Primary"
                                ToolTipService.Placement="Top"
                                ms:ControlAssist.AppearanceType="Primary" />
                            <Button
                                Content="禁用主要"
                                IsEnabled="False"
                                ms:ControlAssist.AppearanceType="Primary" />
                            <Button
                                Content="信息"
                                ToolTip="Info"
                                ToolTipService.Placement="Top"
                                ms:ControlAssist.AppearanceType="Info" />
                            <Button
                                Content="禁用信息"
                                IsEnabled="False"
                                ms:ControlAssist.AppearanceType="Info" />
                            <Button
                                Content="成功"
                                ToolTip="Succeed"
                                ToolTipService.InitialShowDelay="100"
                                ToolTipService.Placement="Bottom"
                                ms:ControlAssist.AppearanceType="Success" />
                            <Button
                                Content="禁用成功"
                                IsEnabled="False"
                                ms:ControlAssist.AppearanceType="Success" />

                            <Button Content="警告" ms:ControlAssist.AppearanceType="Warning" />
                            <Button
                                Content="禁用警告"
                                IsEnabled="False"
                                ms:ControlAssist.AppearanceType="Warning" />

                            <Button Content="危险" ms:ControlAssist.AppearanceType="Error" />
                            <Button
                                Content="禁用危险"
                                IsEnabled="False"
                                ms:ControlAssist.AppearanceType="Error" />
                        </ms:UniformGrid>
                        <ms:UniformGrid
                            ColumnSpacing="5"
                            Columns="7"
                            Rows="1">
                            <Button IsEnabled="False">
                                <StackPanel Orientation="Horizontal">
                                    <ms:IconElement Margin="5,0" Symbol="Box" />
                                    <TextBlock Text="图标" />
                                </StackPanel>
                            </Button>
                            <ms:Hyperlink Content="超链接" NavigateUri="www.bing.com" />
                            <Button Content="运行中..." ms:ControlAssist.IsRunning="True" />
                            <Button Content="图标" ms:ControlAssist.Icon="{ms:Icon SymbolValue=MagicButton}" />
                            <RepeatButton Content="重复按钮" IsEnabled="False" />
                            <Button Style="{StaticResource IconButtonStyle}" ms:ControlAssist.Icon="{ms:Icon SymbolValue=Add}" />
                            <Button
                                IsEnabled="False"
                                Style="{StaticResource IconButtonStyle}"
                                ms:ControlAssist.Icon="{ms:Icon SymbolValue=Add}" />
                        </ms:UniformGrid>
                    </StackPanel>
                </StackPanel>

                <StackPanel ms:ControlAssist.AnchorHeaderText="输入框 Input">
                    <ms:UniformGrid Columns="4" Rows="4">
                        <TextBox
                            Text="Regions"
                            VerticalAlignment="Top"
                            ms:InputAssist.Clearable="True" />
                        <TextBox
                            IsEnabled="False"
                            Text="禁用"
                            VerticalAlignment="Center" />
                        <TextBox
                            IsReadOnly="True"
                            Text="只读"
                            VerticalAlignment="Center" />
                        <TextBox
                            Text="123"
                            ms:InputAssist.Clearable="True"
                            ms:InputAssist.PlaceholderText="水印"
                            ms:InputAssist.Prefix="Text"
                            ms:InputAssist.Suffix="mm" />

                        <TextBox ms:InputAssist.PlaceholderText="水印" ms:InputAssist.Prefix="Prefix">
                            <ms:InputAssist.Suffix>
                                <Button
                                    Content="Search"
                                    Style="{StaticResource FlattenButtonStyle}"
                                    VerticalContentAlignment="Stretch"
                                    ms:ControlAssist.CornerRadius="0 4 4 0" />
                            </ms:InputAssist.Suffix>
                        </TextBox>
                        <TextBox ms:InputAssist.PlaceholderText="请输入用户名">
                            <ms:InputAssist.Prefix>
                                <ms:IconElement Foreground="#3F000000" Symbol="VerifiedUser" />
                            </ms:InputAssist.Prefix>
                            <ms:InputAssist.Suffix>
                                <ms:IconElement Foreground="#3F000000" Symbol="Close" />
                            </ms:InputAssist.Suffix>
                        </TextBox>
                        <TextBox
                            IsEnabled="False"
                            Text="禁用"
                            VerticalAlignment="Center" />
                        <TextBox
                            IsReadOnly="True"
                            Text="只读"
                            VerticalAlignment="Center" />

                        <PasswordBox ms:InputAssist.Password="666" />
                        <PasswordBox IsEnabled="False" ms:InputAssist.Password="666" />
                        <PasswordBox
                            ms:InputAssist.Clearable="True"
                            ms:InputAssist.IsPasswordVisible="True"
                            ms:InputAssist.Password="{Binding Password}"
                            ms:InputAssist.PlaceholderText="请输入密码" />
                        <PasswordBox
                            IsEnabled="False"
                            ms:InputAssist.Clearable="True"
                            ms:InputAssist.IsPasswordVisible="True"
                            ms:InputAssist.Password="12345" />

                        <ms:NumberBox
                            MaxValue="100"
                            MinValue="-100"
                            Precision="3"
                            Step="0.05"
                            Value="10" />
                        <ms:NumberBox
                            IsEnabled="False"
                            MaxValue="100"
                            MinValue="0"
                            Precision="3"
                            Step="0.05"
                            Value="10" />
                        <ms:NumericBox CurValue="100" Style="{StaticResource DefaultTextBoxStyle}" />
                        <ms:NumericBox
                            CurValue="100"
                            IsEnabled="False"
                            Style="{StaticResource DefaultTextBoxStyle}" />
                    </ms:UniformGrid>
                    <RichTextBox>
                        <FlowDocument>
                            <Paragraph>
                                <Bold>流文档</Bold>
                                <Run Foreground="{StaticResource PrimaryGradientBrush}">富文本框.</Run>
                            </Paragraph>
                        </FlowDocument>
                    </RichTextBox>
                </StackPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="下拉框 ComboBox">
                    <ms:FlexibleRowPanel>
                        <ComboBox IsEditable="True">
                            <ComboBoxItem Content="可编辑" />
                            <ComboBoxItem Content="选项 B" />
                            <ComboBoxItem Content="选项 C" />
                        </ComboBox>
                        <ComboBox
                            IsEditable="True"
                            IsEnabled="False"
                            SelectedIndex="0">
                            <ComboBoxItem Content="可编辑" />
                            <ComboBoxItem Content="选项 B" />
                            <ComboBoxItem Content="选项 C" />
                        </ComboBox>
                        <ComboBox SelectedIndex="0">
                            <ComboBoxItem Content="选项 A" />
                            <ComboBoxItem Content="选项 B" />
                            <ComboBoxItem Content="选项 C" />
                        </ComboBox>
                        <ComboBox IsEnabled="False" SelectedIndex="0">
                            <ComboBoxItem Content="选项 A" />
                            <ComboBoxItem Content="选项 B" />
                            <ComboBoxItem Content="选项 C" />
                        </ComboBox>
                        <ms:SearchableComboBox ms:InputAssist.PlaceholderText="搜索..">
                            <ComboBoxItem Content="选项 A" />
                            <ComboBoxItem Content="选项 B" />
                            <ComboBoxItem Content="选项 C" />
                        </ms:SearchableComboBox>
                        <ms:SearchableComboBox
                            ItemsSource="{Binding Areas}"
                            SelectedItem="{Binding SearchArea}"
                            ms:InputAssist.PlaceholderText="搜索地区.." />
                        <!--<ComboBox Style="{StaticResource FloatComboBoxStyle}">
                            <ComboBoxItem Content="选项 A" />
                            <ComboBoxItem Content="选项 B" />
                            <ComboBoxItem Content="选项 C" />
                        </ComboBox>
                        <ComboBox IsEditable="True" Style="{StaticResource FloatComboBoxStyle}">
                            <ComboBoxItem Content="选项 A" />
                            <ComboBoxItem Content="选项 B" />
                            <ComboBoxItem Content="选项 C" />
                        </ComboBox>-->
                    </ms:FlexibleRowPanel>
                    <ms:FlexibleRowPanel ms:ControlAssist.AnchorHeaderText="级联选择 Cascader">
                        <ms:Cascader
                            DisplayMemberPath="Name"
                            ItemsSource="{Binding StaffList, Mode=TwoWay}"
                            SelectedValue="{Binding SelectedItem, Mode=TwoWay}"
                            SubmenuMemberPath="Children"
                            VerticalAlignment="Top" />
                        <ms:Cascader
                            DisplayMemberPath="Name"
                            IsEnabled="False"
                            ItemsSource="{Binding StaffList, Mode=TwoWay}"
                            SelectedValue="{Binding SelectedItem, Mode=TwoWay}"
                            SubmenuMemberPath="Children"
                            VerticalAlignment="Top" />
                        <ms:Cascader
                            DisplayMemberPath="Name"
                            IsSearchable="False"
                            ItemsSource="{Binding StaffList, Mode=TwoWay}"
                            SelectedValue="{Binding SelectedItem, Mode=TwoWay}"
                            SubmenuMemberPath="Children" />
                        <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                            <TextBlock
                                FontWeight="Bold"
                                Margin="3,0"
                                Text="详情:" />
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Margin="3,0" Text="姓名: " />
                                <TextBlock Margin="3,0" Text="{Binding SelectedItem.Name, FallbackValue='N/A'}" />
                            </StackPanel>
                            <StackPanel Margin="3,0" Orientation="Horizontal">
                                <TextBlock Margin="3,0" Text="年龄: " />
                                <TextBlock Margin="3,0" Text="{Binding SelectedItem.Age, FallbackValue='N/A'}" />
                            </StackPanel>
                        </StackPanel>
                    </ms:FlexibleRowPanel>
                    <ms:FlexibleRowPanel>
                        <ms:AutoComplete
                            ItemsSource="{Binding Areas}"
                            SelectedItem="{Binding AutoArea}"
                            Text="{Binding Input, Mode=TwoWay}"
                            ms:InputAssist.PlaceholderText="请输入地区.." />
                        <ms:AutoComplete
                            ItemsSource="{Binding Areas}"
                            SelectedItem="{Binding AutoArea}"
                            Text="{Binding Input, Mode=TwoWay}"
                            ms:InputAssist.Clearable="False" />
                        <ms:AutoComplete
                            IsEnabled="False"
                            ItemsSource="{Binding Areas}"
                            SelectedItem="{Binding AutoArea}"
                            Text="{Binding AutoArea.Name, Mode=TwoWay}" />
                    </ms:FlexibleRowPanel>
                    <ms:FlexibleRowPanel Spacing="5">
                        <ms:MultiComboBox
                            DisplayMemberPath="Name"
                            ItemsSource="{Binding Areas}"
                            PlaceHolderText="请选择区域..."
                            SelectedItem="{Binding Area}"
                            SelectionMode="Single"
                            x:Name="Regions" />
                        <ms:MultiComboBox
                            DisplayMemberPath="Name"
                            IsFilteringEnabled="False"
                            ItemsSource="{Binding Areas}"
                            PlaceHolderText="请选择区域..."
                            SelectedItem="{Binding Area}"
                            SelectionMode="Single" />
                        <ms:MultiComboBox
                            DisplayMemberPath="Name"
                            ItemsSource="{Binding Areas}"
                            PlaceHolderText="请选择区域..."
                            SelectedItems="{Binding SelectedListAreas}"
                            SelectionMode="Multiple" />
                        <ms:MultiComboBox
                            IsFilteringEnabled="False"
                            ItemsSource="{Binding Areas}"
                            PlaceHolderText="请选择区域..."
                            SelectedItems="{Binding SelectedObservableAreas}"
                            SelectionMode="Multiple" />
                        <Button Command="{Binding AddAreaCommand}" Content="测试" />
                    </ms:FlexibleRowPanel>
                </StackPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="切换按钮 ToggleButton">
                    <ms:FlexibleRowPanel>
                        <ToggleButton Content="切换按钮" />
                        <ToggleButton Content="切换按钮" IsChecked="True" />
                        <ToggleButton
                            Content="禁用切换按钮"
                            IsChecked="False"
                            IsEnabled="False" />
                        <ToggleButton
                            Content="禁用切换按钮"
                            IsChecked="True"
                            IsEnabled="False" />
                    </ms:FlexibleRowPanel>
                    <ms:FlexibleRowPanel>
                        <ms:ToggleSwitch IsChecked="False" />
                        <ms:ToggleSwitch IsChecked="False" IsEnabled="False" />
                        <ms:ToggleSwitch IsChecked="True" />

                        <ms:ToggleSwitch IsChecked="True" IsEnabled="False" />

                    </ms:FlexibleRowPanel>
                </StackPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="文本标签 Label">
                    <UniformGrid Rows="1">
                        <Label Content="默认标签" />
                        <Label Content="主要标签" Style="{StaticResource LabelPrimary}" />
                        <Label Content="禁用默认标签" IsEnabled="False" />
                        <Label
                            Content="禁用主要标签"
                            IsEnabled="False"
                            Style="{StaticResource LabelPrimary}" />

                    </UniformGrid>
                </StackPanel>
                <Expander Header="折叠" />
                <StackPanel ms:ControlAssist.AnchorHeaderText="复选框 CheckBox">
                    <UniformGrid Rows="1">
                        <CheckBox Content="复选框" />
                        <CheckBox Content="复选框" IsEnabled="False" />
                        <CheckBox Content="复选框" IsChecked="{x:Null}" />
                        <CheckBox
                            Content="复选框"
                            IsChecked="{x:Null}"
                            IsEnabled="False" />
                        <CheckBox Content="复选框" IsChecked="True" />
                        <CheckBox
                            Content="复选框"
                            IsChecked="True"
                            IsEnabled="False" />
                    </UniformGrid>
                </StackPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="单选框 RadioButton">
                    <ms:FlexibleRowPanel>
                        <RadioButton
                            Content="单选按钮 A"
                            GroupName="RadioG1"
                            IsChecked="True" />
                        <RadioButton
                            Content="单选按钮 B"
                            GroupName="RadioG1"
                            IsChecked="{x:Null}" />
                        <RadioButton Content="单选按钮 C" GroupName="RadioG1" />

                        <RadioButton
                            Content="禁用单选按钮 A"
                            GroupName="RadioG2"
                            IsChecked="True"
                            IsEnabled="False" />
                        <RadioButton
                            Content="禁用单选按钮 B"
                            GroupName="RadioG2"
                            IsChecked="{x:Null}"
                            IsEnabled="False" />
                        <RadioButton
                            Content="禁用单选按钮 C"
                            GroupName="RadioG2"
                            IsEnabled="False" />
                    </ms:FlexibleRowPanel>
                </StackPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="滑动/滚动条 Slider">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <StackPanel>
                            <CheckBox Content="加载中" x:Name="IsSpining" />
                            <StackPanel Height="100" Orientation="Horizontal">
                                <Slider
                                    Maximum="100"
                                    Minimum="0"
                                    Orientation="Vertical"
                                    Value="25"
                                    x:Name="ProgressVerticalSlider" />
                                <Slider
                                    IsEnabled="False"
                                    Maximum="100"
                                    Minimum="0"
                                    Orientation="Vertical"
                                    Value="25"
                                    x:Name="ProgressVerticalSlider1" />
                                <ProgressBar
                                    Height="100"
                                    IsIndeterminate="{Binding ElementName=ProgressCheckbox, Path=IsChecked}"
                                    Maximum="100"
                                    Minimum="0"
                                    Orientation="Vertical"
                                    Value="{Binding ElementName=ProgressVerticalSlider, Path=Value}" />
                                <ProgressBar
                                    Height="100"
                                    IsEnabled="False"
                                    IsIndeterminate="{Binding ElementName=ProgressCheckbox, Path=IsChecked}"
                                    Maximum="100"
                                    Minimum="0"
                                    Orientation="Vertical"
                                    Value="{Binding ElementName=ProgressVerticalSlider, Path=Value}" />
                                <ProgressBar
                                    Height="100"
                                    IsEnabled="False"
                                    IsIndeterminate="True"
                                    Maximum="100"
                                    Minimum="0"
                                    Orientation="Vertical"
                                    Value="100" />
                            </StackPanel>
                        </StackPanel>

                        <Grid Grid.Column="1" Panel.ZIndex="10">
                            <ms:Spin Spinning="{Binding ElementName=IsSpining, Path=IsChecked}" Tip="加载中...">
                                <StackPanel x:Name="SpinPanel">
                                    <CheckBox Content="进度待定" x:Name="ProgressCheckbox" />
                                    <Slider
                                        Maximum="100"
                                        Minimum="0"
                                        Value="25"
                                        x:Name="ProgressSlider" />
                                    <Slider
                                        Maximum="100"
                                        Minimum="0"
                                        TickFrequency="10"
                                        TickPlacement="TopLeft"
                                        x:Name="ProgressTickSlider" />
                                    <Slider
                                        IsEnabled="False"
                                        Maximum="100"
                                        Minimum="0"
                                        Value="25"
                                        x:Name="ProgressSlider1" />
                                    <ProgressBar
                                        IsIndeterminate="{Binding ElementName=ProgressCheckbox, Path=IsChecked}"
                                        Maximum="100"
                                        Minimum="0"
                                        Value="{Binding ElementName=ProgressSlider, Path=Value}" />
                                    <ProgressBar
                                        IsEnabled="False"
                                        IsIndeterminate="{Binding ElementName=ProgressCheckbox, Path=IsChecked}"
                                        Maximum="100"
                                        Minimum="0"
                                        Value="{Binding ElementName=ProgressSlider, Path=Value}" />
                                </StackPanel>
                            </ms:Spin>
                            <ms:Spin
                                HorizontalAlignment="Left"
                                Spinning="{Binding ElementName=IsSpining, Path=IsChecked}"
                                Tip="加载中...">
                                <ms:Spin.Indicator>
                                    <ms:IconElement Symbol="Downloading" />
                                </ms:Spin.Indicator>
                            </ms:Spin>
                        </Grid>
                    </Grid>
                </StackPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="文件、文件夹 Browser">
                    <ms:FlexibleRowPanel>
                        <ms:ChooseBox />
                        <ms:ChooseBox IsEnabled="False" />
                    </ms:FlexibleRowPanel>
                    <UniformGrid Rows="1">
                        <ms:UploadArea
                            Accept="Image Files|*.jpg;*.jpeg;*.png;*.gif"
                            HintText="点击选择单个图片"
                            Margin="5"
                            Mode="FilesOnly" />
                        <ms:UploadArea
                            HintText="点击选择一个项目文件夹"
                            Margin="5"
                            Mode="FoldersOnly" />
                        <ms:UploadArea
                            Accept="Document Files|*.doc;*.docx;*.pdf|All Files|*.*"
                            HintText="点击或拖拽多个文档到此"
                            Margin="5"
                            Mode="FilesOnly"
                            Multiple="True" />
                        <ms:UploadArea
                            HintText="点击或拖拽多个文件夹到此"
                            Margin="5"
                            Mode="FoldersOnly"
                            Multiple="True" />
                    </UniformGrid>
                </StackPanel>

                <ms:FlexibleRowPanel LayoutMode="Auto" ms:ControlAssist.AnchorHeaderText="时间日期 DataPicker">
                    <DatePicker VerticalAlignment="Center" />
                    <Calendar Margin="5">
                        <Calendar.BlackoutDates>
                            <CalendarDateRange End="2022/7/12" Start="2022/7/10" />
                        </Calendar.BlackoutDates>
                    </Calendar>
                    <Calendar IsEnabled="False" Margin="5">
                        <Calendar.BlackoutDates>
                            <CalendarDateRange End="2025/7/12" Start="2025/7/10" />
                        </Calendar.BlackoutDates>
                    </Calendar>
                    <StackPanel VerticalAlignment="Center">
                        <ms:TimePicker ClockIdentifier="Clock12Hour" Header="TimerPicker" />
                        <ms:TimePicker />
                    </StackPanel>
                </ms:FlexibleRowPanel>
                <ms:FlexibleRowPanel ms:ControlAssist.AnchorHeaderText="颜色拾取 ColorPicker">
                    <!--<neu:ColorPickerControl />-->
                    <ms:ColorPanel />
                    <ms:ColorPicker Margin="10" SelectedColor="Black" />
                </ms:FlexibleRowPanel>
                <ms:FlexibleRowPanel ms:ControlAssist.AnchorHeaderText="树形结构 TreeView">
                    <TreeView Margin="4">
                        <TreeViewItem Header="A123" IsExpanded="True">
                            <TreeViewItem Header="B123" IsExpanded="True">
                                <TreeViewItem Header="C123" />
                            </TreeViewItem>
                            <TreeViewItem Header="B456" IsEnabled="False" />
                        </TreeViewItem>
                    </TreeView>
                    <ms:MultiTreeView>
                        <ms:MultiTreeViewItem Header="Item1">
                            <ms:MultiTreeViewItem Header="Item1">
                                <ms:MultiTreeViewItem Header="Item1" />

                                <ms:MultiTreeViewItem Header="Item1" />
                            </ms:MultiTreeViewItem>
                            <ms:MultiTreeViewItem Header="Item1" />
                        </ms:MultiTreeViewItem>
                        <ms:MultiTreeViewItem Header="Item1" />
                        <ms:MultiTreeViewItem Header="Item1" />
                    </ms:MultiTreeView>
                    <ms:MultiTreeView ItemsSource="{Binding Nodes}" SelectedItems="{Binding SelectedNodes}">
                        <ms:MultiTreeView.ItemTemplate>
                            <HierarchicalDataTemplate ItemsSource="{Binding Children}">
                                <TextBlock Text="{Binding Name}" />
                            </HierarchicalDataTemplate>
                        </ms:MultiTreeView.ItemTemplate>
                    </ms:MultiTreeView>
                </ms:FlexibleRowPanel>

                <StackPanel ms:ControlAssist.AnchorHeaderText="列表框 ListBox">
                    <ms:FlexibleRowPanel>
                        <ListBox Margin="4">
                            <ListBoxItem>SyminOmega</ListBoxItem>
                            <ListBoxItem>Celeron533</ListBoxItem>
                            <ListBoxItem>Hello World</ListBoxItem>
                            <ListBoxItem>Furry Fantasy</ListBoxItem>
                            <ListBoxItem>Item Demo</ListBoxItem>
                            <ListBoxItem>Item Demo</ListBoxItem>
                        </ListBox>
                        <ListBox
                            Margin="4"
                            SelectionMode="Multiple"
                            ms:ControlAssist.IsFlowLayout="True">
                            <ListBoxItem IsSelected="True">SyminOmega</ListBoxItem>
                            <ListBoxItem IsSelected="True">Celeron533</ListBoxItem>
                            <ListBoxItem>Hello World</ListBoxItem>
                            <ListBoxItem>Furry Fantasy</ListBoxItem>
                            <ListBoxItem>Item Demo</ListBoxItem>
                            <ListBoxItem>Item Demo</ListBoxItem>
                        </ListBox>
                        <ListBox
                            Margin="4"
                            SelectionMode="Multiple"
                            Style="{StaticResource ChipListBoxStyle}">
                            <ListBoxItem IsSelected="True">SyminOmega</ListBoxItem>
                            <ListBoxItem IsSelected="True">Celeron533</ListBoxItem>
                            <ListBoxItem>Hello World</ListBoxItem>
                            <ListBoxItem>Furry Fantasy</ListBoxItem>
                            <ListBoxItem>Item Demo</ListBoxItem>
                            <ListBoxItem>Item Demo</ListBoxItem>
                        </ListBox>

                        <ListView
                            DataContext="{StaticResource Dgd}"
                            ItemsSource="{Binding DataCollection}"
                            Margin="4">
                            <ListView.View>
                                <GridView>
                                    <GridViewColumn DisplayMemberBinding="{Binding Id}" Header="ID" />
                                    <GridViewColumn DisplayMemberBinding="{Binding Name}" Header="Name" />
                                    <GridViewColumn DisplayMemberBinding="{Binding Age}" Header="Age" />
                                    <GridViewColumn DisplayMemberBinding="{Binding Mark}" Header="Mark" />
                                    <GridViewColumn DisplayMemberBinding="{Binding Gender}" Header="Gender" />
                                </GridView>
                            </ListView.View>
                        </ListView>

                    </ms:FlexibleRowPanel>
                    <ms:FlexibleRowPanel LayoutMode="Auto" Spacing="20">
                        <UniformGrid Columns="3">
                            <ListBox
                                HorizontalAlignment="Center"
                                SelectedIndex="1"
                                Style="{StaticResource TabGroupListBoxStyle}"
                                VerticalAlignment="Center">
                                <ListBoxItem Content="Home" />
                                <ListBoxItem Content="Away" />
                                <ListBoxItem Content="Night" />
                            </ListBox>

                        </UniformGrid>

                    </ms:FlexibleRowPanel>
                </StackPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="数据展示 TabControl">
                    <WrapPanel>


                        <TabControl>
                            <TabItem Header="选项卡 1">
                                <Grid Margin="4">
                                    <!-- <Separator /> -->
                                    <DataGrid
                                        DataContext="{StaticResource Dgd}"
                                        ItemsSource="{Binding DataCollection}"
                                        Margin="4" />

                                </Grid>
                            </TabItem>
                            <TabItem Header="选项卡 2" />
                            <TabItem Header="禁用选项卡" IsEnabled="False" />
                        </TabControl>

                        <TabControl Style="{StaticResource FlattenTabControlStyle}" TabStripPlacement="Top">
                            <TabItem Header="选项卡 1">
                                <StackPanel Margin="4">
                                    <ms:NeuDataGrid
                                        BindableSelectedItems="{Binding SelectedDataGridItems, Mode=TwoWay}"
                                        CanUserAddRows="False"
                                        DataContext="{StaticResource Dgd}"
                                        ItemsSource="{Binding DataCollection}"
                                        Margin="4"
                                        x:Name="NeuDG1" />
                                    <Button
                                        Command="{Binding ShowSelectedItemsCommand}"
                                        Content="显示选中项"
                                        DataContext="{StaticResource Dgd}"
                                        VerticalAlignment="Center" />
                                </StackPanel>
                            </TabItem>
                            <TabItem Header="选项卡 2" />
                            <TabItem Header="禁用选项卡" IsEnabled="False" />
                        </TabControl>

                        <ms:NeuDataGrid
                            BindableSelectedItems="{Binding SelectedDataItems, Mode=TwoWay}"
                            HorizontalAlignment="Left"
                            ItemsSource="{Binding DataItems}"
                            Margin="5"
                            ToolTip="双击展开详情"
                            d:ItemsSource="{d:SampleData ItemCount=5}"
                            x:Name="NeuDG2">
                            <!--  RowDetailsVisibilityMode="VisibleWhenSelected"  -->
                            <!--  展开详情  -->
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="MouseDoubleClick">
                                    <i:InvokeCommandAction Command="{Binding ToggleDetailsCommand}" CommandParameter="{Binding SelectedItem, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" />
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                            <ms:NeuDataGrid.RowStyle>
                                <Style BasedOn="{StaticResource DefaultDataGridRowStyle}" TargetType="{x:Type DataGridRow}">
                                    <Setter Property="DetailsVisibility" Value="{Binding IsDetailsVisible, Converter={x:Static ms:BooleanToVisibilityConverter.CollapsedInstance}, Mode=TwoWay}" />
                                </Style>
                            </ms:NeuDataGrid.RowStyle>
                            <ms:NeuDataGrid.RowDetailsTemplate>
                                <DataTemplate>
                                    <StackPanel Margin="10">
                                        <TextBlock FontWeight="Bold" Text="详细信息:" />
                                        <StackPanel Margin="10,5,0,0" Orientation="Horizontal">
                                            <TextBlock Text="姓名: " />
                                            <TextBlock Text="{Binding Name}" />
                                        </StackPanel>
                                        <StackPanel Margin="10,5,0,0" Orientation="Horizontal">
                                            <TextBlock Text="年龄: " />
                                            <TextBlock Text="{Binding Age}" />
                                        </StackPanel>
                                    </StackPanel>
                                </DataTemplate>
                            </ms:NeuDataGrid.RowDetailsTemplate>
                            <ms:NeuDataGrid.Columns>
                                <DataGridTextColumn Binding="{Binding Name}" Header="Name" />
                                <DataGridTextColumn Binding="{Binding Age}" Header="Age" />
                            </ms:NeuDataGrid.Columns>
                        </ms:NeuDataGrid>
                        <StackPanel>
                            <ms:TreeGrid
                                ItemsSource="{Binding HierarchicalData}"
                                Margin="5"
                                d:ItemsSource="{d:SampleData ItemCount=5}">
                                <ms:TreeGrid.ItemTemplate>
                                    <HierarchicalDataTemplate DataType="{x:Type test:TreeNodeItem}" ItemsSource="{Binding Children}">
                                        <!--  使用 GridViewRowPresenter 来确保内容与表头列对齐  -->
                                        <!--  Columns 属性必须绑定到 TreeGrid 的 Columns 集合  -->
                                        <GridViewRowPresenter Columns="{Binding Columns, RelativeSource={RelativeSource AncestorType={x:Type ms:TreeGrid}}}" Content="{Binding}" />
                                    </HierarchicalDataTemplate>
                                </ms:TreeGrid.ItemTemplate>
                                <!--  直接定义 GridViewColumn 集合，就像使用 ListView 一样  -->
                                <ms:TreeGrid.Columns>
                                    <!--  第一列使用 CellTemplate 来手动添加展开按钮和内容  -->
                                    <GridViewColumn Header="任务名">
                                        <GridViewColumn.CellTemplate>
                                            <DataTemplate DataType="{x:Type test:TreeNodeItem}">
                                                <StackPanel Orientation="Horizontal">
                                                    <!--  TreeViewItem 的默认模板会提供缩进和展开按钮，我们只需要显示内容即可  -->
                                                    <TextBlock Text="{Binding Name}" VerticalAlignment="Center" />
                                                </StackPanel>
                                            </DataTemplate>
                                        </GridViewColumn.CellTemplate>
                                    </GridViewColumn>

                                    <GridViewColumn DisplayMemberBinding="{Binding Owner}" Header="安排" />

                                    <GridViewColumn DisplayMemberBinding="{Binding Status}" Header="状态" />
                                </ms:TreeGrid.Columns>

                            </ms:TreeGrid>
                            <Button
                                Command="{Binding ShowSelectedItemsCommand}"
                                Content="查看选中项"
                                Margin="10"
                                VerticalAlignment="Center" />
                        </StackPanel>
                        <ms:Accordion BorderThickness="1" Width="200">
                            <ms:AccordionItem Header="User Profile" IsExpanded="True">
                                <StackPanel Margin="10">
                                    <TextBlock Text="Name: John Doe" />
                                    <TextBlock Text="Email: john.doe@example.com" />
                                </StackPanel>
                            </ms:AccordionItem>
                            <ms:AccordionItem Header="User Profile">
                                <StackPanel Margin="10">
                                    <TextBlock Text="Name: John Doe" />
                                    <TextBlock Text="Email: john.doe@example.com" />
                                </StackPanel>
                            </ms:AccordionItem>
                            <ms:AccordionItem Header="User Profile">
                                <StackPanel Margin="10">
                                    <TextBlock Text="Name: John Doe" />
                                    <TextBlock Text="Email: john.doe@example.com" />
                                </StackPanel>
                            </ms:AccordionItem>
                            <ms:AccordionItem Header="Application Settings">
                                <StackPanel>
                                    <CheckBox Content="Enable Dark Mode" />
                                    <CheckBox Content="Auto-save every 5 minutes" />
                                </StackPanel>
                            </ms:AccordionItem>
                            <ms:AccordionItem Header="Help &amp; Support">
                                <TextBlock
                                    Margin="10"
                                    Text="For support, please visit our website."
                                    TextWrapping="Wrap" />
                            </ms:AccordionItem>
                        </ms:Accordion>
                        <ms:Accordion
                            ItemsSource="{Binding Items}"
                            Margin="10,0,0,0"
                            d:ItemsSource="{d:SampleData ItemCount=5}">
                            <ms:Accordion.ItemContainerStyle>
                                <Style BasedOn="{StaticResource AccordionItemStyle}" TargetType="{x:Type ms:AccordionItem}">
                                    <Setter Property="Header" Value="{Binding Label}" />
                                    <Setter Property="Content">
                                        <Setter.Value>
                                            <TextBlock
                                                Margin="10"
                                                Text="{Binding Value}"
                                                TextWrapping="Wrap" />
                                        </Setter.Value>
                                    </Setter>

                                </Style>
                            </ms:Accordion.ItemContainerStyle>
                        </ms:Accordion>
                        <!--  显示分页后的数据  -->
                        <ms:Pagination
                            CurrentPage="{Binding CurrentPage, Mode=TwoWay}"
                            DataContext="{StaticResource MainViewModel}"
                            HorizontalAlignment="Center"
                            Margin="0,15,0,0"
                            PageSize="{Binding PageSize, Mode=TwoWay}"
                            ShowPageInput="True"
                            TotalItems="{Binding TotalItems}" />
                    </WrapPanel>
                </StackPanel>
                <StackPanel ms:ControlAssist.AnchorHeaderText="其他 Others">
                    <ms:Breadcrumb Navigate="Breadcrumb_Navigate">
                        <ms:BreadcrumbItem
                            Content="Item1"
                            Href="Item1"
                            ToolTip="Item 3 Href属性为空将禁用" />
                        <ms:BreadcrumbItem
                            Content="Item2"
                            Href="Item2"
                            ToolTip="Item 3 Href属性为空将禁用" />
                        <ms:BreadcrumbItem Content="Item3" />
                    </ms:Breadcrumb>
                </StackPanel>
            </ms:StackPanel>
        </ms:Anchor>

        <!--  状态栏部分  -->
        <StatusBar Grid.Row="2">
            <TextBlock Text="★" />
            <TextBlock Text="状态栏" />
            <Separator />
            <TextBlock Text="消息" x:Name="TextMessage" />
        </StatusBar>
    </Grid>

</ms:MelWindow>