PDFOffice_Windows_exe/PDF Office/Views/Form/TextFieldProperty.xaml

<UserControl
    x:Class="PDF_Office.Views.Form.TextFieldProperty"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:convert="clr-namespace:PDF_Office.DataConvert"
    xmlns:cus="clr-namespace:PDF_Office.CustomControl"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:PDF_Office.Views.Form"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DesignHeight="450"
    d:DesignWidth="260"
    Background="{StaticResource color.sys.layout.mg}"
    mc:Ignorable="d">
    <UserControl.Resources>
        <ResourceDictionary>
            <convert:InvertBoolConvert x:Key="InvertBoolConvert" />
            <Style TargetType="{x:Type TabItem}">
                <Setter Property="Width" Value="74.67 " />
                <Setter Property="Height" Value="28" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="Template" Value="{DynamicResource Segmented}" />
            </Style>
            <ControlTemplate x:Key="Segmented" TargetType="{x:Type TabItem}">
                <Grid x:Name="templateRoot" SnapsToDevicePixels="True">
                    <Border
                        x:Name="mainBorder"
                        Margin="0"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="0">
                        <Border
                            x:Name="innerBorder"
                            Height="28"
                            Margin="-1"
                            Background="White"
                            BorderBrush="#FFACACAC"
                            BorderThickness="0"
                            CornerRadius="4"
                            Opacity="0" />
                    </Border>
                    <ContentPresenter
                        x:Name="contentPresenter"
                        Margin="{TemplateBinding Padding}"
                        HorizontalAlignment="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ItemsControl}}}"
                        VerticalAlignment="{Binding VerticalContentAlignment, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ItemsControl}}}"
                        Content="{TemplateBinding Header}"
                        ContentSource="Header"
                        ContentStringFormat="{TemplateBinding HeaderStringFormat}"
                        ContentTemplate="{TemplateBinding HeaderTemplate}"
                        Focusable="False"
                        RecognizesAccessKey="True"
                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                </Grid>
                <ControlTemplate.Triggers>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Left" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="mainBorder" Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                    <GradientStop Offset="0" Color="#FFECF4FC" />
                                    <GradientStop Offset="1" Color="#FFDCECFC" />
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                        <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FF7EB4EA" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,0,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,0,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Bottom" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="mainBorder" Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                    <GradientStop Offset="0" Color="#FFECF4FC" />
                                    <GradientStop Offset="1" Color="#FFDCECFC" />
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                        <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FF7EB4EA" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,0,1,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,0,1,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Right" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="mainBorder" Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                    <GradientStop Offset="0" Color="#FFECF4FC" />
                                    <GradientStop Offset="1" Color="#FFDCECFC" />
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                        <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FF7EB4EA" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="0,1,1,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="0,1,1,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="mainBorder" Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                    <GradientStop Offset="0" Color="#FFECF4FC" />
                                    <GradientStop Offset="1" Color="#FFDCECFC" />
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                        <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FF7EB4EA" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,1,0" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,1,0" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Left" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="contentPresenter" Property="Opacity" Value="0.56" />
                        <Setter TargetName="mainBorder" Property="Background" Value="#FFF0F0F0" />
                        <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FFD9D9D9" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,0,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,0,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Bottom" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="contentPresenter" Property="Opacity" Value="0.56" />
                        <Setter TargetName="mainBorder" Property="Background" Value="#FFF0F0F0" />
                        <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FFD9D9D9" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,0,1,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,0,1,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Right" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="contentPresenter" Property="Opacity" Value="0.56" />
                        <Setter TargetName="mainBorder" Property="Background" Value="#FFF0F0F0" />
                        <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FFD9D9D9" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="0,1,1,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="0,1,1,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="contentPresenter" Property="Opacity" Value="0.56" />
                        <Setter TargetName="mainBorder" Property="Background" Value="#FFF0F0F0" />
                        <Setter TargetName="mainBorder" Property="BorderBrush" Value="#FFD9D9D9" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,1,0" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,1,0" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="false" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Left" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,0,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,0,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Left" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="Panel.ZIndex" Value="1" />
                        <Setter Property="Margin" Value="-2,-2,0,-2" />
                        <Setter TargetName="innerBorder" Property="Opacity" Value="1" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,1,0,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,1,0,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="false" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Bottom" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,0,1,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,0,1,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Bottom" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="Panel.ZIndex" Value="1" />
                        <Setter Property="Margin" Value="-2,0,-2,-2" />
                        <Setter TargetName="innerBorder" Property="Opacity" Value="1" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="1,0,1,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="1,0,1,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="false" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Right" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="0,1,1,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="0,1,1,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Right" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="Panel.ZIndex" Value="1" />
                        <Setter Property="Margin" Value="0,-2,-2,-2" />
                        <Setter TargetName="innerBorder" Property="Opacity" Value="1" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="0,1,1,1" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="0,1,1,1" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="false" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="0" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="0" />
                        <Setter TargetName="mainBorder" Property="Background" Value="Transparent" />
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="true" />
                            <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type TabControl}}}" Value="Top" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="Panel.ZIndex" Value="1" />
                        <Setter Property="Margin" Value="0" />
                        <Setter TargetName="innerBorder" Property="Opacity" Value="1" />
                        <Setter TargetName="innerBorder" Property="BorderThickness" Value="0" />
                        <Setter TargetName="mainBorder" Property="BorderThickness" Value="0" />
                        <Setter TargetName="mainBorder" Property="Background" Value="Transparent" />
                    </MultiDataTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
            <SolidColorBrush x:Key="TabItem.Selected.Background" Color="#FFFFFF" />
            <SolidColorBrush x:Key="TabItem.Selected.Border" Color="#ACACAC" />
            <Style x:Key="FormTabControl" TargetType="{x:Type TabControl}">
                <Setter Property="Padding" Value="2" />
                <Setter Property="HorizontalContentAlignment" Value="Center" />
                <Setter Property="VerticalContentAlignment" Value="Center" />
                <Setter Property="Background" Value="{StaticResource TabItem.Selected.Background}" />
                <Setter Property="BorderBrush" Value="{StaticResource TabItem.Selected.Border}" />
                <Setter Property="BorderThickness" Value="1" />
                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type TabControl}">
                            <Grid
                                x:Name="templateRoot"
                                ClipToBounds="true"
                                KeyboardNavigation.TabNavigation="Local"
                                SnapsToDevicePixels="true">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition x:Name="ColumnDefinition0" />
                                    <ColumnDefinition x:Name="ColumnDefinition1" Width="0" />
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition x:Name="RowDefinition0" Height="Auto" />
                                    <RowDefinition x:Name="RowDefinition1" Height="*" />
                                </Grid.RowDefinitions>
                                <Border
                                    Grid.Row="0"
                                    Grid.Column="0"
                                    Background="{StaticResource color.sys.layout.fg.dark}"
                                    CornerRadius="4">
                                    <TabPanel
                                        x:Name="headerPanel"
                                        Margin="2"
                                        HorizontalAlignment="Center"
                                        VerticalAlignment="Center"
                                        Panel.ZIndex="1"
                                        Background="Transparent"
                                        IsItemsHost="true"
                                        KeyboardNavigation.TabIndex="1" />
                                </Border>
                                <Border
                                    x:Name="contentPanel"
                                    Grid.Row="1"
                                    Grid.Column="0"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}"
                                    KeyboardNavigation.DirectionalNavigation="Contained"
                                    KeyboardNavigation.TabIndex="2"
                                    KeyboardNavigation.TabNavigation="Local">
                                    <ContentPresenter
                                        x:Name="PART_SelectedContentHost"
                                        Margin="{TemplateBinding Padding}"
                                        ContentSource="SelectedContent"
                                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                                </Border>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="TabStripPlacement" Value="Bottom">
                                    <Setter TargetName="headerPanel" Property="Grid.Row" Value="1" />
                                    <Setter TargetName="contentPanel" Property="Grid.Row" Value="0" />
                                    <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                                    <Setter TargetName="RowDefinition1" Property="Height" Value="Auto" />
                                    <Setter TargetName="headerPanel" Property="Margin" Value="2,0,2,2" />
                                </Trigger>
                                <Trigger Property="TabStripPlacement" Value="Left">
                                    <Setter TargetName="headerPanel" Property="Grid.Row" Value="0" />
                                    <Setter TargetName="contentPanel" Property="Grid.Row" Value="0" />
                                    <Setter TargetName="headerPanel" Property="Grid.Column" Value="0" />
                                    <Setter TargetName="contentPanel" Property="Grid.Column" Value="1" />
                                    <Setter TargetName="ColumnDefinition0" Property="Width" Value="Auto" />
                                    <Setter TargetName="ColumnDefinition1" Property="Width" Value="*" />
                                    <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                                    <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
                                    <Setter TargetName="headerPanel" Property="Margin" Value="2,2,0,2" />
                                </Trigger>
                                <Trigger Property="TabStripPlacement" Value="Right">
                                    <Setter TargetName="headerPanel" Property="Grid.Row" Value="0" />
                                    <Setter TargetName="contentPanel" Property="Grid.Row" Value="0" />
                                    <Setter TargetName="headerPanel" Property="Grid.Column" Value="1" />
                                    <Setter TargetName="contentPanel" Property="Grid.Column" Value="0" />
                                    <Setter TargetName="ColumnDefinition0" Property="Width" Value="*" />
                                    <Setter TargetName="ColumnDefinition1" Property="Width" Value="Auto" />
                                    <Setter TargetName="RowDefinition0" Property="Height" Value="*" />
                                    <Setter TargetName="RowDefinition1" Property="Height" Value="0" />
                                    <Setter TargetName="headerPanel" Property="Margin" Value="0,2,2,2" />
                                </Trigger>
                                <Trigger Property="IsEnabled" Value="false">
                                    <Setter TargetName="templateRoot" Property="TextElement.Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid ScrollViewer.VerticalScrollBarVisibility="Auto">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="auto" />
        </Grid.RowDefinitions>

        <TextBlock
            Margin="16,14"
            FontFamily="Segoe UI"
            FontSize="14"
            FontWeight="SemiBold"
            Text="Text Field" />
        <TabControl
            Grid.Row="1"
            Margin="16,0"
            Padding="0"
            Background="Transparent"
            BorderThickness="0"
            Style="{DynamicResource FormTabControl}">
            <TabItem>
                <TabItem.Header>
                    <Path Data="M8.33337 2.75704L3.19495 4.5L8.33337 6.24296L9.93268 5.70047L10.7558 5.42127L11.2376 6.84178L10.4145 7.12098L8.76831 7.67937C8.49068 7.77354 8.17606 7.77354 7.89843 7.67937L1.31361 5.44579C0.999461 5.33923 0.583374 5.03874 0.583374 4.5C0.583374 3.96126 0.999461 3.66077 1.31361 3.55421L7.89843 1.32063C8.17606 1.22646 8.49068 1.22646 8.76831 1.32063L15.3531 3.55421C15.6673 3.66077 16.0834 3.96126 16.0834 4.5C16.0834 5.03874 15.6673 5.33923 15.3531 5.44579L14.53 5.72499L13.7069 6.00419L13.2251 4.58368L13.4718 4.5L8.33337 2.75704ZM8.33337 9.74993L15.1244 7.7797L15.5423 9.2203L8.7427 11.193C8.48085 11.269 8.1859 11.269 7.92405 11.193L1.1244 9.2203L1.54235 7.7797L8.33337 9.74993ZM15.1244 11.2797L8.33337 13.2499L1.54235 11.2797L1.1244 12.7203L7.92405 14.693C8.1859 14.769 8.48085 14.769 8.7427 14.693L15.5423 12.7203L15.1244 11.2797Z" Fill="{StaticResource color.light.gray.11}" />
                </TabItem.Header>
                <StackPanel Background="Transparent" IsEnabled="{Binding ElementName=ChkLock, Path=IsChecked, Converter={StaticResource InvertBoolConvert}}">
                    <TextBlock
                        Margin="0,18,0,10"
                        Style="{StaticResource PropertyHeaderLv2}"
                        Text="Name" />
                    <cus:TextBoxWithClear
                        Height="32"
                        VerticalAlignment="Center"
                        CornerRadius="4" />
                    <TextBlock />
                    <TextBox />
                    <TextBlock />
                    <ComboBox />
                    <CheckBox />
                    <CheckBox />
                </StackPanel>
            </TabItem>
            <TabItem>
                <TabItem.Header>
                    <Path Data="M2.5 2.5V4.5H10.5V2.5H2.5ZM2 1C1.44772 1 1 1.44772 1 2V5C1 5.55228 1.44771 6 2 6H11C11.5523 6 12 5.55228 12 5V3.75H13.25V6.58333H8.4C7.76487 6.58333 7.25 7.09821 7.25 7.73333V9H7C6.44772 9 6 9.44772 6 10V14C6 14.5523 6.44772 15 7 15H9C9.55228 15 10 14.5523 10 14V10C10 9.44772 9.55228 9 9 9H8.75V8.08333H13.6C14.2351 8.08333 14.75 7.56846 14.75 6.93333V3.4C14.75 2.76487 14.2351 2.25 13.6 2.25H12V2C12 1.44772 11.5523 1 11 1H2ZM7.50018 13.4998V10.5002H8.49982V13.4998H7.50018Z" Fill="{StaticResource color.light.gray.11}" />
                </TabItem.Header>
                <Grid IsEnabled="{Binding ElementName=ChkLock, Path=IsChecked, Converter={StaticResource InvertBoolConvert}}" />
            </TabItem>

            <TabItem>
                <TabItem.Header>
                    <Path Data="M4.91675 3.75V5H6.41675V1H4.91675V2.25H1.66675V3.75H4.91675ZM15.6667 3.75L7.66675 3.75V2.25L15.6667 2.25V3.75ZM1.66675 7.25V8.75H8.91675V10H10.4167V6H8.91675V7.25H1.66675ZM15.6667 8.75L11.6667 8.75V7.25L15.6667 7.25V8.75ZM7.66675 12.25V13.75L15.6667 13.75V12.25L7.66675 12.25ZM4.91675 13.75H1.66675V12.25H4.91675V11H6.41675V15H4.91675V13.75Z" Fill="{StaticResource color.light.gray.11}" />
                </TabItem.Header>
                <Grid IsEnabled="{Binding ElementName=ChkLock, Path=IsChecked, Converter={StaticResource InvertBoolConvert}}" />
            </TabItem>

        </TabControl>
        <Border
            Grid.Row="2"
            BorderBrush="{StaticResource color.sys.layout.divider}"
            BorderThickness="0,1,0,0">
            <CheckBox
                Name="ChkLock"
                Margin="16"
                Content="Locked" />
        </Border>
    </Grid>
</UserControl>