From a591bacc8fdcefbec193b5cb9764708901b09ac1 Mon Sep 17 00:00:00 2001
From: Argo-Cloud <argo@163.com>
Date: Sat, 3 Apr 2021 13:58:36 +0800
Subject: [PATCH 1/8] =?UTF-8?q?scripts:=20=E5=A2=9E=E5=8A=A0=20SetTitle=20?=
 =?UTF-8?q?=E8=84=9A=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/Title/Title.cs.js              |  7 ++++++
 .../Components/Title/Title.cs.min.js          |  1 +
 src/BootstrapBlazor/bundleconfig.json         |  9 ++++++-
 .../wwwroot/js/bootstrap.blazor.bundle.min.js | 24 ++-----------------
 4 files changed, 18 insertions(+), 23 deletions(-)
 create mode 100644 src/BootstrapBlazor/Components/Title/Title.cs.js
 create mode 100644 src/BootstrapBlazor/Components/Title/Title.cs.min.js

diff --git a/src/BootstrapBlazor/Components/Title/Title.cs.js b/src/BootstrapBlazor/Components/Title/Title.cs.js
new file mode 100644
index 000000000..5e25367b3
--- /dev/null
+++ b/src/BootstrapBlazor/Components/Title/Title.cs.js
@@ -0,0 +1,7 @@
+(function ($) {
+    $.extend({
+        bb_setTitle: function (title) {
+            document.title = title;
+        }
+    });
+})(jQuery);
diff --git a/src/BootstrapBlazor/Components/Title/Title.cs.min.js b/src/BootstrapBlazor/Components/Title/Title.cs.min.js
new file mode 100644
index 000000000..92099bfae
--- /dev/null
+++ b/src/BootstrapBlazor/Components/Title/Title.cs.min.js
@@ -0,0 +1 @@
+(function(n){n.extend({bb_setTitle:function(n){document.title=n}})})(jQuery);
\ No newline at end of file
diff --git a/src/BootstrapBlazor/bundleconfig.json b/src/BootstrapBlazor/bundleconfig.json
index e106a0d8f..f24808ce7 100644
--- a/src/BootstrapBlazor/bundleconfig.json
+++ b/src/BootstrapBlazor/bundleconfig.json
@@ -500,6 +500,12 @@
       "Components/Table/Filter/TableFilter.razor.cs.js"
     ]
   },
