From 50e81e5a322ed9eed4717849bf185ae460f92a21 Mon Sep 17 00:00:00 2001
From: Argo-AscioTech <argo@live.ca>
Date: Sun, 17 Dec 2023 18:49:14 +0800
Subject: [PATCH 1/5] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=20Body=20?=
 =?UTF-8?q?=E5=86=85=E8=BE=B9=E8=B7=9D=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor/Components/Drawer/Drawer.razor.scss      | 2 ++
 src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss | 1 +
 2 files changed, 3 insertions(+)

diff --git a/src/BootstrapBlazor/Components/Drawer/Drawer.razor.scss b/src/BootstrapBlazor/Components/Drawer/Drawer.razor.scss
index 6af831e7523..42d616be586 100644
--- a/src/BootstrapBlazor/Components/Drawer/Drawer.razor.scss
+++ b/src/BootstrapBlazor/Components/Drawer/Drawer.razor.scss
@@ -2,6 +2,7 @@
     --bb-drawer-bg: var(--bs-body-bg);
     --bb-drawer-zindex: #{$bb-drawer-zindex};
     --bb-drawer-body-shadow: #{$bb-drawer-body-shadow};
+    --bb-drawer-body-padding: #{$bb-drawer-body-padding};
     --bb-drawer-bar-bg: #{$bb-drawer-bar-bg};
     --bb-drawer-bar-hover-color: #{$bb-drawer-bar-hover-color};
     --bb-drawer-bar-drag-color: #{$bb-drawer-bar-drag-color};
@@ -38,6 +39,7 @@
         z-index: 2;
         pointer-events: auto;
         display: flex;
+        padding: var(--bb-drawer-padding);
 
         .drawer-content {
             overflow: auto;
diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss
index b3e530aa88c..2be9263e9cf 100644
--- a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss
+++ b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss
@@ -234,6 +234,7 @@ $bb-divider-text-padding: 0 20px;
 // Drawer
 $bb-drawer-zindex: 1050;
 $bb-drawer-body-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12);
+$bb-drawer-body-padding: 1rem;
 $bb-drawer-bar-bg: #d0d7de;
 $bb-drawer-bar-hover-color: #409eff;
 $bb-drawer-bar-drag-color: #0969da;

From 50896e202ffa290f490cdba24f669ce55cc88b97 Mon Sep 17 00:00:00 2001
From: Argo-AscioTech <argo@live.ca>
Date: Sun, 17 Dec 2023 18:49:25 +0800
Subject: [PATCH 2/5] =?UTF-8?q?doc:=20=E6=9B=B4=E6=96=B0=20Dialogs=20?=
 =?UTF-8?q?=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/Samples/Dialogs.razor          | 127 ++++++++++--------
 1 file changed, 69 insertions(+), 58 deletions(-)

diff --git a/src/BootstrapBlazor.Server/Components/Samples/Dialogs.razor b/src/BootstrapBlazor.Server/Components/Samples/Dialogs.razor
index 9baab79e5c4..e4bb7ae41a2 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Dialogs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Dialogs.razor
@@ -6,14 +6,14 @@
 
 <p>@Localizer["Tip1"]：</p>
 
-<p class="code-label">@((MarkupString)Localizer["Tip2"].Value) </p>
-<Pre>@@inject DialogService DialogService</Pre>
-<Pre>[Inject]
+<p class="code-label mb-3">@((MarkupString)Localizer["Tip2"].Value) </p>
+<Pre class="mb-3">@@inject DialogService DialogService</Pre>
+<Pre class="mb-3">[Inject]
 [NotNull]
 private DialogService? DialogService { get; set; }
 </Pre>
-<p class="code-label">@((MarkupString)Localizer["Tip3"].Value)</p>
-<Pre>var op = new DialogOption()
+<p class="code-label mb-3">@((MarkupString)Localizer["Tip3"].Value)</p>
+<Pre class="mb-3">var op = new DialogOption()
 {
     Title = @Localizer["DialogTitle"],
     ShowFooter = false,
@@ -24,8 +24,8 @@ op.Component = BootstrapDynamicComponent.CreateComponent&lt;DataDialogComponent&
     [nameof(DataDialogComponent.OnCloseAsync)] = new Action(() => op.CloseDialogAsync())
 });
 await DialogService.Show(op);</Pre>
