feat(PdfReader): simplify code improve performace (#821)

* refactor: 修复给常量赋值错误

* refactor: 重置流长度变量

* refactor: 移除 createObjectURL 方法精简代码逻辑

* refactor: 重构 url data 变量逻辑

* chore: bump version 10.0.15

Author: ArgoZhang

src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.0.14</Version>
+    <Version>10.0.15</Version>
   </PropertyGroup>
 
   <PropertyGroup>

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

@@ -200,6 +200,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
         {
             _url = Url;
             _lastStreamHash = string.Empty;
+            _lastStreamLength = 0;
             await InvokeVoidAsync("setUrl", Id, _url);
         }
         if (_currentPage != CurrentPage)

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

@@ -36,6 +36,7 @@ export async function setUrl(id, url) {
 
     const { options } = pdf;
     options.url = url;
+    options.data = null;
     await loadPdf(pdf);
 }
 
@@ -47,31 +48,12 @@ export async function setData(id, data) {
         return;
     }
 
-    const objectUrl = createObjectURLFromByte(data);
-    pdf.objectUrl = objectUrl;
-
     const { options } = pdf;
-    options.url = objectUrl;
-    options.data = null;
+    options.url = null;
+    options.data = data;;
     await loadPdf(pdf);
 }
 
-const createObjectURLFromBase64 = base64Data => {
-    const binaryString = atob(base64Data);
-    const bytes = new Uint8Array(binaryString.length);
-    for (let i = 0; i < binaryString.length; i++) {
-        bytes[i] = binaryString.charCodeAt(i);
-    }
-
-    const blob = new Blob([bytes], { type: 'application/pdf' });
-    return URL.createObjectURL(blob);
-}
-
-const createObjectURLFromByte = bytes => {
-    const blob = new Blob([bytes], { type: 'application/pdf' });
-    return URL.createObjectURL(blob);
-}
-
 export function setScaleValue(id, value) {
     const { pdfViewer } = Data.get(id);
     if (pdfViewer) {
@@ -139,10 +121,7 @@ const loadPdf = async pdf => {
 
         if (bar) {
             const val = loaded / total * 100;
-            if (val > 100) {
-                val = 100;
-            }
-            bar.style.setProperty('--bb-view-progress-val', `${val}%`);
+            bar.style.setProperty('--bb-view-progress-val', `${Math.min(val, 100)}%`);
 
             if (progressHandler === null) {
                 progressHandler = setTimeout(() => {
@@ -185,10 +164,7 @@ const loadPdf = async pdf => {
 }
 
 const disposePdf = pdf => {
-    const { el, observer, loadingTask, objectUrl } = pdf;
-    if (objectUrl) {
-        URL.revokeObjectURL(objectUrl);
-    }
+    const { el, observer, loadingTask } = pdf;
 
     if (observer) {
         observer.disconnect();
@@ -203,7 +179,10 @@ const disposePdf = pdf => {
         const viewContainer = el.querySelector(".bb-view-container");
         if (viewContainer) {
             [...viewContainer.children].forEach(i => {
-                if (!i.classList.contains("pdfViewer")) {
+                if (i.classList.contains("pdfViewer")) {
+                    i.innerHTML = "";
+                }
+                else {
                     i.remove();
                 }
             })