From bbfe402bea9e3f9d60ce2ab3545c9779835ceffd Mon Sep 17 00:00:00 2001 From: liyulin <501351981@qq.com> Date: Sun, 2 Jul 2023 17:12:52 +0800 Subject: [PATCH] =?UTF-8?q?add=EF=BC=9A=E5=A2=9E=E5=8A=A0=E5=AF=B9?= =?UTF-8?q?=E9=9D=9EVue=E6=A1=86=E6=9E=B6=E7=9A=84=E9=A2=84=E8=A7=88?= =?UTF-8?q?=E6=94=AF=E6=8C=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/guide/js-preview.md | 4 +++- examples/docs/404.html | 2 +- ...eview.md.4726a99a.js => guide_js-preview.md.c54034fa.js} | 2 +- ...726a99a.lean.js => guide_js-preview.md.c54034fa.lean.js} | 2 +- 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 +- 15 files changed, 19 insertions(+), 17 deletions(-) rename examples/docs/assets/{guide_js-preview.md.4726a99a.js => guide_js-preview.md.c54034fa.js} (98%) rename examples/docs/assets/{guide_js-preview.md.4726a99a.lean.js => guide_js-preview.md.c54034fa.lean.js} (83%) diff --git a/docs/guide/js-preview.md b/docs/guide/js-preview.md index 9bbb82a..e72e7ce 100644 --- a/docs/guide/js-preview.md +++ b/docs/guide/js-preview.md @@ -158,4 +158,6 @@ url格式适合有文件静态地址的情况，ArrayBuffer格式适合文件上 ### destroy方法 -卸载方法，可以在组件销毁前调用预览对象的卸载方法，避免长期使用造成内存泄露。 \ No newline at end of file +卸载方法，可以在组件销毁前调用预览对象的卸载方法，避免长期使用造成内存泄露。 + +## 如果该项目帮助了您，还请您不吝点赞 \ No newline at end of file diff --git a/examples/docs/404.html b/examples/docs/404.html index d1c1eaa..ad09843 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.4726a99a.js b/examples/docs/assets/guide_js-preview.md.c54034fa.js similarity index 98% rename from examples/docs/assets/guide_js-preview.md.4726a99a.js rename to examples/docs/assets/guide_js-preview.md.c54034fa.js index e898dd6..630b2ee 100644 --- a/examples/docs/assets/guide_js-preview.md.4726a99a.js +++ b/examples/docs/assets/guide_js-preview.md.c54034fa.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格式适合文件上传前的预览。

destroy方法 ​

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

`,39),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格式适合文件上传前的预览。

destroy方法 ​

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

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

`,40),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.4726a99a.lean.js b/examples/docs/assets/guide_js-preview.md.c54034fa.lean.js similarity index 83% rename from examples/docs/assets/guide_js-preview.md.4726a99a.lean.js rename to examples/docs/assets/guide_js-preview.md.c54034fa.lean.js index 041cea2..b28f9fa 100644 --- a/examples/docs/assets/guide_js-preview.md.4726a99a.lean.js +++ b/examples/docs/assets/guide_js-preview.md.c54034fa.lean.js @@ -1 +1 @@ -import{_ as s,c as a,o as n,O as l}from"./chunks/framework.935eb42c.js";const A=JSON.parse('{"title":"非Vue框架文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/js-preview.md"}'),p={name:"guide/js-preview.md"},o=l("",39),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}; +import{_ as s,c as a,o as n,O as l}from"./chunks/framework.935eb42c.js";const A=JSON.parse('{"title":"非Vue框架文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/js-preview.md"}'),p={name:"guide/js-preview.md"},o=l("",40),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/config/event.html b/examples/docs/config/event.html index e60997f..aca22e5 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 04d65a7..5cce1a5 100644 --- a/examples/docs/config/index.html +++ b/examples/docs/config/index.html @@ -36,7 +36,7 @@ password: '', //string, 加密pdf的密码 //更多配置参见 https://mozilla.github.io/pdf.js/api/draft/module-pdfjsLib.html }

staticFileUrl [pdf特有属性] ​

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 34cb72d..958ea69 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 4822577..9f2fbc6 100644 --- a/examples/docs/guide/faq.html +++ b/examples/docs/guide/faq.html @@ -35,7 +35,7 @@ app.listen(3000);

各种语言都类似，可以自行百度查询

文件预览不出来 ​

- diff --git a/examples/docs/guide/index.html b/examples/docs/guide/index.html index 815dc12..2e1fd9c 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 edd2ec1..7553ad6 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格式适合文件上传前的预览。

destroy方法 ​

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

- diff --git a/examples/docs/guide/preview-docx.html b/examples/docs/guide/preview-docx.html index 25d2707..b3c11ec 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 b313401..e5ed8e2 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 11a1bcb..06ff614 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 67e625e..121f5be 100644 --- a/examples/docs/hashmap.json +++ b/examples/docs/hashmap.json @@ -1 +1 @@ -{"guide_contact.md":"10c84e73","config_event.md":"cbedfdd0","guide_preview-xlsx.md":"0de0ac4e","config_index.md":"da90cec3","index.md":"2dfe7e9d","guide_preview-pdf.md":"9bd426ea","guide_preview-docx.md":"747caaea","guide_js-preview.md":"4726a99a","guide_index.md":"59f780b1","guide_faq.md":"32e428fb"} +{"config_index.md":"da90cec3","guide_contact.md":"10c84e73","guide_index.md":"59f780b1","config_event.md":"cbedfdd0","guide_preview-xlsx.md":"0de0ac4e","guide_preview-pdf.md":"9bd426ea","index.md":"2dfe7e9d","guide_js-preview.md":"c54034fa","guide_preview-docx.md":"747caaea","guide_faq.md":"32e428fb"} diff --git a/examples/docs/index.html b/examples/docs/index.html index 8729309..8ca56ce 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文件内容

-