-<p class="code-label">@((MarkupString)Localizer["Tip4"].Value)</p>
-<Pre>[CascadingParameter]
+<p class="code-label mb-3">@((MarkupString)Localizer["Tip4"].Value)</p>
+<Pre class="mb-3">[CascadingParameter]
 private Func&lt;Task&gt;? OnCloseAsync { get; set; }
 
 private async Task OnClick()
@@ -36,13 +36,13 @@ private async Task OnClick()
     }
 }
 </Pre>
-<p class="code-label">@((MarkupString)Localizer["Tip5"].Value)</p>
+<p class="code-label mb-3">@((MarkupString)Localizer["Tip5"].Value)</p>
 <Pre>&lt;DialogCloseButton /&gt;</Pre>
 
 <DemoBlock Title="@Localizer["KeyboardTitle"]" Introduction="@Localizer["KeyboardIntro"]" Name="Keyboard">
-    <p>@((MarkupString)Localizer["KeyboardTip"].Value)</p>
+    <section ignore class="mb-3">@((MarkupString)Localizer["KeyboardTip"].Value)</section>
     <Button OnClick="@KeyboardOnClick">@Localizer["KeyboardOpenDialogButton"]</Button>
-<Button OnClick="@OnClickKeyboard" Text="@($"Keyboard: {IsKeyboard}")" class="ms-3" />
+    <Button OnClick="@OnClickKeyboard" Text="@($"Keyboard: {IsKeyboard}")" class="ms-3" />
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["ResizeTitle"]" Introduction="@Localizer["ResizeIntro"]" Name="Resize">
@@ -58,12 +58,12 @@ private async Task OnClick()
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["ComponentTitle"]" Introduction="@Localizer["ComponentIntro"]" Name="Component">
-    <div class="mb-2">@((MarkupString)Localizer["ComponentTip"].Value)</div>
+    <section ignore class="mb-3">@((MarkupString)Localizer["ComponentTip"].Value)</section>
     <Button @onclick="@ComponentOnClick">@Localizer["ComponentOpenDialogButton"]</Button>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["BodyContextTitle"]" Introduction="@Localizer["BodyContextIntro"]" Name="BodyContext">
-    <p>@((MarkupString)Localizer["BodyContextTip"].Value)</p>
+    <section ignore class="mb-3">@((MarkupString)Localizer["BodyContextTip"].Value)</section>
     <Button @onclick="@BodyContextOnClick">@Localizer["BodyContextOpenDialogButton"]</Button>
 </DemoBlock>
 
@@ -92,67 +92,76 @@ private async Task OnClick()
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["CloseDialogByCodeTitle"]" Introduction="@Localizer["CloseDialogByCodeIntro"]" Name="CloseDialogByCode">
-    <div class="mb-2">@((MarkupString)Localizer["CloseDialogByCodeTip"].Value)</div>
+    <section ignore class="mb-3">@((MarkupString)Localizer["CloseDialogByCodeTip"].Value)</section>
     <Button OnClick="@CloseDialogByCodeShow">Dialog</Button>
     <Button OnClick="@CloseButtonShow">CloseButton</Button>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["DisableHeaderCloseButtonTitle"]" Introduction="@Localizer["DisableHeaderCloseButtonIntro"]" Name="DisableHeaderCloseButton">
-    <div class="mb-2">@((MarkupString)Localizer["DisableHeaderCloseButtonTip"].Value)</div>
+    <section ignore class="mb-3">@((MarkupString)Localizer["DisableHeaderCloseButtonTip"].Value)</section>
     <Button @onclick="@ShowNoHeaderCloseButtonDialog">Dialog</Button>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["MultipleDialogTitle"]" Introduction="@Localizer["MultipleDialogIntro"]" Name="MultipleDialog">