+  {
+    "outputFileName": "Components/Title/Title.cs.min.js",
+    "inputFiles": [
+      "Components/Title/Title.cs.js"
+    ]
+  },
   {
     "outputFileName": "Components/Toast/Toast.razor.cs.min.js",
     "inputFiles": [
@@ -548,7 +554,7 @@
       "Components/ColorPicker/ColorPicker.razor.cs.min.js",
       "Components/Console/Console.razor.cs.min.js",
       "Components/DateTimePicker/DateTimePicker.razor.cs.min.js",
-      "Components/DateTimePicker/TimePickerBody.razor.cs.js",
+      "Components/DateTimePicker/TimePickerBody.razor.cs.min.js",
       "Components/DateTimeRange/DateTimeRange.razor.cs.min.js",
       "Components/Drawer/Drawer.razor.cs.min.js",
       "Components/Editor/Editor.razor.cs.min.js",
@@ -568,6 +574,7 @@
       "Components/Tab/Tab.razor.cs.min.js",
       "Components/Table/Table.razor.cs.min.js",
       "Components/Table/Filter/TableFilter.razor.cs.min.js",
+      "Components/Title/Title.cs.min.js",
       "Components/Toast/Toast.razor.cs.min.js",
       "Components/Tooltip/Tooltip.cs.min.js",
       "Components/Tree/Tree.razor.cs.min.js",
diff --git a/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.bundle.min.js b/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.bundle.min.js
index b278aa258..d4546b3b8 100644
--- a/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.bundle.min.js
+++ b/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.bundle.min.js
@@ -52,28 +52,7 @@ x();"bottom"===a.start?(c.css({top:b.outerHeight()-c.outerHeight()}),n(0,!0)):"t
 (function(n){n.extend({bb_color_picker:function(t,i,r){n(t).colorpicker().on("change",function(n){i.invokeMethodAsync(r,n.value)})}})})(jQuery);
 (function(n){n.extend({bb_console:function(t){var u=n(t),i=u.find('[data-scroll="auto"]'),r;i.length>0&&(r=i.find(".console-window"),i.scrollTop(r.height()))}})})(jQuery);
 (function(n){n.extend({bb_datetimePicker:function(t,i){var r=n(t),f=r.attr("data-placement")||"auto",u=r.find(".datetime-picker-input");if(i)u.popover(i);else{u.popover({toggle:"datetime-picker",placement:f,template:'<div class="popover popover-datetime" role="tooltip"><div class="arrow"><\/div><h3 class="popover-header"><\/h3><div class="popover-body"><\/div><\/div>'}).on("inserted.bs.popover",function(){var t=this.getAttribute("aria-describedby"),i;t&&(i=n("#"+t),i.find(".popover-body").append(r.find(".date-picker").removeClass("d-none")))}).on("hide.bs.popover",function(){var u=this.getAttribute("aria-describedby"),t,i;u&&(t=n("#"+u),i=t.find(".date-picker"),t.find(".popover-body").append(i.clone()),r.append(i.addClass("d-none")))});n(".datetime-picker-input-icon").on("click",function(t){if(!n(this).hasClass("disabled")){t.stopImmediatePropagation();var i=n(this).parents(".datetime-picker-bar").find(".datetime-picker-input");i.trigger("click")}});n(".disabled .cell").on("click",function(n){n.preventDefault();n.stopImmediatePropagation()})}}});n(document).on("click",function(t){var i=n(t.target);i.parents(".popover-datetime.show").length===0&&n(".popover-datetime.show").each(function(){var t=this.getAttribute("id"),r;t&&(r=n('[aria-describedby="'+t+'"]'),i.attr("aria-describedby")!==t&&r.popover("hide"))})})})(jQuery);
-(function ($) {
-    $.extend({
-        bb_timePicker: function (el) {
-            var $el = $(el);
-            return $el.find('.time-spinner-item').height();
-        },
-        bb_timecell: function (el, obj, up, down) {
-            var $el = $(el);
-            $el.find('.time-spinner-list').on('mousewheel wheel', function (e) {
-                var margin = e.originalEvent.wheelDeltaY || -e.originalEvent.deltaY;
-                if (margin > 0) {
-                    obj.invokeMethodAsync(up);
-                }
-                else {
-                    obj.invokeMethodAsync(down);
-                }
-                return false;
-            });
-        }
-    });
-})(jQuery);
-
+(function(n){n.extend({bb_timePicker:function(t){var i=n(t);return i.find(".time-spinner-item").height()},bb_timecell:function(t,i,r,u){var f=n(t);f.find(".time-spinner-list").on("mousewheel wheel",function(n){var t=n.originalEvent.wheelDeltaY||-n.originalEvent.deltaY;return t>0?i.invokeMethodAsync(r):i.invokeMethodAsync(u),!1})}})})(jQuery);
 (function(n){n.extend({bb_datetimeRange:function(t,i){var r=n(t),f=r.attr("data-placement")||"auto",u=r.find(".datetime-range-bar");if(i)u.popover(i);else{u.popover({toggle:"datetime-range",placement:f,template:'<div class="popover popover-datetime-range" role="tooltip"><div class="arrow"><\/div><h3 class="popover-header"><\/h3><div class="popover-body"><\/div><\/div>'}).on("inserted.bs.popover",function(){var t=this.getAttribute("aria-describedby"),i;t&&(i=n("#"+t),i.find(".popover-body").append(r.find(".datetime-range-body").addClass("show")))}).on("hide.bs.popover",function(){var u=this.getAttribute("aria-describedby"),t,i;u&&(t=n("#"+u),i=t.find(".datetime-range-body"),t.find(".popover-body").append(i.clone()),r.append(i.removeClass("show")))});r.find(".is-clear").on("click",function(){u.popover("hide")})}}});n(function(){n(document).on("click",function(t){var i=n(t.target);i.parents(".popover-datetime-range.show").length===0&&n(".popover-datetime-range.show").each(function(){var t=this.getAttribute("id"),r;t&&(r=n('[aria-describedby="'+t+'"]'),i.parents(".datetime-range-bar").attr("aria-describedby")!==t&&r.popover("hide"))})})})})(jQuery);
 (function(n){n.extend({bb_drawer:function(t,i){var r=n(t),u;i?(r.addClass("is-open"),n("body").addClass("overflow-hidden")):r.hasClass("is-open")&&(r.removeClass("is-open").addClass("is-close"),u=window.setTimeout(function(){window.clearTimeout(u);r.removeClass("is-close");n("body").removeClass("overflow-hidden")},350))}})})(jQuery);
 (function(n){n.extend({html5edit:function(t,i){if(n.isFunction(n.fn.summernote)){var r=n(t),u=typeof i=="object"&&i;return/destroy|hide/.test(i)?r.toggleClass("open").summernote(i):typeof i=="string"?r.hasClass("open")?r.summernote(i):r.html():(u=n.extend({focus:!0,lang:"zh-CN",height:80,dialogsInBody:!0},u),r.on("click",u,function(t,i){var u=n(this).tooltip("hide"),r=n.extend({placeholder:u.attr("placeholder")},t.data,i||{});r.obj.invokeMethodAsync("GetToolBar").then(t=>{var i=u.toggleClass("open").summernote(n.extend({callbacks:{onChange:function(n){r.obj.invokeMethodAsync(r.method,n)}},toolbar:t},r)).next().find(".note-toolbar").on("click","button[data-method]",{note:u,op:r},function(t){var r=n(this),i,u;switch(r.attr("data-method")){case"submit":r.tooltip("dispose");i=t.data.note.toggleClass("open");u=i.summernote("code");i.summernote("destroy");t.data.op.obj.invokeMethodAsync(t.data.op.method,u)}}),f=n('<div class="note-btn-group btn-group note-view note-right"><button type="button" class="note-btn btn btn-sm note-btn-close" tabindex="-1" data-method="submit" title="完成" data-placement="bottom"><i class="fa fa-check"><\/i><\/button><\/div>').appendTo(i).find("button").tooltip({container:"body"});n("body").find('.note-group-select-from-files [accept="image/*"]').attr("accept","image/bmp,image/png,image/jpg,image/jpeg,image/gif")})}).tooltip({title:"点击展开编辑"}),u.value&&r.html(u.value),r.hasClass("open")&&r.trigger("click",{focus:!1}),this)}},bb_editor:function(t,i,r,u,f,e,o){var s=function(){var r=t.getElementsByClassName("editor-body"),u;i==="code"?n(r).hasClass("open")?n(r).summernote("code",o):n(r).html(o):(u={obj:i,method:f,height:e},o&&(u.value=o),n.html5edit(r,u))};r!==""?i.invokeMethodAsync(r).then(t=>{for(var r in t)(function(t,r){r!=null&&(pluginObj={},pluginObj[r]=function(f){var e=n.summernote.ui;f.memo("button."+r,function(){var n=e.button({contents:'<i class="'+t.iconClass+'"><\/i>',container:"body",tooltip:t.tooltip,click:function(){i.invokeMethodAsync(u,r).then(n=>{f.invoke("editor.pasteHTML",n)})}});return this.$button=n.render(),this.$button})},n.extend(n.summernote.plugins,pluginObj))})(t[r],t[r].buttonName);s()}):s()}})})(jQuery);
@@ -93,6 +72,7 @@ x();"bottom"===a.start?(c.css({top:b.outerHeight()-c.outerHeight()}),n(0,!0)):"t
 (function(n){n.extend({bb_tab:function(t){var i=n(t),r=window.setInterval(function(){i.is(":visible")&&(window.clearInterval(r),i.tab("active"))},200)}})})(jQuery);
 (function(){$.extend({bb_table_search:function(n,t,i,r){$(n).data("bb_table_search",{obj:t,searchMethod:i,clearSearchMethod:r})},bb_table_resize:function(n){var r=n.find(".col-resizer");if(r.length>0){var u=function(n){var r=$(this),t=r.closest("th");n?t.addClass("border-resize"):t.removeClass("border-resize");var i=t.index(),u=t.closest(".table-resize").find("tbody"),f=u.find("tr").each(function(){var t=$(this.children[i]);n?t.addClass("border-resize"):t.removeClass("border-resize")});return i},t=0,f=0,i=0,e=0;r.each(function(){$(this).drag(function(r){i=u.call(this,!0);var o=n.find("table colgroup col")[i].width;t=o?parseInt(o):$(this).closest("th").width();f=$(this).closest("table").width();e=r.clientX},function(r){n.find("table colgroup").each(function(n,u){var s=$(u).find("col")[i],o=r.clientX-e;s.width=t+o;n===0&&$(u).closest("table").width(f+o)})},function(){u.call(this,!1)})})}},bb_table_load:function(n,t){var r=$(n),i=r.find(".table-loader");t==="show"?i.addClass("show"):i.removeClass("show")},bb_table:function(n,t,i){var r=$(n),v=function(){r.find(".is-tips").tooltip({container:"body",title:function(){return $(this).text()}})},y,s,o,u,f,h,e,c,l,a,p;if(t==="fixTableHeader"){y=r.find(".table-fixed-header");s=r.find(".table-fixed-body");s.on("scroll",function(){var n=s.scrollLeft();y.scrollLeft(n)});if(o=r.find(".fixed-scroll"),o.length===1){for(u=o.prev();u.length===1;)if(u.hasClass("fixed-right")&&!u.hasClass("modified"))f=u.css("right"),f=f.replace("px",""),$.browser.versions.mac?f=parseFloat(f)-2+"px":$.browser.versions.mobile&&(f=parseFloat(f)-17+"px"),u.css({right:f}).addClass("modified"),u=u.prev();else break;$.browser.versions.mobile&&o.remove()}r.find(".col-resizer:last").remove();$.bb_table_resize(r)}else if(t==="init"){h=r.find(".table-cell.is-sort .table-text");e={unset:"点击升序",sortAsc:"点击降序",sortDesc:"取消排序"};h.each(function(){var t=$(this).parent().find(".fa:last"),n;t.length>0&&(n=e.unset,t.hasClass("fa-sort-asc")?n=e.sortAsc:t.hasClass("fa-sort-desc")&&(n=e.sortDesc),$(this).tooltip({container:"body",title:n}))});h.on("click",function(){var t=$(this),r=t.parent().find(".fa:last"),n="sortAsc",i,u;r.hasClass("fa-sort-asc")?n="sortDesc":r.hasClass("fa-sort-desc")&&(n="unset");i=$("#"+t.attr("aria-describedby"));i.length>0&&(u=i.find(".tooltip-inner"),u.html(e[n]),t.attr("data-original-title",e[n]))});c=r.find(".table-toolbar");l=0;c.length>0&&(l=c.height());a=function(){var o=$(this).position(),s=$(this).attr("data-field"),i=r.find('.table-filter-item[data-field="'+s+'"]'),n=$(this).closest("th"),f=n.outerWidth()+n.position().left-i.outerWidth()/2,t=0,e,u;n.hasClass("sortable")&&(t=24);n.hasClass("filterable")&&(t=t+12);e=n.closest("table").parent().scrollLeft();u=n.offset().left+n.outerWidth()-t+i.outerWidth()/2-$(window).width();t=t+e;u>0&&(f=f-u-16,$arrow=i.find(".card-arrow"),$arrow.css({left:"calc(50% - 0.5rem + "+(u+16)+"px)"}));i.css({top:o.top+l+50,left:f-t})};r.find(".filterable .fa-filter").on("click",function(){a.call(this)});v();r.children(".table-scroll").scroll(function(){r.find(".table-filter-item.show").each(function(){var n=$(this).attr("data-field"),t=r.find('.fa-filter[data-field="'+n+'"]')[0];a.call(t)})});$.bb_table_resize(r)}else{if(t==="width")return p=0,i?r.outerWidth(!0):$(window).outerWidth(!0);t==="tooltip"&&v()}}});$(function(){$(document).on("keyup",function(n){var i,t;n.key==="Enter"?(i=$(n.target).closest(".table-container"),t=i.data("bb_table_search"),t&&t.obj.invokeMethodAsync(t.searchMethod)):n.key==="Escape"&&(i=$(n.target).closest(".table-container"),t=i.data("bb_table_search"),t&&t.obj.invokeMethodAsync(t.clearSearchMethod))})})})(jQuery);
 (function(n){n.extend({bb_filter:function(t,i,r){n(t).data("bb_filter",{obj:i,method:r})}});n(function(){n(document).on("click",function(t){var i=n(t.target),r=i.closest(".popover-datetime"),u,f,e;r.length==1&&(u=r.attr("id"),f=n('[aria-describedby="'+u+'"]'),f.closest(".datetime-picker").hasClass("is-filter"))||(e=i.closest(".table-filter-item"),e.length==0&&n(".table-filter-item.show").each(function(){var t=n(this).data("bb_filter");t.obj.invokeMethodAsync(t.method)}))});n(document).on("keyup",function(t){var i,r;t.key==="Enter"?(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("ConfirmByKey"))):t.key==="Escape"&&(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("EscByKey")))})})})(jQuery);
