feat: 增加 ScrollStrategy 参数

Author: ArgoZhang

src/components/BootstrapBlazor.EmbedPDF/EmbedPDF.razor.cs

@@ -37,7 +37,7 @@ public partial class EmbedPDF
     /// 获得/设置 标签显示模式 默认值 <see cref="EmbedPDFTabBarMode.Always"/>
     /// </summary>
     [Parameter]
-    public EmbedPDFScrollDirection ScrollDirection { get; set; } = EmbedPDFScrollDirection.Vertical;
+    public EmbedPDFScrollStrategy ScrollStrategy { get; set; } = EmbedPDFScrollStrategy.Vertical;
 
     /// <summary>
     /// 获得/设置 主题样式 默认 <see cref="EmbedPDFTheme.System"/>
@@ -72,6 +72,7 @@ public partial class EmbedPDF
     private string? _url;
     private EmbedPDFTheme _theme;
     private string? _language;
+    private EmbedPDFScrollStrategy _strategy = EmbedPDFScrollStrategy.Vertical;
 
     /// <summary>
     /// <inheritdoc/>
@@ -100,6 +101,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
             _url = Url;
             _language = Language;
             _theme = Theme;
+            _strategy = ScrollStrategy;
             return;
         }
 
@@ -118,6 +120,11 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
             _language = Language;
             await InvokeVoidAsync("setLocale", Id, _language);
         }
+        if (_strategy != ScrollStrategy)
+        {
+            _strategy = ScrollStrategy;
+            await InvokeVoidAsync("setScrollStrategy", Id, _strategy.ToDescriptionString());
+        }
     }
 
     /// <summary>
@@ -131,7 +138,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
         Src = Url,
         Lang = Language,
         CurrentPage,
-        ScrollDirection = ScrollDirection.ToDescriptionString(),
+        ScrollStrategy = ScrollStrategy.ToDescriptionString(),
         PageGap
     });
 }

src/components/BootstrapBlazor.EmbedPDF/EmbedPDF.razor.js

@@ -1,6 +1,6 @@
 import Data from '../BootstrapBlazor/modules/data.js'
 import EventHandler from "../BootstrapBlazor/modules/event-handler.js"
-import { default as EmbedPDF, DocumentManagerPlugin } from './embedpdf.js'
+import EmbedPDF from './embedpdf.js'
 import { getTheme, registerBootstrapBlazorModule } from '../BootstrapBlazor/modules/utility.js'
 
 export async function init(id, invoke, options) {
@@ -10,7 +10,7 @@ export async function init(id, invoke, options) {
     }
 
     const target = el.querySelector('.pdf-viewer');
-    const { src, tabBar, theme, lang, currentPage, scrollDirection, pageGap } = options;
+    const { src, tabBar, theme, lang, currentPage, scrollStrategy, pageGap } = options;
     const wasmUrl = `${location.origin}/_content/BootstrapBlazor.EmbedPDF/pdfium.wasm`;
 
     let preference = theme;
@@ -38,7 +38,7 @@ export async function init(id, invoke, options) {
             fallbackLocale: 'en'
         },
         scroll: {
-            defaultStrategy: scrollDirection,
+            defaultStrategy: scrollStrategy,
             defaultPageGap: currentPageGap
         }
     });
@@ -97,6 +97,17 @@ export async function setLocale(id, locale) {
     }
 }
 
+export async function setScrollStrategy(id, strategy) {
+    const pdf = Data.get(id);
+    const { viewer } = pdf;
+
+    if (viewer) {
+        const registry = await viewer.registry;
+        const scroll = registry.getPlugin('scroll').provides();
+        scroll.setScrollStrategy(strategy);
+    }
+}
+
 export function dispose(id) {
     const pdf = Data.get(id);
     Data.remove(id);

…azor.EmbedPDF/EmbedPDFScrollDirection.cs …lazor.EmbedPDF/EmbedPDFScrollStrategy.cssrc/components/BootstrapBlazor.EmbedPDF/EmbedPDFScrollDirection.cs renamed to src/components/BootstrapBlazor.EmbedPDF/EmbedPDFScrollStrategy.cs src/components/BootstrapBlazor.EmbedPDF/EmbedPDFScrollDirection.cs renamed to src/components/BootstrapBlazor.EmbedPDF/EmbedPDFScrollStrategy.cs

@@ -9,7 +9,7 @@ namespace BootstrapBlazor.Components;
 /// <summary>
 /// 滚动方向枚举
 /// </summary>
-public enum EmbedPDFScrollDirection
+public enum EmbedPDFScrollStrategy
 {
     /// <summary>
     /// 垂直方向
@@ -20,6 +20,6 @@ public enum EmbedPDFScrollDirection
     /// <summary>
     /// 水平方向
     /// </summary>
-    [Description("Horizontal")]
+    [Description("horizontal")]
     Horizontal
 }