-    <div class="mb-2">@Localizer["MultipleDialogTip1"]</div>
-    <ul class="ul-demo mb-2">
-        <li>@Localizer["MultipleDialogTip2"]</li>
-        <li>@((MarkupString)Localizer["MultipleDialogTip3"].Value)</li>
-        <li>@Localizer["MultipleDialogTip4"]</li>
-        <li>@((MarkupString)Localizer["MultipleDialogTip5"].Value)</li>
-    </ul>
-    <div class="mb-2">@((MarkupString)Localizer["MultipleDialogDesc"].Value)</div>
+    <section ignore>
+        <div class="mb-3">@Localizer["MultipleDialogTip1"]</div>
+        <ul class="ul-demo mb-3">
+            <li>@Localizer["MultipleDialogTip2"]</li>
+            <li>@((MarkupString)Localizer["MultipleDialogTip3"].Value)</li>
+            <li>@Localizer["MultipleDialogTip4"]</li>
+            <li>@((MarkupString)Localizer["MultipleDialogTip5"].Value)</li>
+        </ul>
+        <div class="mb-3">@((MarkupString)Localizer["MultipleDialogDesc"].Value)</div>
+    </section>
     <Button OnClick="@ShowDialogLoop">@Localizer["MultipleDialogButton"]</Button>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["ModalDialogTitle"]" Introduction="@Localizer["ModalDialogIntro"]" Name="ModalDialog">
-    <div class="mb-2">@Localizer["ModalDialogTip1"]</div>
-    <ul class="ul-demo mb-2">
-        <li>@Localizer["ModalDialogTip2"]</li>
-        <li>@((MarkupString)Localizer["ModalDialogTip3"].Value)</li>
-        <li>@((MarkupString)Localizer["ModalDialogTip4"].Value)</li>
-        <li>@Localizer["ModalDialogTip5"]</li>
-    </ul>
+    <section ignore>
+        <div class="mb-3">@Localizer["ModalDialogTip1"]</div>
+        <ul class="ul-demo mb-3">
+            <li>@Localizer["ModalDialogTip2"]</li>
+            <li>@((MarkupString)Localizer["ModalDialogTip3"].Value)</li>
+            <li>@((MarkupString)Localizer["ModalDialogTip4"].Value)</li>
+            <li>@Localizer["ModalDialogTip5"]</li>
+        </ul>
+    </section>
     <Button OnClick="@OnResultDialogClick">@Localizer["ModalDialogButton"]</Button>
     <ConsoleLogger @ref="ModalDialogLogger" class="mt-3" />
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["EditDialogTitle"]" Introduction="@Localizer["EditDialogIntro"]" Name="EditDialog">
-    <div class="mb-2">@Localizer["EditDialogTip1"]</div>
-    <ul class="ul-demo mb-2">
-        <li>@Localizer["EditDialogTip2"]</li>
-        <li>@((MarkupString)Localizer["EditDialogTip3"].Value)</li>
-        <li>@((MarkupString)Localizer["EditDialogTip4"].Value)</li>
-    </ul>
+    <section ingore>
+        <div class="mb-3">@Localizer["EditDialogTip1"]</div>
+        <ul class="ul-demo mb-3">
+            <li>@Localizer["EditDialogTip2"]</li>
+            <li>@((MarkupString)Localizer["EditDialogTip3"].Value)</li>
+            <li>@((MarkupString)Localizer["EditDialogTip4"].Value)</li>
+        </ul>
+    </section>
     <Button OnClick="@OnEditDialogClick">@Localizer["EditDialogButton"]</Button>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["SearchDialogTitle"]" Introduction="@Localizer["SearchDialogIntro"]" Name="SearchDialog">
-    <div class="mb-2">@Localizer["SearchDialogTip1"]</div>
-    <ul class="ul-demo mb-2">
-        <li>@Localizer["SearchDialogTip2"]</li>
-        <li>@((MarkupString)Localizer["SearchDialogTip3"].Value)</li>
-        <li>@((MarkupString)Localizer["SearchDialogTip4"].Value)</li>
-    </ul>
+    <section ignore>
+        <div class="mb-3">@Localizer["SearchDialogTip1"]</div>
+        <ul class="ul-demo mb-3">
+            <li>@Localizer["SearchDialogTip2"]</li>
+            <li>@((MarkupString)Localizer["SearchDialogTip3"].Value)</li>
+            <li>@((MarkupString)Localizer["SearchDialogTip4"].Value)</li>
+        </ul>
+    </section>
     <Button OnClick="@OnSearchDialogClick">@Localizer["SearchDialogButton"]</Button>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["SaveDialogTitle"]" Introduction="@Localizer["SaveDialogIntro"]" Name="SaveDialog">
