diff --git a/exclusion.dic b/exclusion.dic
index f0da15ba625..b58aa92bdae 100644
--- a/exclusion.dic
+++ b/exclusion.dic
@@ -105,3 +105,4 @@ Validata
 Validatable
 noselect
 Urls
+Pharmacode
diff --git a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
index 8a75fce5671..9b1879d8eb8 100644
--- a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
+++ b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
@@ -24,11 +24,11 @@
   <ItemGroup>
     <PackageReference Include="BootstrapBlazor.AntDesignIcon" Version="8.1.0" />
     <PackageReference Include="BootstrapBlazor.AzureOpenAI" Version="8.1.0" />
-    <PackageReference Include="BootstrapBlazor.AzureTranslator" Version="8.1.0" />
-    <PackageReference Include="BootstrapBlazor.BaiduSpeech" Version="8.1.0" />
+    <PackageReference Include="BootstrapBlazor.AzureTranslator" Version="8.1.1" />
+    <PackageReference Include="BootstrapBlazor.BaiduSpeech" Version="8.1.1" />
     <PackageReference Include="BootstrapBlazor.BaiduOcr" Version="8.1.1" />
     <PackageReference Include="BootstrapBlazor.BarCode" Version="8.0.2" />
-    <PackageReference Include="BootstrapBlazor.BarcodeGenerator" Version="0.1.1" />
+    <PackageReference Include="BootstrapBlazor.BarcodeGenerator" Version="8.1.0" />
     <PackageReference Include="BootstrapBlazor.Bluetooth" Version="8.0.2" />
     <PackageReference Include="BootstrapBlazor.BootstrapIcon" Version="8.0.3" />
     <PackageReference Include="BootstrapBlazor.BootstrapIcon.Extensions" Version="8.0.6" />
@@ -42,7 +42,7 @@
     <PackageReference Include="BootstrapBlazor.FileViewer" Version="8.1.1" />
     <PackageReference Include="BootstrapBlazor.FontAwesome" Version="8.0.6" />
     <PackageReference Include="BootstrapBlazor.Gantt" Version="8.0.1" />
-    <PackageReference Include="BootstrapBlazor.Holiday" Version="8.0.1" />
+    <PackageReference Include="BootstrapBlazor.Holiday" Version="8.1.0" />
     <PackageReference Include="BootstrapBlazor.Html2Pdf" Version="8.2.1" />
     <PackageReference Include="BootstrapBlazor.IconPark" Version="8.0.4" />
     <PackageReference Include="BootstrapBlazor.ImageCropper" Version="8.1.0" />
@@ -61,7 +61,7 @@
     <PackageReference Include="BootstrapBlazor.Sortable" Version="8.0.6" />
     <PackageReference Include="BootstrapBlazor.Splitting" Version="8.0.0" />
     <PackageReference Include="BootstrapBlazor.SvgEditor" Version="8.1.0" />
-    <PackageReference Include="BootstrapBlazor.SummerNote" Version="8.0.4" />
+    <PackageReference Include="BootstrapBlazor.SummerNote" Version="8.1.0" />
     <PackageReference Include="BootstrapBlazor.TableExport" Version="8.3.0" />
     <PackageReference Include="BootstrapBlazor.TagHelper" Version="8.0.1" />
     <PackageReference Include="BootstrapBlazor.Topology" Version="8.1.0" />
