feat: 增加旋转按钮功能

Author: ArgoZhang

src/components/BootstrapBlazor.PdfReader/PdfReader.razor

@@ -17,7 +17,8 @@
             <div class="bb-view-divider"></div>
             <div class="bb-view-icon bb-view-fit-page" @onclick="FitToPage"><i class="fa-solid fa-arrows-left-right-to-line"></i></div>
             <div class="bb-view-icon bb-view-fit-width" @onclick="FitToWidth"><i class="fa-solid fa-arrows-left-right"></i></div>
-            <div class="bb-view-icon bb-view-fit-rotate" @onclick="Rotate"><i class="fa-solid fa-rotate-left"></i></div>
+            <div class="bb-view-icon bb-view-fit-rotate" @onclick="RotateLeft"><i class="fa-solid fa-rotate-left"></i></div>
+            <div class="bb-view-icon bb-view-fit-rotate" @onclick="RotateRight"><i class="fa-solid fa-rotate-right"></i></div>
             <div class="bb-view-divider"></div>
             <div class="bb-view-icon bb-view-draw"><i class="fa-solid fa-pen-to-square"></i></div>
         </div>

src/components/BootstrapBlazor.PdfReader/PdfReader.razor.cs

@@ -93,16 +93,29 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     /// <summary>
     /// 适应页面宽度
     /// </summary>
-    private void FitToPage() => IsFitToPage = true;
+    public void FitToPage() => IsFitToPage = true;
 
     /// <summary>
     /// 适应文档宽度
     /// </summary>
-    private void FitToWidth() => IsFitToPage = false;
+    public void FitToWidth() => IsFitToPage = false;
 
-    public async Task Rotate()
+    /// <summary>
+    /// 旋转页面方法
+    /// </summary>
+    /// <returns></returns>
+    public async Task RotateLeft()
+    {
+        await InvokeVoidAsync("rotate", Id, -90);
+    }
+
+    /// <summary>
+    /// 旋转页面方法
+    /// </summary>
+    /// <returns></returns>
+    public async Task RotateRight()
     {
-        await InvokeVoidAsync("rotate", Id);
+        await InvokeVoidAsync("rotate", Id, 90);
     }
 
     private Task TriggerFit(string methodName) => InvokeVoidAsync(methodName, Id);

src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js

@@ -93,11 +93,11 @@ export function fitToPage(id) {
     }
 }
 
-export function rotate(id) {
+export function rotate(id, offset) {
     const pdfViewer = Data.get(id);
     if (pdfViewer) {
         let rotate = pdfViewer.pagesRotation || 360;
-        rotate -= 90;
+        rotate += offset;
         pdfViewer.pagesRotation = rotate % 360;
     }
 }