+(function(n){n.extend({bb_setTitle:function(n){document.title=n}})})(jQuery);
 (function(n){n.extend({bb_toast_close:function(t){var i=n(t);i.find(".close").trigger("click")},bb_toast:function(t,i,r){var f,o;window.Toasts===undefined&&(window.Toasts=[]);Toasts.push(t);var u=n(t),s=u.attr("data-autohide")!=="false",e=parseInt(u.attr("data-delay"));u.addClass("d-block");f=null;o=window.setTimeout(function(){window.clearTimeout(o);s&&(u.find(".toast-progress").css({width:"100%",transition:"width "+e/1e3+"s linear"}),f=window.setTimeout(function(){window.clearTimeout(f);u.find(".close").trigger("click")},e));u.addClass("show")},50);u.on("click",".close",function(n){n.preventDefault();n.stopPropagation();f!=null&&window.clearTimeout(f);u.removeClass("show");var t=window.setTimeout(function(){window.clearTimeout(t);u.removeClass("d-block");Toasts.remove(u[0]);Toasts.length===0&&i.invokeMethodAsync(r)},500)})}})})(jQuery);
 (function(n){n.extend({bb_tooltip:function(t,i,r,u,f,e){var h={html:f,sanitize:!f,title:r,placement:u,trigger:e},o=n("#"+t),s;i===""?(o.data("bs.tooltip")&&o.tooltip("dispose"),o.tooltip(h)):i==="enable"?(o.data("bs.tooltip")&&o.tooltip("dispose"),o.tooltip(h),s=o.parents("form").find(".is-invalid:first"),s.prop("nodeName")==="INPUT"?s.prop("readonly")?s.trigger("focus"):s.focus():s.prop("nodeName")==="DIV"&&s.trigger("focus")):i==="dispose"?o.data("bs.tooltip")&&o.tooltip(i):(o.data("bs.tooltip")&&o.tooltip("dispose"),o.tooltip(h),o.tooltip(i))}});n(function(){n(document).on("inserted.bs.tooltip",".is-invalid",function(){n("#"+n(this).attr("aria-describedby")).addClass("is-invalid")})})})(jQuery);
 (function(n){n.extend({bb_tree:function(t){var i=n(t);i.find(".tree-content").hover(function(){n(this).parent().addClass("hover")},function(){n(this).parent().removeClass("hover")})}})})(jQuery);
