TeamAAS-2.5/TeamAAS.Base/TeamAAS.FlowEngine/FlowEditor/FlowEditorShellView.xaml

<UserControl x:Class="TeamAAS.FlowEditor.FlowEditorShellView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:hc="https://handyorg.github.io/handycontrol"
             xmlns:fe="clr-namespace:TeamAAS.FlowEditor"
             xmlns:conv="clr-namespace:TeamAAS.FlowEditor.Converters">

    <UserControl.Resources>
        <!-- bool 取反：只读模式禁用新增流程按钮 -->
        <conv:InverseBoolConverter x:Key="InverseBoolConverter"/>

        <!-- Tab样式 -->
        <Style x:Key="FlowTabItemBorder" TargetType="Border">
            <Setter Property="Background" Value="{DynamicResource SecondaryRegionBrush}"/>
            <Setter Property="Padding" Value="14,6"/>
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="Width" Value="Auto"/>
            <Setter Property="MinWidth" Value="120"/>
            <Setter Property="MinHeight" Value="50"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsActive}" Value="True">
                    <Setter Property="Background" Value="{DynamicResource PrimaryBrush}"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
        

        <Style x:Key="FlowTabText" TargetType="TextBlock">
            <Setter Property="Foreground" Value="{DynamicResource PrimaryTextBrush}"/>
            <Setter Property="FontSize" Value="12"/>
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsActive}" Value="True">
                    <Setter Property="Foreground" Value="White"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>

    <DockPanel>
        <!-- Tab栏 -->
        <Border DockPanel.Dock="Top" Height="34"
                Background="{DynamicResource RegionBrush}"
                BorderBrush="{DynamicResource BorderBrush}" BorderThickness="0,0,0,1">
            <DockPanel>
                <CheckBox DockPanel.Dock="Right" Content="监控当前流程"
                          Command="{Binding ToggleMonitorCommand}"
                          IsChecked="{Binding IsMonitorMode, Mode=OneWay}"
                          IsEnabled="{Binding IsMonitorOptionAvailable}"
                          VerticalAlignment="Center" Margin="8,0,4,0"
                          ToolTip="仅当前产品==运行产品且正在运行时可用：勾选挂接运行态显示实时状态；切到运行产品会自动开启"/>
                <Button DockPanel.Dock="Right" Content="＋" Width="28" Height="26"
                        Command="{Binding AddFlowCommand}" ToolTip="新增流程"
                        IsEnabled="{Binding IsReadOnly, Converter={StaticResource InverseBoolConverter}}"
                        Margin="0,0,4,0" VerticalAlignment="Center"/>
                <ItemsControl ItemsSource="{Binding FlowTabs}">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Horizontal"/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Border Style="{StaticResource FlowTabItemBorder}" Margin="0,0,1,0"
                                    MouseLeftButtonDown="TabItem_MouseLeftButtonDown"
                                    VerticalAlignment="Center"
                                    MouseRightButtonDown="TabItem_MouseRightButtonDown">
                                <Grid >
                                    <TextBlock Text="{Binding Name}" FontSize="18" Style="{StaticResource FlowTabText}" Margin="0,0,10,0"
                                               ToolTip="双击重命名"  VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                    <TextBlock Text="✕" FontSize="18" Cursor="Hand"
                                               Foreground="{DynamicResource SecondaryTextBrush}"
                                               VerticalAlignment="Center"
                                               HorizontalAlignment="Right"
                                               MouseLeftButtonDown="TabClose_MouseLeftButtonDown"
                                               ToolTip="关闭"/>
                                </Grid>
                            </Border>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
            </DockPanel>
        </Border>

        <!-- 当前选中的流程编辑器 -->
        <ContentControl Content="{Binding ActiveEditorVm}">
            <ContentControl.ContentTemplate>
                <DataTemplate DataType="{x:Type fe:FlowEditorViewModel}">
                    <fe:FlowEditorView/>
                </DataTemplate>
            </ContentControl.ContentTemplate>
        </ContentControl>
    </DockPanel>
</UserControl>