diff --git a/src/BootstrapBlazor.Server/Components/Components/BarcodeGenerateSettings.razor b/src/BootstrapBlazor.Server/Components/Components/BarcodeGenerateSettings.razor
new file mode 100644
index 00000000000..1d06c18b3bb
--- /dev/null
+++ b/src/BootstrapBlazor.Server/Components/Components/BarcodeGenerateSettings.razor
@@ -0,0 +1,66 @@
+@inject IStringLocalizer<BarcodeGenerateSettings> Localizer
+
+<GroupBox Title="@Localizer["BarcodeGeneratorGroupBoxText"]">
+    <div class="row form-inline g-3">
+        <div class="col-12 col-sm-6">
+            <BootstrapInput Value="Value" ShowLabel="true" UseInputEvent="true" OnValueChanged="OnValueChanged" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Select @bind-Value="Format" OnValueChanged="OnFormatChanged" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Slider @bind-Value="Width" Min="1" Max="6" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Slider @bind-Value="Height" Min="10" Max="300" Step="5" ShowLabel="true" />
+        </div>
+        <div class="col-12">
+            <Slider @bind-Value="Margin" Min="-30" Max="100" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Slider @bind-Value="MarginLeft" Min="-30" Max="100" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Slider @bind-Value="MarginTop" Min="-30" Max="100" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Slider @bind-Value="MarginRight" Min="-30" Max="100" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Slider @bind-Value="MarginBottom" Min="-30" Max="100" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <ColorPicker @bind-Value="Background" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <ColorPicker @bind-Value="LineColor" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Switch @bind-Value="DisplayValue" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <BootstrapInput @bind-Value="Text" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Select @bind-Value="TextAlign" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Select @bind-Value="TextPosition" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Select @bind-Value="Font" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Select @bind-Value="FontOptions" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Slider @bind-Value="FontSize" Min="8" Max="52" ShowLabel="true" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Slider @bind-Value="TextMargin" Min="-30" Max="100" ShowLabel="true" />
+        </div>
+        <div class="col-12">
+            <Textarea Value="@SvgString" DisplayText="Svg" ShowLabel="true" readonly />
+        </div>
+    </div>
+</GroupBox>
diff --git a/src/BootstrapBlazor.Server/Components/Components/BarcodeGenerateSettings.razor.cs b/src/BootstrapBlazor.Server/Components/Components/BarcodeGenerateSettings.razor.cs
new file mode 100644
index 00000000000..3900805f5ce
--- /dev/null
+++ b/src/BootstrapBlazor.Server/Components/Components/BarcodeGenerateSettings.razor.cs
@@ -0,0 +1,338 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+namespace BootstrapBlazor.Server.Components.Components;
+
+/// <summary>
+/// BarcodeGenerateSettings 组件
+/// </summary>
+public partial class BarcodeGenerateSettings
+{
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public BarcodeGeneratorOption Options { get; set; } = new();
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public EventCallback<BarcodeGeneratorOption> OptionsChanged { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public string Value { get; set; } = "12345";
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public EventCallback<string> ValueChanged { get; set; }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Parameter]
+    public string SvgString { get; set; } = "";
+
+    private async Task OnValueChanged(string v)
+    {
+        Value = v;
+        if (ValueChanged.HasDelegate)
+        {
+            await ValueChanged.InvokeAsync(Value);
+        }
+    }
+
+    private async Task OnFormatChanged(EnumBarcodeFormat format)
+    {
+        Value = DefaultValues[format.ToString()];
+        if (ValueChanged.HasDelegate)
+        {
+            await ValueChanged.InvokeAsync(Value);
+        }
+        Options.Format = format;
+        await TriggerOptionsChanged();
+    }
+
+    private async Task TriggerOptionsChanged()
+    {
+        if (OptionsChanged.HasDelegate)
+        {
+            await OptionsChanged.InvokeAsync(Options);
+        }
+    }
+
+    private readonly Dictionary<string, string> DefaultValues = new()
+    {
+        { "CODE128", "Example 1234"},
+        { "CODE128A", "EXAMPLE"},
+        { "CODE128B", "Example text"},
+        { "CODE128C", "12345678"},
+        { "EAN13", "1234567890128"},
+        { "EAN8", "12345670"},
+        { "EAN5", "12340"},
+        { "EAN2", "10"},
+        { "UPC", "123456789999"},
+        { "CODE39", "EXAMPLE TEXT"},
+        { "ITF14", "10012345000017"},
+        { "ITF", "123456"},
+        { "MSI", "123456"},
+        { "MSI10", "123456"},
+        { "MSI11", "123456"},
+        { "MSI1010", "123456"},
+        { "MSI1110", "123456"},
+        { "Pharmacode", "1234"}
+    };
+
+    private bool Flat
+    {
+        get
+        {
+            return Options.Flat ?? false;
+        }
+        set
+        {
+            Options.Flat = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private bool DisplayValue
+    {
+        get
+        {
+            return Options.DisplayValue ?? true;
+        }
+        set
+        {
+            Options.DisplayValue = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private string? Text
+    {
+        get
+        {
+            return Options.Text ?? "";
+        }
+        set
+        {
+            Options.Text = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private EnumBarcodeFormat Format
+    {
+        get
+        {
+            return Options.Format ?? EnumBarcodeFormat.CODE128;
+        }
+        set
+        {
+            Options.Format = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private EnumBarcodeTextAlign TextAlign
+    {
+        get
+        {
+            return Options.TextAlign ?? EnumBarcodeTextAlign.Center;
+        }
+        set
+        {
+            Options.TextAlign = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private EnumBarcodeTextFont Font
+    {
+        get
+        {
+            return Options.Font ?? EnumBarcodeTextFont.Monospace;
+        }
+        set
+        {
+            Options.Font = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private EnumBarcodeTextFontOption FontOptions
+    {
+        get
+        {
+            return Options.FontOptions ?? EnumBarcodeTextFontOption.Normal;
+        }
+        set
+        {
+            Options.FontOptions = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private int FontSize
+    {
+        get
+        {
+            return Options.FontSize ?? 20;
+        }
+        set
+        {
+            Options.FontSize = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private int TextMargin
+    {
+        get
+        {
+            return Options.TextMargin ?? 2;
+        }
+        set
+        {
+            Options.TextMargin = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private EnumBarcodeTextPosition TextPosition
+    {
+        get
+        {
+            return Options.TextPosition ?? EnumBarcodeTextPosition.Bottom;
+        }
+        set
+        {
+            Options.TextPosition = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private string Background
+    {
+        get
+        {
+            return Options.Background ?? "#FFFFFF";
+        }
+        set
+        {
+            Options.Background = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private string LineColor
+    {
+        get
+        {
+            return Options.LineColor ?? "#000000";
+        }
+        set
+        {
+            Options.LineColor = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private int Width
+    {
+        get
+        {
+            return Options.Width ?? 2;
+        }
+        set
+        {
+            Options.Width = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private int Height
+    {
+        get
+        {
+            return Options.Height ?? 100;
+        }
+        set
+        {
+            Options.Height = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private int Margin
+    {
+        get
+        {
+            return Options.Margin ?? 10;
+        }
+        set
+        {
+            Options.Margin = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private int MarginLeft
+    {
+        get
+        {
+            return Options.MarginLeft ?? 10;
+        }
+        set
+        {
+            Options.MarginLeft = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private int MarginTop
+    {
+        get
+        {
+            return Options.MarginTop ?? 10;
+        }
+        set
+        {
+            Options.MarginTop = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private int MarginRight
+    {
+        get
+        {
+            return Options.MarginRight ?? 10;
+        }
+        set
+        {
+            Options.MarginRight = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+
+    private int MarginBottom
+    {
+        get
+        {
+            return Options.MarginBottom ?? 10;
+        }
+        set
+        {
+            Options.MarginBottom = value;
+            _ = TriggerOptionsChanged();
+        }
+    }
+}
diff --git a/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor b/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor
index 60434775747..ef03326fdd1 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor
@@ -6,113 +6,12 @@
 <PackageTips Name="BootstrapBlazor.BarcodeGenerator" />
 
 <DemoBlock Title="@Localizer["BarcodeGeneratorNormalText"]" Introduction="@Localizer["BarcodeGeneratorNormalIntro"]" Name="Normal">
-    <div class="col-12" style="text-align: center; vertical-align: middle;">
-        <BarCodeGenerator Value="@value" Options="Options" OnResult="OnResult" />
-    </div>
-    <GroupBox Title="@Localizer["BarcodeGeneratorGroupBoxText"]">
-        <div class="row form-inline g-3">
-            <div class="col-12 col-sm-6 col-lg-4">
-                <BootstrapInput @bind-Value="value" ShowLabel="true" UseInputEvent="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Select @bind-Value="Options.Type" OnValueChanged="OnValueChanged" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Slider @bind-Value="Options.Width" Min="1" Max="6" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Slider @bind-Value="Options.Height" Min="10" Max="300" Step="5" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Slider @bind-Value="Options.Margin" Min="-30" Max="100" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Switch @bind-Value="Options.Flat" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <ColorPicker @bind-Value="Options.Background" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <ColorPicker @bind-Value="Options.LineColor" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Switch @bind-Value="Options.DisplayValue" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <BootstrapInput ShowLabel="true" @bind-Value="Options.Text" UseInputEvent="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Select @bind-Value="Options.TextAlign" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Select @bind-Value="Options.TextPosition" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Select @bind-Value="Options.Font" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Select @bind-Value="Options.FontOptions" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Slider @bind-Value="Options.FontSize" Min="8" Max="52" ShowLabel="true" />
-            </div>
-            <div class="col-12 col-sm-6 col-lg-4">
-                <Slider @bind-Value="Options.TextMargin" Min="-30" Max="100" ShowLabel="true" />
-            </div>
-            <div class="col-12">
-                <Textarea Value="@svg" DisplayText="SVG" ShowLabel="true" />
-            </div>
-        </div>
-    </GroupBox>
-</DemoBlock>
-
-<DemoBlock Title="@Localizer["BarcodeGeneratorBatchText"]" Introduction="@Localizer["BarcodeGeneratorBatchIntro"]" Name="Batch">
-    <div class="row g-3">
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Type="EnumBarcodeType.CODE128" Value="Hi!" />
-        </div>
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Type="EnumBarcodeType.EAN13" Value="1234567890128" />
-        </div>
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Type="EnumBarcodeType.EAN8" Value="12345670" />
-        </div>
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Type="EnumBarcodeType.EAN5" Value="12345" />
-        </div>
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Type="EnumBarcodeType.EAN2" Value="12" />
-        </div>
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Type="EnumBarcodeType.UPC" Value="123456789012" />
-        </div>
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Type="EnumBarcodeType.CODE39" Value="Hello" />
-        </div>
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Type="EnumBarcodeType.ITF14" Value="1234567890123" />
-        </div>
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Type="EnumBarcodeType.ITF14" Value="123456" />
-        </div>
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Type="EnumBarcodeType.MSI" Value="12345" />
-        </div>
-    </div>
-</DemoBlock>
-
-<DemoBlock Title="@Localizer["BarcodeGeneratorSimpleText"]" Introduction="@Localizer["BarcodeGeneratorSimpleIntro"]" Name="Simple">
-    <div class="row g-3">
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Options="Options1" />
-        </div>
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Options="Options2" />
-        </div>
-        <div class="col-12 col-sm-6 col-lg-4">
-            <BarCodeGenerator Options="Options3" />
-        </div>
+    <div class="text-center">
+        <BarcodeGenerator Value="@Value" Options="Options" OnCompletedAsync="OnCompletedAsync"></BarcodeGenerator>
     </div>
+    <section ignore>
+        <BarcodeGenerateSettings @bind-Value="Value" @bind-Options="Options" SvgString="@_svgString"></BarcodeGenerateSettings>
+    </section>
 </DemoBlock>
 
 <AttributeTable Items="@GetAttributes()" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor.cs
index 4a908718286..40fdccb8c5f 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor.cs
@@ -11,79 +11,16 @@ namespace BootstrapBlazor.Server.Components.Samples;
 /// </summary>
 public partial class BarcodeGenerators
 {
-
     private BarcodeGeneratorOption Options { get; set; } = new();
 
-    private BarcodeGeneratorOption Options1 { get; set; } = new()
-    {
-        Value = "Hi!",
-        FontSize = 40,
-        Background = "#4b8b7f",
-        LineColor = "#ffffff",
-        Margin = 40,
-        TextMargin = 80
-    };
-
-    private BarcodeGeneratorOption Options2 { get; set; } = new()
-    {
-        Value = "Hi!",
-        TextAlign = EnumBarcodeTextAlign.left,
-        TextPosition = EnumTextPosition.top,
-        Font = EnumBarcodeFont.Cursive,
-        FontOptions = EnumBarcodeFontOption.bold,
-        FontSize = 40,
-        TextMargin = 15,
-        Text = "Special"
-    };
-
-
-    private BarcodeGeneratorOption Options3 { get; set; } = new()
-    {
-        Value = "1234",
-        Type = EnumBarcodeType.pharmacode,
-        DisplayValue = false,
-        Height = 50,
-        Width = 6
-    };
+    private string Value { get; set; } = "12345";
 
+    private string? _svgString;
 
-    private Dictionary<string, string> defaultValues = new Dictionary<string, string>()
+    private Task OnCompletedAsync(string? val)
     {
-        { "CODE128", "Example 1234"},
-        { "CODE128A", "EXAMPLE"},
-        { "CODE128B", "Example text"},
-        { "CODE128C", "12345678"},
-        { "EAN13", "1234567890128"},
-        { "EAN8", "12345670"},
-        { "EAN5", "12340"},
-        { "EAN2", "10"},
-        { "UPC", "123456789999"},
-        { "CODE39", "EXAMPLE TEXT"},
-        { "ITF14", "10012345000017"},
-        { "ITF", "123456"},
-        { "MSI", "123456"},
-        { "MSI10", "123456"},
-        { "MSI11", "123456"},
-        { "MSI1010", "123456"},
-        { "MSI1110", "123456"},
-        { "pharmacode", "1234"}
-    };
-
-    [DisplayName("条码文字")]
-    private string? value { get; set; } = "12345";
-
-    [DisplayName("SVG内容")]
-    private string? svg { get; set; }
-
-    private Task OnResult(string value)
-    {
-        svg = value;
-        return Task.CompletedTask;
-    }
-
-    private Task OnValueChanged(EnumBarcodeType type)
-    {
-        value = defaultValues[type.ToString()];
+        _svgString = val;
+        StateHasChanged();
         return Task.CompletedTask;
     }
 
@@ -95,41 +32,25 @@ protected AttributeItem[] GetAttributes() =>
     [
         new()
         {
-            Name = nameof(BarCodeGenerator.Type),
-            Description = Localizer[nameof(BarCodeGenerator.Type)].Value,
-            Type = "EnumBarcodeType",
-            ValueList = "CODE128 / CODE128A / CODE128B / CODE128C / EAN13 / EAN8 / EAN5 / EAN2 / UPC / CODE39 / ITF14 / ITF / MSI / MSI10 / MSI11 / MSI1010 / MSI1110 / pharmacode",
-            DefaultValue = "'auto' (CODE128)"
-        },
-        new()
-        {
-            Name = nameof(BarCodeGenerator.Value),
-            Description = Localizer[nameof(BarCodeGenerator.Value)].Value,
+            Name = nameof(BarcodeGenerator.Value),
+            Description = Localizer[nameof(BarcodeGenerator.Value)],
             Type = "string",
             ValueList = " — ",
             DefaultValue = " — "
         },
         new()
         {
-            Name = nameof(BarCodeGenerator.Options),
-            Description = Localizer[nameof(BarCodeGenerator.Options)].Value,
-            Type = "BarcodeGeneratorOption",
-            ValueList = " — ",
-            DefaultValue = " — "
-        },
-        new()
-        {
-            Name = nameof(BarCodeGenerator.OnResult),
-            Description = Localizer[nameof(BarCodeGenerator.OnResult)].Value,
-            Type = "Func",
+            Name = nameof(BarcodeGenerator.Options),
+            Description = Localizer[nameof(BarcodeGenerator.Options)],
+            Type = nameof(BarcodeGeneratorOption),
             ValueList = " — ",
             DefaultValue = " — "
         },
         new()
         {
-            Name = nameof(BarCodeGenerator.OnError),
-            Description = Localizer[nameof(BarCodeGenerator.OnError)].Value,
-            Type = "Func",
+            Name = nameof(BarcodeGenerator.OnCompletedAsync),
+            Description = Localizer[nameof(BarcodeGenerator.OnCompletedAsync)],
+            Type = "Func<string?, Task>",
             ValueList = " — ",
             DefaultValue = " — "
         }
@@ -143,24 +64,16 @@ protected AttributeItem[] GetOptionsAttributes() =>
     [
         new()
         {
-            Name = nameof(BarcodeGeneratorOption.Type),
-            Description = Localizer[nameof(BarcodeGeneratorOption.Type)].Value,
-            Type = "EnumBarcodeType",
-            ValueList = "CODE128 / CODE128A / CODE128B / CODE128C / EAN13 / EAN8 / EAN5 / EAN2 / UPC / CODE39 / ITF14 / ITF / MSI / MSI10 / MSI11 / MSI1010 / MSI1110 / pharmacode",
-            DefaultValue = "'auto' (CODE128)"
-        },
-        new()
-        {
-            Name = nameof(BarcodeGeneratorOption.Value),
-            Description = Localizer[nameof(BarcodeGeneratorOption.Value)].Value,
-            Type = "string",
+            Name = nameof(BarcodeGeneratorOption.Format),
+            Description = Localizer[nameof(BarcodeGeneratorOption.Format)],
+            Type = nameof(EnumBarcodeFormat),
             ValueList = " — ",
-            DefaultValue = " — "
+            DefaultValue = "CODE128"
         },
         new()
         {
             Name = nameof(BarcodeGeneratorOption.Width),
-            Description = Localizer[nameof(BarcodeGeneratorOption.Width)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.Width)],
             Type = "int",
             ValueList = " — ",
             DefaultValue = "2"
@@ -168,7 +81,7 @@ protected AttributeItem[] GetOptionsAttributes() =>
         new()
         {
             Name = nameof(BarcodeGeneratorOption.Height),
-            Description = Localizer[nameof(BarcodeGeneratorOption.Height)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.Height)],
             Type = "int",
             ValueList = " — ",
             DefaultValue = "100"
@@ -176,7 +89,7 @@ protected AttributeItem[] GetOptionsAttributes() =>
         new()
         {
             Name = nameof(BarcodeGeneratorOption.DisplayValue),
-            Description = Localizer[nameof(BarcodeGeneratorOption.DisplayValue)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.DisplayValue)],
             Type = "bool",
             ValueList = " — ",
             DefaultValue = "true"
@@ -184,7 +97,7 @@ protected AttributeItem[] GetOptionsAttributes() =>
         new()
         {
             Name = nameof(BarcodeGeneratorOption.Text),
-            Description = Localizer[nameof(BarcodeGeneratorOption.Text)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.Text)],
             Type = "string",
             ValueList = " - ",
             DefaultValue = " - "
@@ -192,39 +105,39 @@ protected AttributeItem[] GetOptionsAttributes() =>
         new()
         {
             Name = nameof(BarcodeGeneratorOption.FontOptions),
-            Description = Localizer[nameof(BarcodeGeneratorOption.FontOptions)].Value,
-            Type = "EnumBarcodeFontOption",
-            ValueList = "normal / bold / italic / bold italic",
-            DefaultValue = "2"
+            Description = Localizer[nameof(BarcodeGeneratorOption.FontOptions)],
+            Type = nameof(EnumBarcodeTextFontOption),
+            ValueList = " — ",
+            DefaultValue = " — "
         },
         new()
         {
             Name = nameof(BarcodeGeneratorOption.Font),
-            Description = Localizer[nameof(BarcodeGeneratorOption.Font)].Value,
-            Type = "EnumBarcodeFont",
-            ValueList = "Monospace / SansSerif / Serif / Fantasy / Cursive",
-            DefaultValue = "Monospace"
+            Description = Localizer[nameof(BarcodeGeneratorOption.Font)],
+            Type = nameof(EnumBarcodeTextFont),
+            ValueList = " — ",
+            DefaultValue = " — "
         },
         new()
         {
             Name = nameof(BarcodeGeneratorOption.TextAlign),
-            Description = Localizer[nameof(BarcodeGeneratorOption.TextAlign)].Value,
-            Type = "EnumBarcodeTextAlign",
-            ValueList = "left / center / right",
-            DefaultValue = "center"
+            Description = Localizer[nameof(BarcodeGeneratorOption.TextAlign)],
+            Type = nameof(EnumBarcodeTextAlign),
+            ValueList = " — ",
+            DefaultValue = " — "
         },
         new()
         {
             Name = nameof(BarcodeGeneratorOption.TextPosition),
-            Description = Localizer[nameof(BarcodeGeneratorOption.TextPosition)].Value,
-            Type = "EnumTextPosition",
-            ValueList = "bottom / top",
-            DefaultValue = "bottom"
+            Description = Localizer[nameof(BarcodeGeneratorOption.TextPosition)],
+            Type = nameof(EnumBarcodeTextPosition),
+            ValueList = " — ",
+            DefaultValue = " — "
         },
         new()
         {
             Name = nameof(BarcodeGeneratorOption.TextMargin),
-            Description = Localizer[nameof(BarcodeGeneratorOption.TextMargin)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.TextMargin)],
             Type = "int",
             ValueList = " — ",
             DefaultValue = "2"
@@ -232,7 +145,7 @@ protected AttributeItem[] GetOptionsAttributes() =>
         new()
         {
             Name = nameof(BarcodeGeneratorOption.FontSize),
-            Description = Localizer[nameof(BarcodeGeneratorOption.FontSize)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.FontSize)],
             Type = "int",
             ValueList = " — ",
             DefaultValue = "20"
@@ -240,15 +153,15 @@ protected AttributeItem[] GetOptionsAttributes() =>
         new()
         {
             Name = nameof(BarcodeGeneratorOption.Background),
-            Description = Localizer[nameof(BarcodeGeneratorOption.TextPosition)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.TextPosition)],
             Type = "string",
             ValueList = " — ",
-            DefaultValue = "#ffffff"
+            DefaultValue = "#FFFFFF"
         },
         new()
         {
             Name = nameof(BarcodeGeneratorOption.LineColor),
-            Description = Localizer[nameof(BarcodeGeneratorOption.LineColor)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.LineColor)],
             Type = "string",
             ValueList = " — ",
             DefaultValue = "#000000"
@@ -256,7 +169,7 @@ protected AttributeItem[] GetOptionsAttributes() =>
         new()
         {
             Name = nameof(BarcodeGeneratorOption.Margin),
-            Description = Localizer[nameof(BarcodeGeneratorOption.Margin)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.Margin)],
             Type = "int",
             ValueList = " — ",
             DefaultValue = "10"
@@ -264,39 +177,39 @@ protected AttributeItem[] GetOptionsAttributes() =>
         new()
         {
             Name = nameof(BarcodeGeneratorOption.MarginTop),
-            Description = Localizer[nameof(BarcodeGeneratorOption.MarginTop)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.MarginTop)],
             Type = "int",
             ValueList = " — ",
-            DefaultValue = " - "
-        }, 
+            DefaultValue = " — "
+        },
         new()
         {
             Name = nameof(BarcodeGeneratorOption.MarginBottom),
-            Description = Localizer[nameof(BarcodeGeneratorOption.MarginBottom)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.MarginBottom)],
             Type = "int",
             ValueList = " — ",
-            DefaultValue = " - "
-        }, 
+            DefaultValue = " — "
+        },
         new()
         {
             Name = nameof(BarcodeGeneratorOption.MarginLeft),
-            Description = Localizer[nameof(BarcodeGeneratorOption.MarginLeft)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.MarginLeft)],
             Type = "int",
             ValueList = " — ",
-            DefaultValue = " - "
-        }, 
+            DefaultValue = " — "
+        },
         new()
         {
             Name = nameof(BarcodeGeneratorOption.MarginRight),
-            Description = Localizer[nameof(BarcodeGeneratorOption.MarginRight)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.MarginRight)],
             Type = "int",
             ValueList = " — ",
-            DefaultValue = " - "
-        }, 
+            DefaultValue = " — "
+        },
         new()
         {
             Name = nameof(BarcodeGeneratorOption.Flat),
-            Description = Localizer[nameof(BarcodeGeneratorOption.Flat)].Value,
+            Description = Localizer[nameof(BarcodeGeneratorOption.Flat)],
             Type = "bool",
             ValueList = "true|false",
             DefaultValue = "false"
diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json
index d4df57c9592..4e191485e95 100644
--- a/src/BootstrapBlazor.Server/Locales/en-US.json
+++ b/src/BootstrapBlazor.Server/Locales/en-US.json
@@ -6520,16 +6520,10 @@
   "BootstrapBlazor.Server.Components.Samples.BarcodeGenerators": {
     "Title": "Barcode generator",
     "BarcodeGeneratorNormalText": "Barcode Generator",
-    "BarcodeGeneratorNormalIntro": "Complete parameter setting",
-    "BarcodeGeneratorGroupBoxText": "Parameters",
-    "BarcodeGeneratorBatchText": "Batch Demo",
-    "BarcodeGeneratorBatchIntro": "Batch setting parameters",
-    "BarcodeGeneratorSimpleText": "Simple",
-    "BarcodeGeneratorSimpleIntro": "Simple configuration parameters",
-    "OnResult": "Barcode generation (svg) callback method",
-    "OnError": "Error callback method",
+    "BarcodeGeneratorNormalIntro": "Renders a one-dimensional barcode in the corresponding format by giving the <code>Value</code> value",
+    "OnCompletedAsync": "Barcode generation (svg) callback method",
     "Options": "Barcode options",
-    "Type": "Barcode type",
+    "Format": "Barcode format",
     "Value": "Barcode value",
     "Width": "Width of a single bar",
     "Height": "Height of the barcode",
diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json
index f5a7733b618..182a0ccee92 100644
--- a/src/BootstrapBlazor.Server/Locales/zh-CN.json
+++ b/src/BootstrapBlazor.Server/Locales/zh-CN.json
@@ -6520,16 +6520,10 @@
   "BootstrapBlazor.Server.Components.Samples.BarcodeGenerators": {
     "Title": "BarcodeGenerator 条码生成器",
     "BarcodeGeneratorNormalText": "条码生成器",
-    "BarcodeGeneratorNormalIntro": "完整设置参数演示",
-    "BarcodeGeneratorGroupBoxText": "参数",
-    "BarcodeGeneratorBatchText": "批量演示",
-    "BarcodeGeneratorBatchIntro": "批量设置参数",
-    "BarcodeGeneratorSimpleText": "简单配置",
-    "BarcodeGeneratorSimpleIntro": "简单配置参数",
-    "OnResult": "条码生成(svg)回调方法",
-    "OnError": "错误回调方法",
+    "BarcodeGeneratorNormalIntro": "通过给定 <code>Value</code> 值渲染成相对应格式的一维条码",
+    "OnCompletedAsync": "条码生成(svg)回调方法",
     "Options": "条码选项",
-    "Type": "条码类型",
+    "Format": "条码类型",
     "Value": "条码值",
     "Width": "单个条形的宽度",
     "Height": "条形码的高度",
diff --git a/test/UnitTest/Converters/JsonDescriptionEnumConverterTest.cs b/test/UnitTest/Converters/JsonDescriptionEnumConverterTest.cs
index 13a880e2c2f..9671f6806f4 100644
--- a/test/UnitTest/Converters/JsonDescriptionEnumConverterTest.cs
+++ b/test/UnitTest/Converters/JsonDescriptionEnumConverterTest.cs
@@ -42,6 +42,14 @@ public void JsonEnumConverter_Ok()
         var value2 = MockEnum2.Item1;
         json = JsonSerializer.Serialize(value2);
         Assert.Equal("\"Item1\"", json);
+
+        var value3 = EnumBarcodeTextFontOption.Bold_Italic;
+        json = JsonSerializer.Serialize(value3);
+        Assert.Equal("\"bold italic\"", json);
+
+        var value4 = EnumBarcodeTextFontOption.Normal;
+        json = JsonSerializer.Serialize(value4);
+        Assert.Equal("\"\"", json);
     }
 
     [JsonConverter(typeof(JsonDescriptionEnumConverter<TestEnum>))]
@@ -69,4 +77,28 @@ public enum MockEnum2
 
         Item2
     }
+
+    [JsonConverter(typeof(JsonDescriptionEnumConverter<EnumBarcodeTextFontOption>))]
+    public enum EnumBarcodeTextFontOption
+    {
+        /// <summary>
+        /// 
+        /// </summary>
+        [Description("")]
+        Normal,
+        /// <summary>
+        /// 
+        /// </summary>
+        Bold,
+        /// <summary>
+        /// 
+        /// </summary>
+        Italic,
+        /// <summary>
+        /// 
+        /// </summary>
+        [Description("bold italic")]
+        Bold_Italic,
+    }
+
 }