From ed7daa4889affd5e452f15d9151339987a2f2928 Mon Sep 17 00:00:00 2001 From: liyulin <501351981@qq.com> Date: Sun, 6 Aug 2023 16:56:26 +0800 Subject: [PATCH] =?UTF-8?q?change:=20=E4=B8=8B=E8=BD=BD=E6=96=B9=E6=B3=95d?= =?UTF-8?q?ownload=E6=94=B9=E4=B8=BAsave=EF=BC=8C=E9=81=BF=E5=85=8D?= =?UTF-8?q?=E5=92=8C=E8=AF=BA=E4=BE=9D=E6=A1=86=E6=9E=B6=E5=86=B2=E7=AA=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- core/packages/js-docx/index.d.ts | 2 +- core/packages/js-docx/src/main.js | 2 +- core/packages/js-excel/index.d.ts | 2 +- core/packages/js-excel/src/main.js | 2 +- core/packages/js-pdf/index.d.ts | 2 +- core/packages/js-pdf/src/main.js | 2 +- core/packages/vue-docx/src/main.vue | 4 ++-- core/packages/vue-excel/src/main.vue | 4 ++-- core/packages/vue-pdf/src/main.vue | 4 ++-- docs/guide/js-preview.md | 6 +++--- examples/docs/404.html | 2 +- ...eview.md.873b3161.js => guide_js-preview.md.d8c75dcf.js} | 2 +- ...73b3161.lean.js => guide_js-preview.md.d8c75dcf.lean.js} | 0 examples/docs/config/event.html | 2 +- examples/docs/config/index.html | 2 +- examples/docs/guide/contact.html | 2 +- examples/docs/guide/faq.html | 2 +- examples/docs/guide/index.html | 2 +- examples/docs/guide/js-preview.html | 6 +++--- examples/docs/guide/preview-docx.html | 2 +- examples/docs/guide/preview-pdf.html | 2 +- examples/docs/guide/preview-xlsx.html | 2 +- examples/docs/hashmap.json | 2 +- examples/docs/index.html | 2 +- 24 files changed, 30 insertions(+), 30 deletions(-) rename examples/docs/assets/{guide_js-preview.md.873b3161.js => guide_js-preview.md.d8c75dcf.js} (94%) rename examples/docs/assets/{guide_js-preview.md.873b3161.lean.js => guide_js-preview.md.d8c75dcf.lean.js} (100%) diff --git a/core/packages/js-docx/index.d.ts b/core/packages/js-docx/index.d.ts index 0dbb85e..8858f10 100644 --- a/core/packages/js-docx/index.d.ts +++ b/core/packages/js-docx/index.d.ts @@ -20,7 +20,7 @@ export interface Options { export interface JsDocxPreview { preview: (src: string | ArrayBuffer | Blob) => Promise; - download: (fileName?: string) => void; + save: (fileName?: string) => void; setOptions: (options: Options) => void; setRequestOptions: (requestOptions?: any) => void; destroy: ()=> void; diff --git a/core/packages/js-docx/src/main.js b/core/packages/js-docx/src/main.js index 62808db..1b82950 100644 --- a/core/packages/js-docx/src/main.js +++ b/core/packages/js-docx/src/main.js @@ -45,7 +45,7 @@ class JsDocxPreview { }); }); } - download(fileName){ + save(fileName){ downloadFile(fileName || `js-preview-docx-${new Date().getTime()}.docx`,this.fileData); } destroy(){ diff --git a/core/packages/js-excel/index.d.ts b/core/packages/js-excel/index.d.ts index 4b21631..651aa1f 100644 --- a/core/packages/js-excel/index.d.ts +++ b/core/packages/js-excel/index.d.ts @@ -5,7 +5,7 @@ export interface Options { export interface JsExcelPreview { preview: (src: string | ArrayBuffer | Blob) => Promise; - download: (fileName?: string) => void; + save: (fileName?: string) => void; setOptions: (options: Options) => void; setRequestOptions: (requestOptions?: any) => void; destroy: ()=> void; diff --git a/core/packages/js-excel/src/main.js b/core/packages/js-excel/src/main.js index 88dac6c..cc69939 100644 --- a/core/packages/js-excel/src/main.js +++ b/core/packages/js-excel/src/main.js @@ -139,7 +139,7 @@ class JsExcelPreview { }); })); } - download(fileName){ + save(fileName){ downloadFile(fileName || `js-preview-excel-${new Date().getTime()}.xlsx`,this.fileData); } destroy(){ diff --git a/core/packages/js-pdf/index.d.ts b/core/packages/js-pdf/index.d.ts index 216a8e7..6aa5357 100644 --- a/core/packages/js-pdf/index.d.ts +++ b/core/packages/js-pdf/index.d.ts @@ -15,7 +15,7 @@ export interface Options { export interface JsPdfPreview { preview: (src: string | ArrayBuffer | Blob) => Promise; - download: (fileName?: string) => void; + save: (fileName?: string) => void; setOptions: (options: Options) => void; setRequestOptions: (requestOptions?: any) => void; destroy: ()=> void; diff --git a/core/packages/js-pdf/src/main.js b/core/packages/js-pdf/src/main.js index fa07d34..efb0f17 100644 --- a/core/packages/js-pdf/src/main.js +++ b/core/packages/js-pdf/src/main.js @@ -145,7 +145,7 @@ class JsPdfPreview{ }); })); } - download(fileName){ + save(fileName){ this.pdfDocument && this.pdfDocument._transport && this.pdfDocument._transport.getData().then(fileData=>{ downloadFile(fileName || `js-preview-pdf-${new Date().getTime()}.pdf`,fileData.buffer); }); diff --git a/core/packages/vue-docx/src/main.vue b/core/packages/vue-docx/src/main.vue index 19dcf1d..4bb6970 100644 --- a/core/packages/vue-docx/src/main.vue +++ b/core/packages/vue-docx/src/main.vue @@ -51,12 +51,12 @@ export default defineComponent({ }); } }); - function download(fileName){ + function save(fileName){ downloadFile(fileName || `vue-office-docx-${new Date().getTime()}.docx`,fileData); } return { rootRef, - download + save }; } }); diff --git a/core/packages/vue-excel/src/main.vue b/core/packages/vue-excel/src/main.vue index 4fd032f..4f5aeb7 100644 --- a/core/packages/vue-excel/src/main.vue +++ b/core/packages/vue-excel/src/main.vue @@ -145,13 +145,13 @@ export default defineComponent({ xs.loadData({}); } }); - function download(fileName){ + function save(fileName){ downloadFile(fileName || `vue-office-excel-${new Date().getTime()}.xlsx`,fileData); } return { wrapperRef, rootRef, - download + save }; } }); diff --git a/core/packages/vue-pdf/src/main.vue b/core/packages/vue-pdf/src/main.vue index 5a41b9f..2251d1f 100644 --- a/core/packages/vue-pdf/src/main.vue +++ b/core/packages/vue-pdf/src/main.vue @@ -134,7 +134,7 @@ export default defineComponent({ console.warn(e); }); }); - function download(fileName){ + function save(fileName){ pdfDocument && pdfDocument._transport && pdfDocument._transport.getData().then(fileData=>{ downloadFile(fileName || `vue-office-pdf-${new Date().getTime()}.pdf`,fileData.buffer); }); @@ -142,7 +142,7 @@ export default defineComponent({ return { rootRef, numPages, - download + save }; } }); diff --git a/docs/guide/js-preview.md b/docs/guide/js-preview.md index d55648c..6f9921d 100644 --- a/docs/guide/js-preview.md +++ b/docs/guide/js-preview.md @@ -156,12 +156,12 @@ preview: (src: string | ArrayBuffer | Blob) => Promise url格式适合有文件静态地址的情况，ArrayBuffer格式适合文件上传前的预览。 -### download方法 +### save方法 -调用download进行文件下载，参数名为下载的文件名称，可不传。 +调用save进行文件下载，参数名为下载的文件名称，可不传。 ```ts - download: (fileName?: string) => void; + save: (fileName?: string) => void; ``` ### destroy方法 diff --git a/examples/docs/404.html b/examples/docs/404.html index 2046e3a..ee8458c 100644 --- a/examples/docs/404.html +++ b/examples/docs/404.html @@ -12,7 +12,7 @@
vue-office

Appearance

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
Take me home
- diff --git a/examples/docs/assets/guide_js-preview.md.873b3161.js b/examples/docs/assets/guide_js-preview.md.d8c75dcf.js similarity index 94% rename from examples/docs/assets/guide_js-preview.md.873b3161.js rename to examples/docs/assets/guide_js-preview.md.d8c75dcf.js index 1957ce6..1ec4072 100644 --- a/examples/docs/assets/guide_js-preview.md.873b3161.js +++ b/examples/docs/assets/guide_js-preview.md.d8c75dcf.js @@ -61,4 +61,4 @@ import{_ as s,c as a,o as n,O as l}from"./chunks/framework.935eb42c.js";const A= cMapPacked?: boolean; CMapReaderFactory?: Object; useSystemFonts?: boolean; -}