-- 
Gitee


From c8ce139427465874956e4ed6cb1d35b7bbadf97b Mon Sep 17 00:00:00 2001
From: Argo-Cloud <argo@163.com>
Date: Sat, 3 Apr 2021 13:59:03 +0800
Subject: [PATCH 2/8] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=20Title=20?=
 =?UTF-8?q?=E6=9C=8D=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor/Components/Title/Title.cs | 93 +++++++++++++++++++
 .../Components/Title/TitleService.cs          | 54 +++++++++++
 ...tstrapBlazorServiceCollectionExtensions.cs |  1 +
 3 files changed, 148 insertions(+)
 create mode 100644 src/BootstrapBlazor/Components/Title/Title.cs
 create mode 100644 src/BootstrapBlazor/Components/Title/TitleService.cs

diff --git a/src/BootstrapBlazor/Components/Title/Title.cs b/src/BootstrapBlazor/Components/Title/Title.cs
new file mode 100644
index 000000000..085d2da6d
--- /dev/null
+++ b/src/BootstrapBlazor/Components/Title/Title.cs
@@ -0,0 +1,93 @@
+// 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/
+
+using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
+using System;
+using System.Diagnostics.CodeAnalysis;
+using System.Threading.Tasks;
+
+namespace BootstrapBlazor.Components
+{
+    /// <summary>
+    /// Title 组件
+    /// </summary>
+    public class Title : IComponent, IHandleAfterRender
+    {
+        /// <summary>
+        /// 获得/设置 IJSRuntime 实例
+        /// </summary>
+        [Inject]
+        [NotNull]
+        private IJSRuntime? JSRuntime { get; set; }
+
+        [Inject]
+        [NotNull]
+        private TitleService? TitleService { get; set; }
+
+        /// <summary>
+        /// 获得/设置 当前页标题文字
+        /// </summary>
+        [Parameter]
+        public string? Text { get; set; }
+
+        private RenderHandle _renderHandle;
+        private bool _initialized;
+        private bool _hasCalledOnAfterRender;
+
+        /// <summary>
+        /// Attaches the component to a Microsoft.AspNetCore.Components.RenderHandle.
+        /// </summary>
+        /// <param name="renderHandle"></param>
+        void IComponent.Attach(RenderHandle renderHandle)
+        {
+            // This implicitly means a ComponentBase can only be associated with a single
+            // renderer. That's the only use case we have right now. If there was ever a need,
+            // a component could hold a collection of render handles.
+            if (_renderHandle.IsInitialized)
+            {
+                throw new InvalidOperationException($"The render handle is already set. Cannot initialize a {nameof(ComponentBase)} more than once.");
+            }
+
+            _renderHandle = renderHandle;
+        }
+
+        /// <summary>
+        /// Sets parameters supplied by the component's parent in the render tree.
+        /// </summary>
+        /// <param name="parameters"></param>
+        /// <returns></returns>
+        public Task SetParametersAsync(ParameterView parameters)
+        {
+            if (!_initialized)
+            {
+                _initialized = true;
+
+                if (!string.IsNullOrEmpty(Text))
+                {
+                    TitleService.Register(this, SetTitle);
+                }
+            }
+            return Task.CompletedTask;
+        }
+
+        async Task IHandleAfterRender.OnAfterRenderAsync()
+        {
+            var firstRender = !_hasCalledOnAfterRender;
+            _hasCalledOnAfterRender |= true;
+
+            if (!string.IsNullOrEmpty(Text))
+            {
+                await SetTitle(Text);
+            }
+        }
+
+        /// <summary>
+        /// 设置网站 Title 方法
+        /// </summary>
+        /// <param name="title"></param>
+        /// <returns></returns>
+        private ValueTask SetTitle(string title) => JSRuntime.InvokeVoidAsync(identifier: "$.bb_setTitle", title);
+    }
+}
diff --git a/src/BootstrapBlazor/Components/Title/TitleService.cs b/src/BootstrapBlazor/Components/Title/TitleService.cs
new file mode 100644
index 000000000..cd9a92fd2
--- /dev/null
+++ b/src/BootstrapBlazor/Components/Title/TitleService.cs
@@ -0,0 +1,54 @@
+// 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/
+
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.DependencyInjection;
+using System;
+using System.Threading.Tasks;
+
+namespace BootstrapBlazor.Components
+{
+    /// <summary>
+    /// Title 服务
+    /// </summary>
+    public class TitleService
+    {
+        /// <summary>
+        /// 获得 回调委托缓存集合
+        /// </summary>
+        private (IComponent Key, Func<string, ValueTask> Callback)? Cache { get; set; }
+
+        /// <summary>
+        /// 
+        /// </summary>
+        /// <param name="title"></param>
+        /// <returns></returns>
+        public async ValueTask SetTitle(string title)
+        {
+            var cb = Cache?.Callback;
+            if (cb != null)
+            {
+                await cb.Invoke(title);
+            }
+        }
+
+        /// <summary>
+        /// 注册服务
+        /// </summary>
+        /// <param name="key"></param>
+        /// <param name="callback"></param>
+        internal void Register(IComponent key, Func<string, ValueTask> callback) => Cache = (key, callback);
+
+        /// <summary>
+        /// 设置网站标题方法
+        /// </summary>
+        /// <param name="title"></param>
+        /// <returns></returns>
+        public static ValueTask SetWebSiteTitle(string title)
+        {
+            var titleSvr = ServiceProviderHelper.ServiceProvider.GetRequiredService<TitleService>();
+            return titleSvr.SetTitle(title);
+        }
+    }
+}
diff --git a/src/BootstrapBlazor/Extensions/BootstrapBlazorServiceCollectionExtensions.cs b/src/BootstrapBlazor/Extensions/BootstrapBlazorServiceCollectionExtensions.cs
index bef35c448..3f80daa78 100644
--- a/src/BootstrapBlazor/Extensions/BootstrapBlazorServiceCollectionExtensions.cs
+++ b/src/BootstrapBlazor/Extensions/BootstrapBlazorServiceCollectionExtensions.cs
@@ -35,6 +35,7 @@ namespace Microsoft.Extensions.DependencyInjection
             services.TryAddScoped<ToastService>();
             services.TryAddScoped<SwalService>();
             services.TryAddScoped<TabItemTextOptions>();