-    <div class="mb-2">@Localizer["SaveDialogTip1"]</div>
-    <ul class="ul-demo mb-2">
-        <li>@Localizer["SaveDialogTip2"]</li>
-        <li>@((MarkupString)Localizer["SaveDialogTip3"].Value)</li>
-    </ul>
-
+    <section ignore>
+        <div class="mb-2">@Localizer["SaveDialogTip1"]</div>
+        <ul class="ul-demo mb-2">
+            <li>@Localizer["SaveDialogTip2"]</li>
+            <li>@((MarkupString)Localizer["SaveDialogTip3"].Value)</li>
+        </ul>
+    </section>
     <Button OnClick="@OnSaveDialogClick">@Localizer["SaveDialogButton"]</Button>
 </DemoBlock>
 
@@ -174,17 +183,19 @@ private async Task OnClick()
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["EmailTitle"]" Introduction="@Localizer["EmailIntro"]" Name="Email">
-    <div class="mb-2">@Localizer["EmailTip1"]</div>
-    <ul class="ul-demo mb-2">
-        <li>@((MarkupString)Localizer["EmailTip2"].Value)</li>
-        <li>@((MarkupString)Localizer["EmailTip3"].Value)</li>
-        <li>@((MarkupString)Localizer["EmailTip4"].Value)</li>
-        <li>@((MarkupString)Localizer["EmailTip5"].Value)</li>
-        <li>@((MarkupString)Localizer["EmailTip6"].Value)</li>
-        <li>@((MarkupString)Localizer["EmailTip7"].Value)</li>
-        <li>@((MarkupString)Localizer["EmailTip8"].Value)</li>
-    </ul>
-    <label class="form-label">@Localizer["EmailLabel"]：</label>
+    <section ignore>
+        <div class="mb-3">@Localizer["EmailTip1"]</div>
+        <ul class="ul-demo mb-3">
+            <li>@((MarkupString)Localizer["EmailTip2"].Value)</li>
+            <li>@((MarkupString)Localizer["EmailTip3"].Value)</li>
+            <li>@((MarkupString)Localizer["EmailTip4"].Value)</li>
+            <li>@((MarkupString)Localizer["EmailTip5"].Value)</li>
+            <li>@((MarkupString)Localizer["EmailTip6"].Value)</li>
+            <li>@((MarkupString)Localizer["EmailTip7"].Value)</li>
+            <li>@((MarkupString)Localizer["EmailTip8"].Value)</li>
+        </ul>
+        <label class="form-label">@Localizer["EmailLabel"]：</label>
+    </section>
     <div class="input-group">
         <BootstrapInput PlaceHolder="@Localizer["EmailInput"]" Value="@EmailInputValue" />
         <Button Icon="fa-regular fa-address-card" OnClick="@OnEmailButtonClick" />

From e5896cd50bbea2e9cd327dccda2483cd9e7af7be Mon Sep 17 00:00:00 2001
From: Argo-AscioTech <argo@live.ca>
Date: Sun, 17 Dec 2023 19:18:52 +0800
Subject: [PATCH 3/5] =?UTF-8?q?refactor:=20=E7=B2=BE=E7=AE=80=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor/Components/Dialog/Dialog.razor.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/BootstrapBlazor/Components/Dialog/Dialog.razor.cs b/src/BootstrapBlazor/Components/Dialog/Dialog.razor.cs
index 82d912830dd..4e84fc2e3a0 100644
--- a/src/BootstrapBlazor/Components/Dialog/Dialog.razor.cs
+++ b/src/BootstrapBlazor/Components/Dialog/Dialog.razor.cs
@@ -18,7 +18,7 @@ public partial class Dialog : IDisposable
     /// <summary>
     /// 获得/设置 弹出对话框实例集合
     /// </summary>
-    private Dictionary<Dictionary<string, object>, (bool IsKeyboard, bool IsBackdrop)> DialogParameters { get; } = new();
+    private Dictionary<Dictionary<string, object>, (bool IsKeyboard, bool IsBackdrop)> DialogParameters { get; } = [];
 
     private bool IsKeyboard { get; set; }
 

