Add ZoomSpeed parameter and remove zoomSpeed from viewer

Introduced a new `ZoomSpeed` property in `ImagePreviewer.razor.cs` to allow configuration of the preview zoom speed, marked with the `[Parameter]` attribute for parent component usage.

Author: h2ls

src/BootstrapBlazor/Components/ImagePreviewer/ImagePreviewer.razor.cs

@@ -78,6 +78,12 @@ public partial class ImagePreviewer
     [Parameter]
     public string? RotateRightIcon { get; set; }
 
+    /// <summary>
+    /// 获得/设置 预览缩放速度
+    /// </summary>
+    [Parameter]
+    public double ZoomSpeed { get; set; }
+
     [Inject]
     [NotNull]
     private IIconTheme? IconTheme { get; set; }
@@ -126,5 +132,5 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     /// <inheritdoc/>
     /// </summary>
     /// <returns></returns>
-    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, PreviewList);
+    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, PreviewList, new { ZoomSpeed });
 }

src/BootstrapBlazor/Components/ImagePreviewer/ImagePreviewer.razor.js

@@ -1,15 +1,15 @@
 import Data from "../../modules/data.js"
 import Viewer from "../../modules/viewer.js"
 
-export function init(id, prevList) {
+export function init(id, prevList, config) {
     const el = document.getElementById(id)
     if (el === null) {
         return
     }
 
     const viewer = {
         el,
-        viewer: Viewer.init(el, prevList)
+        viewer: Viewer.init(el, prevList, config)
     }
     Data.set(id, viewer)
 }

src/BootstrapBlazor/wwwroot/modules/viewer.js

@@ -19,8 +19,7 @@ export default {
                 store: {
                     scale: 1
                 },
-                options: { max: null, min: 0.195 },
-                zoomSpeed: el.querySelector('.bb-viewer-zoomspeed')
+                options: { max: null, min: 0.195 }
             },
             ...config || {}
         }