@flyfish-group/file-viewer3 1.0.1 → 1.0.3

package/README.md

@@ -59,7 +59,7 @@ npm run lint
 如果您使用了flyfish的私库，请使用以下命令安装依赖即可。
 
 ```
-npm install --save file-viewer3
+npm install --save @flyfish-group/file-viewer3
 ```
 
 常规情况下，请使用`npm link`的方式进行集成。

package/dist/components/index.js

@@ -26,7 +26,7 @@ var w = (e, t, n) => new Promise((r, s) => {
   }, l = (u) => u.done ? r(u.value) : Promise.resolve(u.value).then(o, i);
   l((n = n.apply(e, t)).next());
 });
-import { defineAsyncComponent as k, createApp as N, createVNode as F, defineComponent as Ue, openBlock as H, createElementBlock as M, toDisplayString as q, ref as B, onMounted as lt, watch as Ee, createElementVNode as ee, Fragment as ut, withDirectives as be, vShow as Re } from "vue";
+import { defineAsyncComponent as k, createApp as N, createVNode as F, defineComponent as Ue, openBlock as H, createElementBlock as M, toDisplayString as q, ref as B, onMounted as lt, watch as be, createElementVNode as ee, Fragment as ut, withDirectives as Ee, vShow as Re } from "vue";
 const ft = (() => {
   const e = {
     module: null,
@@ -82,7 +82,7 @@ function wt(e, t) {
     return n.mount(t), n;
   });
 }
-function Et(e) {
+function bt(e) {
   return w(this, null, function* () {
     return new Promise((t, n) => {
       const r = new FileReader();
@@ -93,7 +93,7 @@ function Et(e) {
     });
   });
 }
-function bt(e) {
+function Et(e) {
   return w(this, null, function* () {
     return new Promise((t, n) => {
       const r = new FileReader();
@@ -120,7 +120,7 @@ function De(e) {
 const Rt = k(() => import("./ImageViewer.js"));
 function St(e, t) {
   return w(this, null, function* () {
-    const n = yield bt(e), r = N({
+    const n = yield Et(e), r = N({
       render: () => F(Rt, {
         image: n
       }, null)
@@ -167,7 +167,10 @@ function Tt(e, t) {
 }
 function Pt(e, t) {
   const n = document.createElement("video");
-  n.width = 840, n.height = 480, n.controls = !0;
+  n.width = 840, n.height = 480, n.controls = !0, Object.assign(n.style, {
+    margin: "40px auto",
+    display: "block"
+  });
   const r = document.createElement("source");
   r.src = URL.createObjectURL(new Blob([e])), n.appendChild(r), t.appendChild(n);
 }
@@ -213,7 +216,7 @@ const I = (e) => ({
   },
   // 图片过滤器
   {
-    accepts: ["gif", "jpg", "jpeg", "bmp", "tiff", "tif", "png", "svg"],
+    accepts: ["gif", "jpg", "jpeg", "bmp", "tiff", "tif", "png", "svg", "webp"],
     handler: (e, t) => w(void 0, null, function* () {
       return St(e, t);
     })
@@ -560,8 +563,8 @@ function G(e, t, n) {
     metaTokens: !0,
     dots: !1,
     indexes: !1
-  }, !1, function(d, b) {
-    return !a.isUndefined(b[d]);
+  }, !1, function(d, E) {
+    return !a.isUndefined(E[d]);
   });
   const r = n.metaTokens, s = n.visitor || f, o = n.dots, i = n.indexes, u = (n.Blob || typeof Blob != "undefined" && Blob) && a.isSpecCompliantForm(t);
   if (!a.isFunction(s))
@@ -575,9 +578,9 @@ function G(e, t, n) {
       throw new m("Blob is not supported. Use a Buffer instead.");
     return a.isArrayBuffer(h) || a.isTypedArray(h) ? u && typeof Blob == "function" ? new Blob([h]) : Buffer.from(h) : h;
   }
-  function f(h, d, b) {
+  function f(h, d, E) {
     let S = h;
-    if (h && !b && typeof h == "object") {
+    if (h && !E && typeof h == "object") {
       if (a.endsWith(d, "{}"))
         d = r ? d : d.slice(0, -2), h = JSON.stringify(h);
       else if (a.isArray(h) && hn(h) || (a.isFileList(h) || a.endsWith(d, "[]")) && (S = a.toArray(h)))
@@ -589,14 +592,14 @@ function G(e, t, n) {
           );
         }), !1;
     }
-    return ie(h) ? !0 : (t.append(Ae(b, d, o), p(h)), !1);
+    return ie(h) ? !0 : (t.append(Ae(E, d, o), p(h)), !1);
   }
   const c = [], y = Object.assign(mn, {
     defaultVisitor: f,
     convertValue: p,
     isVisitable: ie
   });
-  function E(h, d) {
+  function b(h, d) {
     if (!a.isUndefined(h)) {
       if (c.indexOf(h) !== -1)
         throw Error("Circular reference detected in " + d.join("."));
@@ -607,13 +610,13 @@ function G(e, t, n) {
           a.isString(O) ? O.trim() : O,
           d,
           y
-        )) === !0 && E(S, d ? d.concat(O) : [O]);
+        )) === !0 && b(S, d ? d.concat(O) : [O]);
       }), c.pop();
     }
   }
   if (!a.isObject(e))
     throw new TypeError("data must be an object");
-  return E(e), t;
+  return b(e), t;
 }
 function _e(e) {
   const t = {
@@ -716,11 +719,11 @@ const Te = wn, Qe = {
   silentJSONParsing: !0,
   forcedJSONParsing: !0,
   clarifyTimeoutError: !1
-}, En = typeof URLSearchParams != "undefined" ? URLSearchParams : fe, bn = typeof FormData != "undefined" ? FormData : null, Rn = typeof Blob != "undefined" ? Blob : null, Sn = {
+}, bn = typeof URLSearchParams != "undefined" ? URLSearchParams : fe, En = typeof FormData != "undefined" ? FormData : null, Rn = typeof Blob != "undefined" ? Blob : null, Sn = {
   isBrowser: !0,
   classes: {
-    URLSearchParams: En,
-    FormData: bn,
+    URLSearchParams: bn,
+    FormData: En,
     Blob: Rn
   },
   protocols: ["http", "https", "file", "blob", "url", "data"]
@@ -1138,8 +1141,8 @@ function Mn(e, t) {
       y += n[c++], c = c % e;
     if (s = (s + 1) % e, s === o && (o = (o + 1) % e), p - i < t)
       return;
-    const E = f && p - f;
-    return E ? Math.round(y * 1e3 / E) : void 0;
+    const b = f && p - f;
+    return b ? Math.round(y * 1e3 / b) : void 0;
   };
 }
 function Ce(e, t) {
@@ -1173,18 +1176,18 @@ const qn = typeof XMLHttpRequest != "undefined", zn = qn && function(e) {
       if (A.hasStandardBrowserEnv || A.hasStandardBrowserWebWorkerEnv)
         o.setContentType(!1);
       else if ((f = o.getContentType()) !== !1) {
-        const [d, ...b] = f ? f.split(";").map((S) => S.trim()).filter(Boolean) : [];
-        o.setContentType([d || "multipart/form-data", ...b].join("; "));
+        const [d, ...E] = f ? f.split(";").map((S) => S.trim()).filter(Boolean) : [];
+        o.setContentType([d || "multipart/form-data", ...E].join("; "));
       }
     }
     let c = new XMLHttpRequest();
     if (e.auth) {
-      const d = e.auth.username || "", b = e.auth.password ? unescape(encodeURIComponent(e.auth.password)) : "";
-      o.set("Authorization", "Basic " + btoa(d + ":" + b));
+      const d = e.auth.username || "", E = e.auth.password ? unescape(encodeURIComponent(e.auth.password)) : "";
+      o.set("Authorization", "Basic " + btoa(d + ":" + E));
     }
     const y = tt(e.baseURL, e.url);
     c.open(e.method.toUpperCase(), Ge(y, e.params, e.paramsSerializer), !0), c.timeout = e.timeout;
-    function E() {
+    function b() {
       if (!c)
         return;
       const d = T.from(
@@ -1203,17 +1206,17 @@ const qn = typeof XMLHttpRequest != "undefined", zn = qn && function(e) {
         r(x), p();
       }, S), c = null;
     }
-    if ("onloadend" in c ? c.onloadend = E : c.onreadystatechange = function() {
-      !c || c.readyState !== 4 || c.status === 0 && !(c.responseURL && c.responseURL.indexOf("file:") === 0) || setTimeout(E);
+    if ("onloadend" in c ? c.onloadend = b : c.onreadystatechange = function() {
+      !c || c.readyState !== 4 || c.status === 0 && !(c.responseURL && c.responseURL.indexOf("file:") === 0) || setTimeout(b);
     }, c.onabort = function() {
       c && (r(new m("Request aborted", m.ECONNABORTED, e, c)), c = null);
     }, c.onerror = function() {
       r(new m("Network Error", m.ERR_NETWORK, e, c)), c = null;
     }, c.ontimeout = function() {
-      let b = e.timeout ? "timeout of " + e.timeout + "ms exceeded" : "timeout exceeded";
+      let E = e.timeout ? "timeout of " + e.timeout + "ms exceeded" : "timeout exceeded";
       const S = e.transitional || Qe;
-      e.timeoutErrorMessage && (b = e.timeoutErrorMessage), r(new m(
-        b,
+      e.timeoutErrorMessage && (E = e.timeoutErrorMessage), r(new m(
+        E,
         S.clarifyTimeoutError ? m.ETIMEDOUT : m.ECONNABORTED,
         e,
         c
@@ -1222,8 +1225,8 @@ const qn = typeof XMLHttpRequest != "undefined", zn = qn && function(e) {
       const d = e.xsrfHeaderName && e.xsrfCookieName && kn.read(e.xsrfCookieName);
       d && o.set(e.xsrfHeaderName, d);
     }
-    s === void 0 && o.setContentType(null), "setRequestHeader" in c && a.forEach(o.toJSON(), function(b, S) {
-      c.setRequestHeader(S, b);
+    s === void 0 && o.setContentType(null), "setRequestHeader" in c && a.forEach(o.toJSON(), function(E, S) {
+      c.setRequestHeader(S, E);
     }), a.isUndefined(e.withCredentials) || (c.withCredentials = !!e.withCredentials), i && i !== "json" && (c.responseType = e.responseType), typeof e.onDownloadProgress == "function" && c.addEventListener("progress", Ce(e.onDownloadProgress, !0)), typeof e.onUploadProgress == "function" && c.upload && c.upload.addEventListener("progress", Ce(e.onUploadProgress)), (e.cancelToken || e.signal) && (u = (d) => {
       c && (r(!d || d.type ? new v(null, e, c) : d), c.abort(), c = null);
     }, e.cancelToken && e.cancelToken.subscribe(u), e.signal && (e.signal.aborted ? u() : e.signal.addEventListener("abort", u)));
@@ -1484,18 +1487,18 @@ class J {
       return f;
     }
     y = l.length;
-    let E = n;
+    let b = n;
     for (c = 0; c < y; ) {
       const h = l[c++], d = l[c++];
       try {
-        E = h(E);
-      } catch (b) {
-        d.call(this, b);
+        b = h(b);
+      } catch (E) {
+        d.call(this, E);
         break;
       }
     }
     try {
-      f = Fe.call(this, E);
+      f = Fe.call(this, b);
     } catch (h) {
       return Promise.reject(h);
     }
@@ -1735,13 +1738,13 @@ const Gn = R, Qn = { class: "file-viewer" }, Zn = { class: "name" }, Yn = {
             this.startLoading(l.loading);
             const y = c.substring(c.lastIndexOf("/") + 1);
             try {
-              const { data: E } = yield Gn({ url: c, method: "get", responseType: "blob" });
-              if (!E)
+              const { data: b } = yield Gn({ url: c, method: "get", responseType: "blob" });
+              if (!b)
                 return this.showError("文件下载失败");
-              const h = this.wrap(E, y);
+              const h = this.wrap(b, y);
               return this.resolveFile(h);
-            } catch (E) {
-              this.showError(l.errorLoading(E));
+            } catch (b) {
+              this.showError(l.errorLoading(b));
             } finally {
               this.endLoading();
             }
@@ -1765,10 +1768,10 @@ const Gn = R, Qn = { class: "file-viewer" }, Zn = { class: "name" }, Yn = {
             this.startLoading(l.reading);
             try {
               o.value = y.name && decodeURIComponent(y.name) || "";
-              const E = yield Et(y);
-              E instanceof ArrayBuffer && (u = yield this.displayResult(E, y));
-            } catch (E) {
-              console.error(E), this.showError(l.errorReading(E));
+              const b = yield bt(y);
+              b instanceof ArrayBuffer && (u = yield this.displayResult(b, y));
+            } catch (b) {
+              console.error(b), this.showError(l.errorReading(b));
             } finally {
               this.endLoading();
             }
@@ -1776,13 +1779,13 @@ const Gn = R, Qn = { class: "file-viewer" }, Zn = { class: "name" }, Yn = {
         },
         // 展示渲染最终效果
         displayResult(c, y) {
-          const { name: E } = y, h = Nt(E), d = i.value;
+          const { name: b } = y, h = Nt(b), d = i.value;
           if (!d)
             return Promise.resolve();
           u && (d.lastChild && d.removeChild(d.lastChild), u.unmount());
-          const b = document.createElement("div");
-          b.className = "file-render";
-          const S = d.appendChild(b);
+          const E = document.createElement("div");
+          E.className = "file-render";
+          const S = d.appendChild(E);
           return new Promise((O, x) => Ft(c, h, S).then(O).catch(x));
         },
         showError(c) {
@@ -1797,14 +1800,14 @@ const Gn = R, Qn = { class: "file-viewer" }, Zn = { class: "name" }, Yn = {
       };
       lt(() => {
         t.file && p.resolveFile(t.file), p.loadFromUrl();
-      }), Ee(() => t.url, () => p.loadFromUrl()), Ee(() => t.file, (c) => c && p.resolveFile(c));
+      }), be(() => t.url, () => p.loadFromUrl()), be(() => t.file, (c) => c && p.resolveFile(c));
     })(), (l, u) => (H(), M("div", Qn, [
       ee("div", Zn, q(o.value), 1),
       r.value ? (H(), M("div", Yn, q(r.value), 1)) : (H(), M(ut, { key: 1 }, [
-        be(ee("div", { class: "content loading" }, q(s.value), 513), [
+        Ee(ee("div", { class: "content loading" }, q(s.value), 513), [
           [Re, n.value]
         ]),
-        be(ee("div", {
+        Ee(ee("div", {
           class: "content",
           ref_key: "output",
           ref: i

package/dist/components/worker-ref.js

@@ -1,21 +1,21 @@
 var s = Object.defineProperty;
 var n = (e, r, o) => r in e ? s(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o;
-var t = (e, r, o) => (n(e, typeof r != "symbol" ? r + "" : r, o), o);
-const u = "/node_modules/file-viewer3/dist/worker/";
-class w {
+var l = (e, r, o) => (n(e, typeof r != "symbol" ? r + "" : r, o), o);
+const u = "/node_modules/@flyfish-group/file-viewer3/dist/worker/";
+class i {
   constructor(r) {
-    t(this, "worker", null);
+    l(this, "worker", null);
     this.worker = r;
   }
   defaults(r) {
     return this.worker || r();
   }
 }
-function i(e, r = !1) {
+function c(e, r = !1) {
   let o = null;
-  const l = `${u}${e}`;
-  return o = new Worker(new URL(l, import.meta.url), { type: r ? "module" : "classic" }), new w(o);
+  const t = `${u}${e}`;
+  return o = new Worker(new URL(t, import.meta.url), { type: r ? "module" : "classic" }), new i(o);
 }
 export {
-  i as r
+  c as r
 };

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+import type { App } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
+import { PublicProps } from 'vue';
+
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare const _default: Installer;
+export default _default;
+
+/**
+ * 文件引用，支持三种
+ */
+declare type FileRef = File | Blob | ArrayBuffer;
+
+export declare const FileViewer: DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    file?: FileRef | undefined;
+    url?: string | undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    file?: FileRef | undefined;
+    url?: string | undefined;
+}>>>, {}, {}>;
+
+declare interface FileViewerInstaller {
+    install(app: App): void;
+}
+
+/**
+ * 安装器
+ */
+declare class Installer implements FileViewerInstaller {
+    private installed;
+    install(app: App): void;
+}
+
+export { }