feat(PdfReader): add Rotate function

Author: ArgoZhang

src/components/BootstrapBlazor.PdfReader/PdfReader.razor

@@ -17,7 +17,7 @@
             <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"><i class="fa-solid fa-rotate-left"></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-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,14 +93,17 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     /// <summary>
     /// 适应页面宽度
     /// </summary>
-    /// <returns></returns>
-    public void FitToPage() => IsFitToPage = true;
+    private void FitToPage() => IsFitToPage = true;
 
     /// <summary>
     /// 适应文档宽度
     /// </summary>
-    /// <returns></returns>
-    public void FitToWidth() => IsFitToPage = false;
+    private void FitToWidth() => IsFitToPage = false;
+
+    public async Task Rotate()
+    {
+        await InvokeVoidAsync("rotate", Id);
+    }
 
     private Task TriggerFit(string methodName) => InvokeVoidAsync(methodName, Id);
 

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

@@ -93,6 +93,15 @@ export function fitToPage(id) {
     }
 }
 
+export function rotate(id) {
+    const pdfViewer = Data.get(id);
+    if (pdfViewer) {
+        let rotate = pdfViewer.pagesRotation || 360;
+        rotate -= 90;
+        pdfViewer.pagesRotation = rotate % 360;
+    }
+}
+
 export function dispose(id) {
     Data.get(id);
 }
@@ -252,16 +261,16 @@ export async function print(invoke, elementId, url) {
         1000);
 }
 
-export function rotate(invoke, elementId, rotation) {
-    const pdf = getPdf(elementId);
+//export function rotate(invoke, elementId, rotation) {
+//    const pdf = getPdf(elementId);
 
-    if (pdf == null || Number.isNaN(rotation) || rotation % 90 !== 0)
-        return;
+//    if (pdf == null || Number.isNaN(rotation) || rotation % 90 !== 0)
+//        return;
 
-    pdf.rotation = rotation;
+//    pdf.rotation = rotation;
 
-    queueRenderPage(pdf, pdf.pageNum);
-}
+//    queueRenderPage(pdf, pdf.pageNum);
+//}
 
 export function zoomInOut(invoke, elementId, scale) {
     const pdf = getPdf(elementId);