diff --git a/src/components/BootstrapBlazor.WinBox/BootstrapBlazor.WinBox.csproj b/src/components/BootstrapBlazor.WinBox/BootstrapBlazor.WinBox.csproj index d4feccb0..feedd08f 100644 --- a/src/components/BootstrapBlazor.WinBox/BootstrapBlazor.WinBox.csproj +++ b/src/components/BootstrapBlazor.WinBox/BootstrapBlazor.WinBox.csproj @@ -1,5 +1,9 @@ + + 10.0.2 + + Bootstrap Blazor WebAssembly wasm UI Components Winbox Dialog Bootstrap UI components extensions of Winbox diff --git a/src/components/BootstrapBlazor.WinBox/WinBox.razor.cs b/src/components/BootstrapBlazor.WinBox/WinBox.razor.cs index 7f596b3a..38d52f7f 100644 --- a/src/components/BootstrapBlazor.WinBox/WinBox.razor.cs +++ b/src/components/BootstrapBlazor.WinBox/WinBox.razor.cs @@ -12,6 +12,10 @@ namespace BootstrapBlazor.Components; /// public partial class WinBox { + private const string WinBoxBaseStylePath = "_content/BootstrapBlazor.WinBox/css/winbox.min.css"; + + private const string WinBoxStylePath = "_content/BootstrapBlazor.WinBox/css/winbox.bundle.css"; + /// /// DialogServices 服务实例 /// @@ -23,6 +27,26 @@ public partial class WinBox private readonly ConcurrentDictionary _cache = new(); + /// + /// + /// + /// + protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, new + { + BaseStyleUrl = WinBoxBaseStyleUrl, + StyleUrl = WinBoxStyleUrl + }); + +#if NET9_0_OR_GREATER + private string WinBoxBaseStyleUrl => Assets[WinBoxBaseStylePath]; + + private string WinBoxStyleUrl => Assets[WinBoxStylePath]; +#else + private static string WinBoxBaseStyleUrl => WinBoxBaseStylePath; + + private static string WinBoxStyleUrl => WinBoxStylePath; +#endif + /// /// OnInitialized 方法 /// diff --git a/src/components/BootstrapBlazor.WinBox/WinBox.razor.js b/src/components/BootstrapBlazor.WinBox/WinBox.razor.js index 144d4c26..f08f875a 100644 --- a/src/components/BootstrapBlazor.WinBox/WinBox.razor.js +++ b/src/components/BootstrapBlazor.WinBox/WinBox.razor.js @@ -1,9 +1,11 @@ -import './js/winbox.min.js' +import './js/winbox.min.js' import Data from '../BootstrapBlazor/modules/data.js' import { addLink } from "../BootstrapBlazor/modules/utility.js" -export async function init(id) { - await addLink('_content/BootstrapBlazor.WinBox/css/winbox.bundle.css') +export async function init(id, options) { + const { baseStyleUrl, styleUrl } = options; + await addLink(baseStyleUrl) + await addLink(styleUrl) } export function show(id, invoke, option) { diff --git a/src/components/BootstrapBlazor.WinBox/wwwroot/css/winbox.bundle.css b/src/components/BootstrapBlazor.WinBox/wwwroot/css/winbox.bundle.css index cfc7b2ec..e2f3b9ed 100644 --- a/src/components/BootstrapBlazor.WinBox/wwwroot/css/winbox.bundle.css +++ b/src/components/BootstrapBlazor.WinBox/wwwroot/css/winbox.bundle.css @@ -1,5 +1,3 @@ -@import url('./winbox.min.css'); - :root { --bb-winbox-bg: #b5b5c3; --bb-winbox-bg-dark: #383b3f;