+            services.TryAddScoped<TitleService>();
             services.TryAddSingleton<IConfigureOptions<BootstrapBlazorOptions>, ConfigureOptions<BootstrapBlazorOptions>>();
             services.Configure<BootstrapBlazorOptions>(options =>
             {
-- 
Gitee


From b790de87d1902874fd72d3748c9263f94361be7b Mon Sep 17 00:00:00 2001
From: Argo-Cloud <argo@163.com>
Date: Sat, 3 Apr 2021 14:03:07 +0800
Subject: [PATCH 3/8] =?UTF-8?q?docs:=20=E5=A2=9E=E5=8A=A0=E7=BD=91?=
 =?UTF-8?q?=E7=AB=99=E6=A0=87=E9=A2=98=E7=A4=BA=E4=BE=8B=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor.Shared/App.razor          |  2 ++
 .../Pages/Samples/Titles.razor                |  5 +++++
 .../Pages/Samples/Titles.razor.cs             | 19 +++++++++++++++++++
 .../Shared/NavMenu.razor.cs                   |  9 +++++++--
 4 files changed, 33 insertions(+), 2 deletions(-)
 create mode 100644 src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor
 create mode 100644 src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor.cs

diff --git a/src/BootstrapBlazor.Shared/App.razor b/src/BootstrapBlazor.Shared/App.razor
index 159bc7461..b69aac41f 100644
--- a/src/BootstrapBlazor.Shared/App.razor
+++ b/src/BootstrapBlazor.Shared/App.razor
@@ -8,3 +8,5 @@
         </LayoutView>
     </NotFound>
 </Router>
+
+<Title></Title>
diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor b/src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor
new file mode 100644
index 000000000..08d6ddf64
--- /dev/null
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor
@@ -0,0 +1,5 @@
+@page "/titles"
+
+<h3>Title 网站标题</h3>
+
+<h4>用于设置网页页面标题</h4>
diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor.cs b/src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor.cs
new file mode 100644
index 000000000..a841cba71
--- /dev/null
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor.cs
@@ -0,0 +1,19 @@
+// 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/
+
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace BootstrapBlazor.Shared.Pages
+{
+    /// <summary>
+    /// Title 网站标题示例代码
+    /// </summary>
+    public partial class Title
+    {
+    }
+}
diff --git a/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs b/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
index efab2155e..ed0f6da96 100644
--- a/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
+++ b/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
@@ -33,14 +33,14 @@ namespace BootstrapBlazor.Shared.Shared
             InitMenus();
         }
 
-        private Task OnClickMenu(MenuItem item)
+        private async Task OnClickMenu(MenuItem item)
         {
             if (!item.Items.Any())
             {
                 ToggleNavMenu();
                 StateHasChanged();
             }
-            return Task.CompletedTask;
+            await TitleService.SetWebSiteTitle(item.Text!);
         }
 
         private void ToggleNavMenu()
@@ -372,6 +372,11 @@ namespace BootstrapBlazor.Shared.Shared
                 Url = "timelines"
             });
             item.AddItem(new DemoMenuItem()
+            {
+                Text = "网站标题 Title",
+                Url = "titles"
+            });
+            item.AddItem(new DemoMenuItem()
             {
                 Text = "工具条 Tooltip",
                 Url = "tooltips"
-- 
Gitee


From fe146c30fd51eba2e49ad64f3a07053ced5bb6cd Mon Sep 17 00:00:00 2001
From: Argo-Cloud <argo@163.com>
Date: Sat, 3 Apr 2021 16:19:47 +0800
Subject: [PATCH 4/8] =?UTF-8?q?docs:=20=E6=9B=B4=E6=96=B0=20Title=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Pages/Samples/Titles.razor                | 45 +++++++++++++++++++
 .../Shared/NavMenu.razor.cs                   |  1 +
 2 files changed, 46 insertions(+)

diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor b/src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor
index 08d6ddf64..666c4eb03 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/Titles.razor
@@ -3,3 +3,48 @@
 <h3>Title 网站标题</h3>
 
 <h4>用于设置网页页面标题</h4>
+
+<Block Title="基本用法" Introduction="网页中添加 <code>Title</code> 组件并设置 <code>Text</code> 属性即可">
+    <Tips>
+        <p>
+            <code>Title</code> 组件设置 <code>Text</code> 后为普通组件使用，未设置 <code>Text</code> 属性时供服务调用
+        </p>
+    </Tips>
+    <p><b>设置 <code>Text</code> 属性</b></p>
+    <Pre>@@page "/titles"
+&lt;Title Text="我是标题" /&gt;
+&lt;p&gt;测试网页&lt;p/&gt;
+</Pre>
+</Block>
+
+<Block Title="高级用法" Introduction="网页中无需添加 <code>Title</code> 组件，调用注入服务 <code>TitleService</code>">
+    <p>
+        <b>特别注意：</b>
+        <div>使用此种方法时请在 <code>App</code> 或者 <code>MainLayout</code> 或者 <code>Page</code> 中添加 <b>未设置 <code>Text</code> 属性</b> 的 <code>Title</code> 组件</div>
+    </p>
+    <Pre>[Inject]
+[NotNull]
+private TitleService? TitleService { get; set; }
+
+protected override async Task OnAfterRenderAsync(bool firstRender)
+{
+    await base.OnAfterRenderAsync(firstRender);
+
+    await TitleService.SetTitle("我是标题");
+}
+</Pre>
+</Block>
+
+<Block Title="静态方法" Introduction="直接调用 <code>TitleService</code> 静态方法">
+    <p>
+        <b>特别注意：</b>
+        <div>使用此种方法时请在 <code>App</code> 或者 <code>MainLayout</code> 或者 <code>Page</code> 中添加 <b>未设置 <code>Text</code> 属性</b> 的 <code>Title</code> 组件</div>
+    </p>
+    <Pre>protected override async Task OnAfterRenderAsync(bool firstRender)
+{
+    await base.OnAfterRenderAsync(firstRender);
+
+    await TitleService.SetWebSiteTitle("我是标题");
+}
+</Pre>
+</Block>
diff --git a/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs b/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
index ed0f6da96..fe2fb8ce6 100644
--- a/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
+++ b/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
@@ -373,6 +373,7 @@ namespace BootstrapBlazor.Shared.Shared
             });
             item.AddItem(new DemoMenuItem()
             {
+                IsNew = true,
                 Text = "网站标题 Title",
                 Url = "titles"
             });