preview方法 ​

调用preview方法进行文件的预览。

preview方法接收参数支持三种： 文件url地址、文件ArrayBuffer格式数据、文件blob格式。

ts
preview: (src: string | ArrayBuffer | Blob) => Promise<any>

url格式适合有文件静态地址的情况，ArrayBuffer格式适合文件上传前的预览。

download方法 ​

调用download进行文件下载，参数名为下载的文件名称，可不传。

ts
download: (fileName?: string) => void;

destroy方法 ​

卸载方法，可以在组件销毁前调用预览对象的卸载方法，避免长期使用造成内存泄露。

如果该项目帮助了您，还请您不吝点赞 ​

`,43),e=[o];function t(c,r,y,D,F,C){return n(),a("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default}; +}

preview方法 ​

调用preview方法进行文件的预览。

preview方法接收参数支持三种： 文件url地址、文件ArrayBuffer格式数据、文件blob格式。

ts
preview: (src: string | ArrayBuffer | Blob) => Promise<any>

url格式适合有文件静态地址的情况，ArrayBuffer格式适合文件上传前的预览。

save方法 ​

调用save进行文件下载，参数名为下载的文件名称，可不传。

ts
save: (fileName?: string) => void;

destroy方法 ​

卸载方法，可以在组件销毁前调用预览对象的卸载方法，避免长期使用造成内存泄露。

如果该项目帮助了您，还请您不吝点赞 ​

`,43),e=[o];function t(c,r,y,D,F,C){return n(),a("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default}; diff --git a/examples/docs/assets/guide_js-preview.md.873b3161.lean.js b/examples/docs/assets/guide_js-preview.md.d8c75dcf.lean.js similarity index 100% rename from examples/docs/assets/guide_js-preview.md.873b3161.lean.js rename to examples/docs/assets/guide_js-preview.md.d8c75dcf.lean.js diff --git a/examples/docs/config/event.html b/examples/docs/config/event.html index 8dfaa3d..328dc70 100644 --- a/examples/docs/config/event.html +++ b/examples/docs/config/event.html @@ -15,7 +15,7 @@
vue-office

Appearance

跳转到

事件 ​

rendered ​

渲染完成事件，可以在该事件中处理关闭loading操作等。

首次渲染完成及每次src变化之后渲染完成都会触发该事件。

error ​

失败事件，各种失败都会触发该事件，包括网络请求失败，渲染失败等

- diff --git a/examples/docs/config/index.html b/examples/docs/config/index.html index 93c4bf7..5a9204b 100644 --- a/examples/docs/config/index.html +++ b/examples/docs/config/index.html @@ -38,7 +38,7 @@ password: '', //string, 加密pdf的密码 //更多配置参见 https://mozilla.github.io/pdf.js/api/draft/module-pdfjsLib.html }

staticFileUrl [pdf特有属性] ​

  • 类型： String

pdf渲染时可能会请求一些bcmap文件，这些文件默认从 https://unpkg.com/pdfjs-dist@3.1.81/ 加载，但是可能存在网络不通问题，如果遇到这种问题，可以将这些文件放到自己静态目录，然后修改该属性，告诉组件去这里请求bcmap文件。

涉及的文件存放在当前github项目中examples/public/cmaps目录下，可将cmaps目录复制到你的静态服务目录下，然后修改staticFileUrl为cmaps文件夹对应的父地址，必须已http或https开头，如 http://yourdomain/static/

- diff --git a/examples/docs/guide/contact.html b/examples/docs/guide/contact.html index ecac407..75b0fd2 100644 --- a/examples/docs/guide/contact.html +++ b/examples/docs/guide/contact.html @@ -15,7 +15,7 @@
vue-office

Appearance

跳转到

联系我 ​

提Issue ​

如果您遇到了问题，欢迎提Issue，同时请您尽可能详细的描述您遇到的问题，包括不限于

  • 您使用的是哪个库： @vue-office/docx、@vue-office/excel、@vue-office/pdf
  • 您使用的环境：APP or Web，PC or 移动端，如果是浏览器兼容问题，请提供您的浏览器版本
  • 如果有错误，请粘贴详细的报错信息

详细的描述有助于我尽快定位问题，因为平时工作很忙，时间很有限，感谢理解

赞助和微信交流 ​

如果该项目确实帮助到了您，欢迎赞助，以鼓励我将更多的休息时间，投入到该项目的优化中，也欢迎赞助后添加微信交流：_hit757_

赞助二维码

跪求一赞

如果您觉得该项目帮助了您，还请伸出贵手帮忙点赞支持，万分感谢~~

- diff --git a/examples/docs/guide/faq.html b/examples/docs/guide/faq.html index 1a6a768..88f4db2 100644 --- a/examples/docs/guide/faq.html +++ b/examples/docs/guide/faq.html @@ -40,7 +40,7 @@ "vue": "2.6.10", "vue-template-compiler": "2.6.10" }

删除 package-lock.json 文件 和 node_modules中的全部包。

重新安装所有依赖，然后运行查看效果。

- diff --git a/examples/docs/guide/index.html b/examples/docs/guide/index.html index f10d1b8..58a5170 100644 --- a/examples/docs/guide/index.html +++ b/examples/docs/guide/index.html @@ -128,7 +128,7 @@ } } </script> - diff --git a/examples/docs/guide/js-preview.html b/examples/docs/guide/js-preview.html index cdc68d7..fd0a380 100644 --- a/examples/docs/guide/js-preview.html +++ b/examples/docs/guide/js-preview.html @@ -10,7 +10,7 @@ - + @@ -77,8 +77,8 @@ cMapPacked?: boolean; CMapReaderFactory?: Object; useSystemFonts?: boolean; -}

