ci-plus 1.4.9 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ci-plus",
-  "version": "1.4.9",
+  "version": "1.5.0",
   "description": "ci组件库",
   "main": "./index.ts",
   "scripts": {
@@ -12,7 +12,7 @@
     "vue",
     "element-plus",
     "ui组件库二次封装",
-    "utils中新增一个文件下载的工具函数"
+    "utils中新增一个文件下载的工具函数2"
   ],
   "type": "module",
   "author": {

package/src/utils/ajaxBox.ts

@@ -63,6 +63,81 @@ const ajaxBox = {
   downFile: function (blob: Blob | BlobPart, fileName: string) {
     downFileFn(blob, fileName);
   },
+
+  // 下载文件
+  downFileFetch: function (fillAddress, fileName, method, headers, params, cbpercentage) {
+    let options = {
+      method: method || 'GET',
+    }
+    // 判断请求是否为get请求，若是get请求，则将params参数拼接在url后面
+    if (method === 'GET') {
+      const queryString = new URLSearchParams(params).toString()
+      fillAddress = fillAddress + '?' + queryString
+    }
+    if (headers) {
+      options['headers'] = headers
+    }
+    if ((method === 'post' || method === 'POST') && params) {
+      options['body'] = JSON.stringify(params)
+    }
+
+    // 定义每次读取的数据块大小（字节）
+    let chunkSize = 10240 // 例如，10KB
+    // 如果在params中传递了chunkSize参数，则使用其值作为块大小
+    if (params && params.chunkSize) {
+      chunkSize = params.chunkSize
+    }
+    // 初始化已下载的字节数
+    let downloaded = 0
+    // 初始化 Blob 切片起始点
+    let start = 0
+
+    fetch(fillAddress, options)
+      .then((res) => {
+        // console.log('resssssss: ', res)
+        if (!res.ok) {
+          throw new Error('Network response was not ok')
+        }
+        return res.blob()
+      })
+      .then((blob) => {
+        // console.log('blob: ', blob)
+        const reader = new FileReader() // 创建 FileReader 对象
+        const readBlobInChunks = () => {
+          // 创建一个 Blob 切片，大小为 chunkSize
+          const chunkBlob = blob.slice(start, start + chunkSize)
+          start += chunkSize // 更新起始点
+          // 读取 Blob 切片
+          reader.readAsArrayBuffer(chunkBlob)
+          reader.onload = () => {
+            // 累加已下载的字节数
+            // downloaded += reader.result.byteLength
+            if (typeof reader.result === 'string' || reader.result === null) {
+              console.log('reader.result不为 ArrayBuffer');
+              // 处理字符串的情况，可能需要转换为 ArrayBuffer 或者其他处理逻辑
+            } else {
+              downloaded += reader.result.byteLength;
+            }
+            // 计算下载进度百分比
+            const total = blob.size
+            const progress = ((downloaded / total) * 100).toFixed(2)
+            cbpercentage && cbpercentage(progress) // 如果传递了获取下载进度的回调函数，则调用回调函数传递进度百分比
+            console.log(`下载进度: ${progress}%`)
+            // 如果还有数据未读取，则继续读取
+            if (start < total) {
+              readBlobInChunks()
+            } else {
+              console.log('下载完成.')
+              // 处理下载完成的数据，例如将其保存或显示
+              // downFileFn(blob, fileName)
+              downFileFn(blob, fileName)
+            }
+          }
+        }
+
+        readBlobInChunks()
+      })
+  }
   /*
     sendJSONP: function (url, callbackName, callback) {
       const script = document.createElement('script');
@@ -80,22 +155,10 @@ const ajaxBox = {
         delete window[callbackName];
       };
     },
+  */
+
+
 
-    downFileFetch: function (fillAddress, fileName, method, headers, params) {
-      let options = {
-        method: method || 'GET',
-      }
-      if (headers) {
-        options['headers'] = headers;
-      }
-      if ((method === 'post' || method === 'POST') && params) {
-        options['body'] = JSON.stringify(params)
-      }
-      fetch(fillAddress, options).then(res => res.blob()).then((blob) => {
-        downFileFn(blob, fileName);
-      });
-    }
-    */
 
 }
 export default ajaxBox;