feat(DriverJs): add OverlayClickBehavior support (#707)

* chore: bump version 10.0.1

* chore: updated version to 1.4.0

* feat: add OverlayClickBehavior support

* feat: 更改回调参数

Author: ArgoZhang

src/components/BootstrapBlazor.DriverJs/BootstrapBlazor.DriverJs.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <RootNamespace>BootstrapBlazor.Components</RootNamespace>
+    <Version>10.0.1</Version>
   </PropertyGroup>
 
   <PropertyGroup>

src/components/BootstrapBlazor.DriverJs/Components/DriverJs.razor.cs

@@ -1,4 +1,4 @@
-// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Copyright (c) BootstrapBlazor & Argo Zhang (argo@live.ca). 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/
 
@@ -67,7 +67,7 @@ public async Task Start(int? index = 0)
     {
         string? ret = null;
 
-        if (Config?.OnDestroyStartedAsync != null)
+        if (Config is { OnDestroyStartedAsync: not null })
         {
             ret = await Config.OnDestroyStartedAsync(Config, index);
         }
@@ -81,12 +81,25 @@ public async Task Start(int? index = 0)
     [JSInvokable]
     public async Task OnDestroyed()
     {
-        if (Config?.OnDestroyedAsync != null)
+        if (Config is { OnDestroyedAsync: not null })
         {
             await Config.OnDestroyedAsync();
         }
     }
 
+    /// <summary>
+    /// 点击组件这招回调方法由 JavaScript 调用
+    /// </summary>
+    /// <returns></returns>
+    [JSInvokable]
+    public async Task OnOverlayClicked(int index)
+    {
+        if (Config is { OnOverlayClickedAsync: not null })
+        {
+            await Config.OnOverlayClickedAsync(this, Config, index);
+        }
+    }
+
     /// <summary>
     /// Starts at step 0
     /// </summary>

src/components/BootstrapBlazor.DriverJs/Components/DriverJs.razor.js

@@ -1,4 +1,4 @@
-import { driver } from "../driver.js"
+import { driver } from "../driver.js.mjs"
 import { addLink } from '../../BootstrapBlazor/modules/utility.js'
 import Data from "../../BootstrapBlazor/modules/data.js"
 
@@ -18,7 +18,7 @@ export function start(id, options, config) {
     if (d) {
         d.config = config;
         const { index } = config;
-        const { hookDestroyStarted, hookDestroyed } = options;
+        const { hookDestroyStarted, hookDestroyed, overlayClickBehavior } = options;
         if (hookDestroyStarted) {
             delete options.hookDestroyStarted;
             options.onDestroyStarted = async (el, step, { state }) => {
@@ -34,6 +34,12 @@ export function start(id, options, config) {
                 d.invoke.invokeMethodAsync("OnDestroyed");
             };
         }
+        if (overlayClickBehavior === "function") {
+            options.overlayClickBehavior = async (el, step, { state }) => {
+                await d.invoke.invokeMethodAsync("OnOverlayClicked", state.activeIndex)
+            };
+        }
+
         const driverObj = driver(options);
         d.driver = driverObj;
         driverObj.drive(index);

src/components/BootstrapBlazor.DriverJs/Components/DriverJsConfig.cs

@@ -1,4 +1,4 @@
-// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Copyright (c) BootstrapBlazor & Argo Zhang (argo@live.ca). 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/
 
@@ -142,4 +142,19 @@ public class DriverJsConfig
     /// </summary>
     [JsonIgnore]
     public Func<Task>? OnDestroyedAsync { get; set; }
+
+    /// <summary>
+    /// 获得/设置 点击遮罩行为 close nextStep function 默认 close
+    /// </summary>
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public string? OverlayClickBehavior { get; set; }
+
+    [JsonInclude]
+    private string OverlayClickCallbackMethod => nameof(OnOverlayClickedAsync);
+
+    /// <summary>
+    /// 获得/设置 组件销毁前回调方法名称
+    /// </summary>
+    [JsonIgnore]
+    public Func<DriverJs, DriverJsConfig, int, Task>? OnOverlayClickedAsync { get; set; }
 }