preview方法 ​

调用preview方法进行文件的预览。

preview方法接收参数支持三种： 文件url地址、文件ArrayBuffer格式数据、文件blob格式。

ts
preview: (src: string | ArrayBuffer | Blob) => Promise<any>

url格式适合有文件静态地址的情况，ArrayBuffer格式适合文件上传前的预览。

download方法 ​

调用download进行文件下载，参数名为下载的文件名称，可不传。

ts
download: (fileName?: string) => void;

destroy方法 ​

卸载方法，可以在组件销毁前调用预览对象的卸载方法，避免长期使用造成内存泄露。

如果该项目帮助了您，还请您不吝点赞 ​

- diff --git a/examples/docs/guide/preview-docx.html b/examples/docs/guide/preview-docx.html index c1144fe..92a58ed 100644 --- a/examples/docs/guide/preview-docx.html +++ b/examples/docs/guide/preview-docx.html @@ -121,7 +121,7 @@ } } </script> - diff --git a/examples/docs/guide/preview-pdf.html b/examples/docs/guide/preview-pdf.html index c22c017..83efcb3 100644 --- a/examples/docs/guide/preview-pdf.html +++ b/examples/docs/guide/preview-pdf.html @@ -45,7 +45,7 @@ } } </script>

上传文件预览 ​

