vue-files-preview-inno 1.0.38-e

package/README.md

@@ -0,0 +1,187 @@
+<p align="center">
+<a href="https://github.com/SmallTeddy/vue-files-preview">
+  <img src="./public/file.svg" alt="VueUse - Collection of essential Vue Composition Utilities" width="300">
+</a>
+</p>
+
+<p align="center">
+<a href="https://www.npmjs.com/package/vue-files-preview" target="__blank"><img src="https://img.shields.io/npm/v/vue-files-preview?color=a1b858&label=" alt="NPM version"></a>
+<a href="https://www.npmjs.com/package/vue-files-preview" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/vue-files-preview?color=50a36f&label="></a>
+<a href="https://vuefilespreview.github.io/vue-files-preview-demo/" target="__blank"><img src="https://img.shields.io/static/v1?label=&message=demo&color=1e8a7a" alt="Demos"></a>
+<a href="https://github.com/SmallTeddy/vue-files-preview" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/SmallTeddy/vue-files-preview?style=social"></a>
+</p>
+
+## 📖 Building for Node
+<p> 1. Run in terminal: tsc </p>
+<p> 2. Run in terminal : npm run build </p>
+<p> 3. Run in terminal : npm publish ./dist </p>
+
+## 📖 Introduce
+
+This project is dedicated to previewing any file format on the `Vue3` framework, supporting file previews such as docx,
+xlsx, pdf, image, txt, epub, markdown, code, etc
+
+Project
+repository: [https://github.com/VueFilesPreview/vue-files-preview](https://github.com/VueFilesPreview/vue-files-preview)
+
+## 🚀 Features
+
+- [ ] Feat `CDN` support
+- [ ] Reconfiguration docx-preview
+- [ ] Reconfiguration excel-preview
+- [x] Reconfiguration pdf-preview
+- [ ] Support `Success` and `Error` callbacks
+- [ ] Friendly interface for unknown file
+
+## 📦 Install
+
+> From v1.0.0 version
+>
+> It only works for Vue 3
+
+```bash
+# npm install
+npm i vue-files-preview
+# yarn install
+yarn add vue-files-preview
+# pnpm install
+pnpm i vue-files-preview
+```
+
+### In Main.js
+
+```javascript
+import {
+  createApp
+} from 'vue'
+import VueFilesPreview from 'vue-files-preview'
+import App from './App.vue'
+import 'vue-files-preview/lib/style.css'
+
+const app = createApp(App)
+app.use(VueFilesPreview)
+app.mount('#app')
+```
+
+### In Component
+
+> ⚠️ If you want import all preview component, you must be import `VueFilePreview` like this！
+
+```vue3
+<template>
+  <VueFilesPreview :file="file" />
+  <!-- or -- >
+  <vue-files-preview :file="file" />
+</template>
+
+<script >
+  import { VueFilesPreview } from 'vue-files-preview';
+</script>
+```
+
+## 🦄 Demo
+
+### Code
+
+```vue3
+<template>
+  <div class="main-container">
+    <div v-if="uploadFile" class="preview-container">
+      <VueFilesPreview :file="uploadFile" />
+    </div>
+    <div v-else class="upload-btn">
+      <el-upload
+        ref="uploadRef"
+        drag
+        action="null"
+        :limit="1"
+        :before-upload="beforeFileUpload"
+      >
+        <el-icon class="el-icon--upload"><i-ep-upload-filled /></el-icon>
+        <div class="el-upload__text">Drop file here or <em>click to upload</em></div>
+      </el-upload>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+const uploadRef = ref();
+const uploadFile = ref();
+
+const beforeFileUpload = (rawFile) => {
+  uploadFile.value = rawFile;
+  return false;
+};
+</script>
+```
+
+### Page
+
+![Test the default interface](assets/images/readme/default.png)
+
+This demo is already here [vue-files-preview-demo](https://github.com/VueFilesPreview/vue-files-preview-demo), click to
+view it.
+
+## doc、xls、ppt preview
+Be pending
+## docx、xlsx、pdf preview
+## audio、video preview
+
+use nature audio tag and canvas to implement the audio preview
+
+![audio preview](assets/images/readme/audio.png)
+
+use nature video tag to implement the video preview (just support mp4)
+
+## image preview
+
+using native img tags to implement image preview
+
+<p style="text-align: center">
+  <img src="assets/images/readme/jpg.png" alt="jpg preview" style="width: 30%" />
+  <img src="assets/images/readme/jpeg.png" alt="jpeg preview" style="width: 30%" />
+  <img src="assets/images/readme/png.png" alt="png preview" style="width: 30%" />
+<p>
+
+## txt preview
+
+![txt preview](assets/images/readme/txt.png)
+
+## code preview
+
+using [codemirror](https://github.com/codemirror/dev/) to adapt the code file preview,
+support `Angular, CSS, C++, Go, HTML, Java, JavaScript, JSON, Liquid, Markdown, PHP, Python, Rust, Sass, Vue, XML, YAML, C#, CMake, CoffeeScript, Dart, Elixir, GLSL, Haskell, Lua, Objective-C, R, Ruby, Scala, Shell, Swift, TeX, TypeScript, Visual Basic`
+code file preview
+
+<p style="text-align: center">
+  <img src="assets/images/readme/html.png" alt="html preview" style="width: 20%" />
+  <img src="assets/images/readme/css.png" alt="css preview" style="width: 20%" />
+  <img src="assets/images/readme/js.png" alt="js preview" style="width: 20%" />
+  <img src="assets/images/readme/py.png" alt="py preview" style="width: 20%" />
+  <img src="assets/images/readme/rs.png" alt="rs preview" style="width: 20%" />
+  <img src="assets/images/readme/go.png" alt="go preview" style="width: 20%" />
+  <img src="assets/images/readme/lua.png" alt="lua preview" style="width: 20%" />
+  <img src="assets/images/readme/c.png" alt="c preview" style="width: 20%" />
+<p>
+
+## markdown preview
+
+I have tried using both the [marked](https://github.com/markedjs/marked)
+and [commonmark.js](https://github.com/commonmark/commonmark.js) tool libraries for simple implementation, and
+ultimately adopted the [markdown-it](https://github.com/markdown-it/markdown-it) tool library
+
+Currently, there may still be issues with formulas and other aspects, which will be further optimized in the future
+
+## epub preview
+
+using [epubjs](http://epubjs.org/documentation/0.3/) to adapt to EPUB file preview and configure page-flipping function
+for secondary development
+
+## 🌸 Thanks
+
+* [vue-office](https://github.com/501351981/vue-office?tab=readme)
+* [codemirror](https://github.com/codemirror/dev/)
+* [marked](https://github.com/markedjs/marked)
+* [commonmark.js](https://github.com/commonmark/commonmark.js)
+* [markdown-it](https://github.com/markdown-it/markdown-it)
+* [epubjs](http://epubjs.org/documentation/0.3/)

package/es/_virtual/_commonjs-dynamic-modules.mjs

@@ -0,0 +1,7 @@
+function r(o) {
+  throw new Error('Could not dynamically require "' + o + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+export {
+  r as commonjsRequire
+};
+//# sourceMappingURL=_commonjs-dynamic-modules.mjs.map

package/es/_virtual/_commonjs-dynamic-modules.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjs-dynamic-modules.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/_virtual/_commonjsHelpers.mjs

@@ -0,0 +1,29 @@
+var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function f(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function l(e) {
+  if (e.__esModule) return e;
+  var r = e.default;
+  if (typeof r == "function") {
+    var t = function o() {
+      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+    };
+    t.prototype = r.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
+    var n = Object.getOwnPropertyDescriptor(e, o);
+    Object.defineProperty(t, o, n.get ? n : {
+      enumerable: !0,
+      get: function() {
+        return e[o];
+      }
+    });
+  }), t;
+}
+export {
+  u as commonjsGlobal,
+  l as getAugmentedNamespace,
+  f as getDefaultExportFromCjs
+};
+//# sourceMappingURL=_commonjsHelpers.mjs.map

package/es/_virtual/_commonjsHelpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,10 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};
+//# sourceMappingURL=_plugin-vue_export-helper.mjs.map

package/es/_virtual/_plugin-vue_export-helper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_plugin-vue_export-helper.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/_virtual/_vue.mjs

@@ -0,0 +1,7 @@
+import * as e from "vue";
+import { getAugmentedNamespace as r } from "./_commonjsHelpers.mjs";
+const m = /* @__PURE__ */ r(e);
+export {
+  m as default
+};
+//# sourceMappingURL=_vue.mjs.map

package/es/_virtual/_vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/_virtual/conventions.mjs

@@ -0,0 +1,5 @@
+var o = {};
+export {
+  o as __exports
+};
+//# sourceMappingURL=conventions.mjs.map

package/es/_virtual/conventions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conventions.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/dom-parser.mjs

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=dom-parser.mjs.map

package/es/_virtual/dom-parser.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-parser.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/dom.mjs

@@ -0,0 +1,5 @@
+var o = {};
+export {
+  o as __exports
+};
+//# sourceMappingURL=dom.mjs.map

package/es/_virtual/dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/entities.mjs

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=entities.mjs.map

package/es/_virtual/entities.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"entities.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/events.mjs

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=events.mjs.map

package/es/_virtual/events.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/index.mjs

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index.mjs.map

package/es/_virtual/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/index2.mjs

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index2.mjs.map

package/es/_virtual/index2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/index3.mjs

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=index3.mjs.map

package/es/_virtual/index3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/index4.mjs

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index4.mjs.map

package/es/_virtual/index4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index4.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/index5.mjs

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index5.mjs.map

package/es/_virtual/index5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index5.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/jszip.mjs

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=jszip.mjs.map

package/es/_virtual/jszip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jszip.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/localforage.mjs

@@ -0,0 +1,5 @@
+var o = { exports: {} };
+export {
+  o as __module
+};
+//# sourceMappingURL=localforage.mjs.map

package/es/_virtual/localforage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"localforage.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/marks.mjs

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=marks.mjs.map

package/es/_virtual/marks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/sax.mjs

@@ -0,0 +1,5 @@
+var a = {};
+export {
+  a as __exports
+};
+//# sourceMappingURL=sax.mjs.map

package/es/_virtual/sax.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sax.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/_virtual/svg.mjs

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=svg.mjs.map

package/es/_virtual/svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/file.svg

@@ -0,0 +1 @@
+<svg t="1721719077505" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7759" width="200" height="200"><path d="M677.504 64a64 64 0 0 1 45.226667 18.773333l154.538666 154.453334A64 64 0 0 1 896 282.538667V896a64 64 0 0 1-64 64h-640A64 64 0 0 1 128 896V128a64 64 0 0 1 64-64h485.504z m0.298667 467.413333c-48.469333 0-76.586667 18.048-76.586667 82.773334 0 64.768 28.117333 82.816 76.586667 82.816 26.026667 0 49.066667-5.034667 58.538666-10.666667v-30.122667c-10.922667 5.290667-32.810667 10.922667-52.053333 10.922667-31.914667 0-44.928-12.117333-45.781333-39.04l104.661333-6.784c0.853333-5.632 1.450667-13.013333 1.450667-20.992 0-37.546667-11.52-68.906667-66.816-68.906667zM558.336 469.333333h-36.949333v187.477334c0 27.178667 11.264 38.997333 42.88 38.997333 6.528 0 12.416-0.554667 17.749333-1.749333v-29.013334a36.693333 36.693333 0 0 1-9.770667 1.194667c-10.325333 0-13.909333-3.242667-13.909333-18.346667V469.333333z m-155.221333 19.498667H281.6v205.226667h38.741333v-83.669334H397.226667v-33.706666H320.341333v-54.144h82.773334v-33.706667z m72.149333 45.568h-36.949333v159.658667h36.949333v-159.658667z m202.538667 25.429333c28.373333 0 32.512 16.853333 32.512 36.650667l-71.808 5.333333c0.853333-27.52 9.728-41.984 39.296-41.984z m-220.885334-89.898666c-16.554667 0-20.992 1.749333-20.992 19.797333 0 17.749333 4.437333 20.096 20.992 20.096 16.597333 0 21.034667-2.346667 21.034667-20.053333 0-18.090667-4.437333-19.84-21.034667-19.84z" fill="#1296db" p-id="7760"></path></svg>