-- 
Gitee


From b383b7e167d703da0774ec65ba88a8af1b68e444 Mon Sep 17 00:00:00 2001
From: Argo-Cloud <argo@163.com>
Date: Sat, 3 Apr 2021 16:36:15 +0800
Subject: [PATCH 5/8] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=20IDisposable=20?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor/Components/Title/Title.cs | 12 ++++++++++--
 .../Components/Title/TitleService.cs          | 19 +++++++++++++++----
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/BootstrapBlazor/Components/Title/Title.cs b/src/BootstrapBlazor/Components/Title/Title.cs
index 085d2da6d..da0d19bc1 100644
--- a/src/BootstrapBlazor/Components/Title/Title.cs
+++ b/src/BootstrapBlazor/Components/Title/Title.cs
@@ -13,7 +13,7 @@ namespace BootstrapBlazor.Components
     /// <summary>
     /// Title 组件
     /// </summary>
-    public class Title : IComponent, IHandleAfterRender
+    public class Title : IComponent, IHandleAfterRender, IDisposable
     {
         /// <summary>
         /// 获得/设置 IJSRuntime 实例
@@ -64,7 +64,7 @@ namespace BootstrapBlazor.Components
             {
                 _initialized = true;
 
-                if (!string.IsNullOrEmpty(Text))
+                if (string.IsNullOrEmpty(Text))
                 {
                     TitleService.Register(this, SetTitle);
                 }
@@ -89,5 +89,13 @@ namespace BootstrapBlazor.Components
         /// <param name="title"></param>
         /// <returns></returns>
         private ValueTask SetTitle(string title) => JSRuntime.InvokeVoidAsync(identifier: "$.bb_setTitle", title);
+
+        /// <summary>
+        /// Dispose 方法
+        /// </summary>
+        public void Dispose()
+        {
+            TitleService.UnRegister(this);
+        }
     }
 }
diff --git a/src/BootstrapBlazor/Components/Title/TitleService.cs b/src/BootstrapBlazor/Components/Title/TitleService.cs
index cd9a92fd2..90a040418 100644
--- a/src/BootstrapBlazor/Components/Title/TitleService.cs
+++ b/src/BootstrapBlazor/Components/Title/TitleService.cs
@@ -5,6 +5,8 @@
 using Microsoft.AspNetCore.Components;
 using Microsoft.Extensions.DependencyInjection;
 using System;
+using System.Collections.Generic;
+using System.Linq;
 using System.Threading.Tasks;
 
 namespace BootstrapBlazor.Components
@@ -17,16 +19,16 @@ namespace BootstrapBlazor.Components
         /// <summary>
         /// 获得 回调委托缓存集合
         /// </summary>