和docx的上传文件预览一样，获取文件的ArrayBuffer，传给组件的src属性。

- diff --git a/examples/docs/guide/preview-xlsx.html b/examples/docs/guide/preview-xlsx.html index 6dcb754..fc0d295 100644 --- a/examples/docs/guide/preview-xlsx.html +++ b/examples/docs/guide/preview-xlsx.html @@ -48,7 +48,7 @@ } } </script>

上传文件预览 ​

和docx的上传文件预览一样，获取文件的ArrayBuffer，传给组件的src属性。

- diff --git a/examples/docs/hashmap.json b/examples/docs/hashmap.json index 329a981..b9df07b 100644 --- a/examples/docs/hashmap.json +++ b/examples/docs/hashmap.json @@ -1 +1 @@ -{"guide_preview-pdf.md":"9bd426ea","guide_preview-docx.md":"747caaea","index.md":"2dfe7e9d","guide_preview-xlsx.md":"0de0ac4e","config_event.md":"cbedfdd0","guide_contact.md":"10c84e73","config_index.md":"4b837d8d","guide_index.md":"59f780b1","guide_js-preview.md":"873b3161","guide_faq.md":"fc7d1e4f"} +{"guide_preview-docx.md":"747caaea","guide_preview-xlsx.md":"0de0ac4e","guide_js-preview.md":"d8c75dcf","guide_contact.md":"10c84e73","config_event.md":"cbedfdd0","guide_preview-pdf.md":"9bd426ea","config_index.md":"4b837d8d","index.md":"2dfe7e9d","guide_index.md":"59f780b1","guide_faq.md":"fc7d1e4f"} diff --git a/examples/docs/index.html b/examples/docs/index.html index f079f13..e2adb07 100644 --- a/examples/docs/index.html +++ b/examples/docs/index.html @@ -15,7 +15,7 @@
vue-office

Appearance

vue-office

更易用的文件预览

支持docx、xlsx、pdf文件预览

指南
配置参考

一站式

提供docx、xlsx、pdf 3种文档的在线预览方案

使用简单

只需提供文档的src即可完成文档预览，支持远程地址、ArrayBuffer、Blob多种格式

支持样式

不仅能预览内容，也支持文档样式，最大限度还原office文件内容

-