From db2545c3a2a9fec6dbdaabfa7b7dd0f5b47a1445 Mon Sep 17 00:00:00 2001
From: Argo-AscioTech <argo@live.ca>
Date: Sun, 17 Dec 2023 19:19:16 +0800
Subject: [PATCH 4/5] =?UTF-8?q?refactor:=20=E4=BD=BF=E7=94=A8=20Count=20?=
 =?UTF-8?q?=E4=BB=A3=E6=9B=BF=20Any()?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor/Components/Modal/Modal.razor.cs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/BootstrapBlazor/Components/Modal/Modal.razor.cs b/src/BootstrapBlazor/Components/Modal/Modal.razor.cs
index 6e4cc7b1d68..20296f66620 100644
--- a/src/BootstrapBlazor/Components/Modal/Modal.razor.cs
+++ b/src/BootstrapBlazor/Components/Modal/Modal.razor.cs
@@ -110,7 +110,7 @@ internal void RemoveDialog(ModalDialog dialog)
         // 移除当前弹窗
         Dialogs.Remove(dialog);
 
-        if (Dialogs.Any())
+        if (Dialogs.Count > 0)
         {
             ResetShownDialog(Dialogs.Last());
         }
@@ -153,7 +153,7 @@ public async Task CloseCallback()
         }
 
         // 多级弹窗支持
-        if (Dialogs.Any())
+        if (Dialogs.Count > 0)
         {
             ResetShownDialog(Dialogs.Last());
         }

From 12d929b653158a51402eccd206cccd525c31f982 Mon Sep 17 00:00:00 2001
From: Argo-AscioTech <argo@live.ca>
Date: Sun, 17 Dec 2023 19:19:47 +0800
Subject: [PATCH 5/5] refactor(Toggle): use variable

---
 .../Components/Toggle/Toggle.razor.scss            | 14 +++++++-------
 .../wwwroot/scss/theme/bootstrap.blazor.scss       |  6 ++++++
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/BootstrapBlazor/Components/Toggle/Toggle.razor.scss b/src/BootstrapBlazor/Components/Toggle/Toggle.razor.scss
index 2fbf61af8ef..c44980c05b3 100644
--- a/src/BootstrapBlazor/Components/Toggle/Toggle.razor.scss
+++ b/src/BootstrapBlazor/Components/Toggle/Toggle.razor.scss
@@ -1,16 +1,16 @@
-.btn-toggle {
-    --bb-toggle-min-width: 70px;
+.btn-toggle {
+    --bb-toggle-min-width: #{$bb-toggle-min-width};
+    --bb-toggle-bg-color: #{$bb-toggle-bg-color};
+    --bb-toggle-color: #{$bb-toggle-color};
+    --bb-toggle-off-color: #{$bb-toggle-off-color};
+    --bs-btn-hover-color: #fff;
     --bs-btn-border-color: #c0c4cc;
     --bs-btn-disabled-border-color: var(--bs-btn-border-color);
     --bs-btn-hover-border-color: var(--bs-btn-border-color);
     --bs-btn-active-border-color: var(--bs-btn-border-color);
-    --bs-btn-hover-color: #fff;
-    --bb-toggle-bg-color: #e0e0e0;
-    --bb-toggle-color: #fff;
-    --bb-toggle-off-color: #000;
     position: relative;
     overflow: hidden;
-    border: 1px solid #c0c4cc;
+    border: 1px solid var(--bs-btn-border-color);
     border-radius: var(--bs-border-radius);
     min-width: var(--bb-toggle-min-width);
     min-height: var(--bb-height);
diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss
index 2be9263e9cf..c3fe843628b 100644
--- a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss
+++ b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss
@@ -590,4 +590,10 @@ $bb-timer-button-height: 66px;
 $bb-timer-button-padding: 0;
 $bb-timer-button-font-size: .75rem;
 
+// Toggle
+$bb-toggle-min-width: 70px;
+$bb-toggle-bg-color: #e0e0e0;
+$bb-toggle-color: #fff;
+$bb-toggle-off-color: #000;
+
 @import "../components.scss";