-        private (IComponent Key, Func<string, ValueTask> Callback)? Cache { get; set; }
+        private List<(IComponent Key, Func<string, ValueTask> Callback)> Cache { get; set; } = new();
 
         /// <summary>
-        /// 
+        /// 设置当前页面 Title 方法
         /// </summary>
         /// <param name="title"></param>
         /// <returns></returns>
         public async ValueTask SetTitle(string title)
         {
-            var cb = Cache?.Callback;
+            var cb = Cache.FirstOrDefault().Callback;
             if (cb != null)
             {
                 await cb.Invoke(title);
@@ -38,7 +40,16 @@ namespace BootstrapBlazor.Components
         /// </summary>
         /// <param name="key"></param>
         /// <param name="callback"></param>
-        internal void Register(IComponent key, Func<string, ValueTask> callback) => Cache = (key, callback);
+        internal void Register(IComponent key, Func<string, ValueTask> callback) => Cache.Add((key, callback));
+
+        /// <summary>
+        /// 注销事件
+        /// </summary>
+        internal void UnRegister(IComponent key)
+        {
+            var item = Cache.FirstOrDefault(i => i.Key == key);
+            if (item.Key != null) Cache.Remove(item);
+        }
 
         /// <summary>
         /// 设置网站标题方法
-- 
Gitee


From 6a5cd90bd345c0e478a72ae20fda93ee43f8ecb4 Mon Sep 17 00:00:00 2001
From: Argo-Cloud <argo@163.com>
Date: Sat, 3 Apr 2021 17:18:32 +0800
Subject: [PATCH 6/8] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=E8=B5=84?=
 =?UTF-8?q?=E6=BA=90=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor.Shared/Locales/en-US.json |  3 +
 src/BootstrapBlazor.Shared/Locales/zh-CN.json |  3 +
 src/BootstrapBlazor/Components/Title/Title.cs | 62 ++++++-------------
 3 files changed, 24 insertions(+), 44 deletions(-)

diff --git a/src/BootstrapBlazor.Shared/Locales/en-US.json b/src/BootstrapBlazor.Shared/Locales/en-US.json
index 50bcac2bb..c12530ea7 100644
--- a/src/BootstrapBlazor.Shared/Locales/en-US.json
+++ b/src/BootstrapBlazor.Shared/Locales/en-US.json
@@ -1,4 +1,7 @@
 {
+  "BootstrapBlazor.Shared.App": {
+    "Title": "Bootstrap of Blazor"
+  },
   "BootstrapBlazor.Shared.Pages.Components.Block": {
     "Title": "",
     "SubTitle": "Demo"
diff --git a/src/BootstrapBlazor.Shared/Locales/zh-CN.json b/src/BootstrapBlazor.Shared/Locales/zh-CN.json
index 00deeb639..30f9ba985 100644
--- a/src/BootstrapBlazor.Shared/Locales/zh-CN.json
+++ b/src/BootstrapBlazor.Shared/Locales/zh-CN.json
@@ -1,4 +1,7 @@
 {
+  "BootstrapBlazor.Shared.App": {
+    "Title": "Bootstrap Blazor - 企业级 UI 组件库"
+  },
   "BootstrapBlazor.Shared.Pages.Components.Block": {
     "Title": "未设置",
     "SubTitle": "示例"
diff --git a/src/BootstrapBlazor/Components/Title/Title.cs b/src/BootstrapBlazor/Components/Title/Title.cs
index da0d19bc1..8f21b9c23 100644
--- a/src/BootstrapBlazor/Components/Title/Title.cs
+++ b/src/BootstrapBlazor/Components/Title/Title.cs
@@ -4,7 +4,6 @@
 
 using Microsoft.AspNetCore.Components;
 using Microsoft.JSInterop;
-using System;
 using System.Diagnostics.CodeAnalysis;
 using System.Threading.Tasks;
 
@@ -13,15 +12,8 @@ namespace BootstrapBlazor.Components
     /// <summary>
     /// Title 组件
     /// </summary>
-    public class Title : IComponent, IHandleAfterRender, IDisposable
+    public class Title : BootstrapComponentBase
     {
-        /// <summary>
-        /// 获得/设置 IJSRuntime 实例
-        /// </summary>
-        [Inject]
-        [NotNull]
-        private IJSRuntime? JSRuntime { get; set; }
-
         [Inject]
         [NotNull]
         private TitleService? TitleService { get; set; }
@@ -32,50 +24,27 @@ namespace BootstrapBlazor.Components
         [Parameter]
         public string? Text { get; set; }
 
-        private RenderHandle _renderHandle;
-        private bool _initialized;
-        private bool _hasCalledOnAfterRender;
-
         /// <summary>
-        /// Attaches the component to a Microsoft.AspNetCore.Components.RenderHandle.
+        /// OnInitialized 方法
         /// </summary>
-        /// <param name="renderHandle"></param>
-        void IComponent.Attach(RenderHandle renderHandle)
+        protected override void OnInitialized()
         {
-            // This implicitly means a ComponentBase can only be associated with a single
-            // renderer. That's the only use case we have right now. If there was ever a need,
-            // a component could hold a collection of render handles.
-            if (_renderHandle.IsInitialized)
+            base.OnInitialized();
+
+            if (string.IsNullOrEmpty(Text))
             {
-                throw new InvalidOperationException($"The render handle is already set. Cannot initialize a {nameof(ComponentBase)} more than once.");
+                TitleService.Register(this, SetTitle);
             }
-
-            _renderHandle = renderHandle;
         }
 
         /// <summary>
-        /// Sets parameters supplied by the component's parent in the render tree.
+        /// OnAfterRenderAsync 方法
         /// </summary>
-        /// <param name="parameters"></param>
+        /// <param name="firstRender"></param>
         /// <returns></returns>
-        public Task SetParametersAsync(ParameterView parameters)
+        protected override async Task OnAfterRenderAsync(bool firstRender)
         {
-            if (!_initialized)
-            {
-                _initialized = true;
-
-                if (string.IsNullOrEmpty(Text))
-                {
-                    TitleService.Register(this, SetTitle);
-                }
-            }
-            return Task.CompletedTask;
-        }
-
-        async Task IHandleAfterRender.OnAfterRenderAsync()
-        {
-            var firstRender = !_hasCalledOnAfterRender;
-            _hasCalledOnAfterRender |= true;
+            await base.OnAfterRenderAsync(firstRender);
 
             if (!string.IsNullOrEmpty(Text))
             {
@@ -93,9 +62,14 @@ namespace BootstrapBlazor.Components
         /// <summary>
         /// Dispose 方法
         /// </summary>
-        public void Dispose()
+        protected override void Dispose(bool disposing)
         {
-            TitleService.UnRegister(this);
+            base.Dispose(disposing);
+
+            if (disposing)
+            {
+                TitleService.UnRegister(this);
+            }
         }
     }
 }
-- 
Gitee


From 435c40cc9230adaf960592fe3453da2dc6b2bd62 Mon Sep 17 00:00:00 2001
From: Argo-Cloud <argo@163.com>
Date: Sat, 3 Apr 2021 17:20:25 +0800
Subject: [PATCH 7/8] =?UTF-8?q?docs:=20=E6=9B=B4=E6=96=B0=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E7=BD=91=E7=AB=99=E6=A0=87=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor.Shared/Pages/Index.razor        | 6 ++++--
 src/BootstrapBlazor.Shared/Pages/Introduction.razor | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/BootstrapBlazor.Shared/Pages/Index.razor b/src/BootstrapBlazor.Shared/Pages/Index.razor
index 0d8c62301..b7375f490 100644
--- a/src/BootstrapBlazor.Shared/Pages/Index.razor
+++ b/src/BootstrapBlazor.Shared/Pages/Index.razor
@@ -1,8 +1,10 @@
-@using Microsoft.Extensions.Localization
-@layout HomeLayout
+@layout HomeLayout
 @page "/"
 @page "/index"
 @page "/home"
+@inject IStringLocalizer<App> Localizer
+
+<Title Text="@Localizer["Title"]"></Title>
 
 <section class="home-section">
     <div class="welcome container">
diff --git a/src/BootstrapBlazor.Shared/Pages/Introduction.razor b/src/BootstrapBlazor.Shared/Pages/Introduction.razor
index 66e093623..4399234f8 100644
--- a/src/BootstrapBlazor.Shared/Pages/Introduction.razor
+++ b/src/BootstrapBlazor.Shared/Pages/Introduction.razor
@@ -1,6 +1,7 @@
 @page "/docs"
 @page "/introduction"
 @inject IOptions<WebsiteOptions> WebsiteOption
+
 <h3>简介</h3>
 
 <p>BootstrapBlazor 是一套基于 Bootstrap 和 Blazor 的企业级组件库，可以认为是 Bootstrap 项目的 Blazor 版实现。</p>
-- 
Gitee


From 270faddc63047779f8c1ce51ff8a97b53baa3427 Mon Sep 17 00:00:00 2001
From: Argo-Cloud <argo@163.com>
Date: Sat, 3 Apr 2021 18:00:47 +0800
Subject: [PATCH 8/8] =?UTF-8?q?docs:=20=E6=9B=B4=E6=96=B0=E7=BD=91?=
 =?UTF-8?q?=E7=AB=99=20Title=20=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor.Shared/App.razor.cs            |  7 ++++---
 src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs | 13 ++++++++++++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/BootstrapBlazor.Shared/App.razor.cs b/src/BootstrapBlazor.Shared/App.razor.cs
index 4ffca260f..b6fe4a10d 100644
--- a/src/BootstrapBlazor.Shared/App.razor.cs
+++ b/src/BootstrapBlazor.Shared/App.razor.cs
@@ -4,6 +4,7 @@
 
 using Microsoft.AspNetCore.Components;
 using Microsoft.JSInterop;
+using System.Threading.Tasks;
 
 namespace BootstrapBlazor.Shared
 {
@@ -22,13 +23,13 @@ namespace BootstrapBlazor.Shared
         /// 
         /// </summary>
         /// <param name="firstRender"></param>
-        protected override void OnAfterRender(bool firstRender)
+        protected override async Task OnAfterRenderAsync(bool firstRender)
         {
-            base.OnAfterRender(firstRender);
+            await base.OnAfterRenderAsync(firstRender);
 
             if (firstRender && JSRuntime != null)
             {
-                JSRuntime.InvokeVoidAsync("$.loading");
+                await JSRuntime.InvokeVoidAsync("$.loading");
             }
         }
     }
diff --git a/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs b/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
index fe2fb8ce6..3fe1bc1ec 100644
--- a/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
+++ b/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
@@ -4,7 +4,10 @@
 
 using BootstrapBlazor.Components;
 using BootstrapBlazor.Shared.Pages.Components;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
 using System.Collections.Generic;
+using System.Diagnostics.CodeAnalysis;
 using System.Linq;
 using System.Threading.Tasks;
 
@@ -17,6 +20,10 @@ namespace BootstrapBlazor.Shared.Shared
     {
         private bool collapseNavMenu = true;
 
+        [Inject]
+        [NotNull]
+        private IStringLocalizer<App>? Localizer { get; set; }
+
         private string? NavMenuCssClass => CssBuilder.Default("sidebar-content")
             .AddClass("collapse", collapseNavMenu)
             .Build();
@@ -40,7 +47,11 @@ namespace BootstrapBlazor.Shared.Shared
                 ToggleNavMenu();
                 StateHasChanged();
             }
-            await TitleService.SetWebSiteTitle(item.Text!);
+
+            if (!string.IsNullOrEmpty(item.Text))
+            {
+                await TitleService.SetWebSiteTitle($"{item.Text} - {Localizer["Title"]}");
+            }
         }
 
         private void ToggleNavMenu()
-- 
Gitee