npm - @jacktea/pdf-viewer-vue - Versions diffs - 0.1.3 - Mend

@jacktea/pdf-viewer-vue 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/PdfViewer.vue.d.ts +155 -0
package/dist/PdfViewer.vue.d.ts.map +1 -0
package/dist/index.d.ts +4 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.mjs +177 -0
package/dist/index.umd.js +1 -0
package/package.json +36 -0

package/dist/PdfViewer.vue.d.ts ADDED Viewed

@@ -0,0 +1,155 @@
+import { type PropType } from 'vue';
+import '@jacktea/pdf-viewer-component';
+import type { PdfViewerElement, PdfViewerConfig, Annotation, CommentThread, AnnotationComment, ServerWritebackPayload } from '@jacktea/pdf-viewer-component';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    src: {
+        type: PropType<string | Blob | ArrayBuffer | Uint8Array>;
+        required: false;
+    };
+    page: {
+        type: NumberConstructor;
+        required: false;
+    };
+    scale: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    rotation: {
+        type: NumberConstructor;
+        required: false;
+    };
+    theme: {
+        type: PropType<"light" | "dark" | "sepia" | "nord" | "high-contrast" | string>;
+        required: false;
+    };
+    compact: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    scaleMode: {
+        type: PropType<"page-width" | "page-fit" | "auto">;
+        required: false;
+    };
+    locale: {
+        type: StringConstructor;
+        required: false;
+    };
+    config: {
+        type: PropType<PdfViewerConfig>;
+        required: false;
+    };
+}>, {
+    element: import("vue").Ref<PdfViewerElement | null, PdfViewerElement | null>;
+    setPage: (page: number) => void | undefined;
+    zoomIn: () => void | undefined;
+    zoomOut: () => void | undefined;
+    rotate: () => void | undefined;
+    setLocale: (locale: string) => void | undefined;
+    setDocumentMode: (mode: "normal" | "preview") => void | undefined;
+    getAnnotations: () => Annotation[];
+    setAnnotations: (annotations: Annotation[]) => void | undefined;
+    addAnnotation: (annotation: Annotation) => void | undefined;
+    updateAnnotation: (annotation: Annotation) => void | undefined;
+    removeAnnotation: (id: string) => void | undefined;
+    selectAnnotation: (id: string | null) => void | undefined;
+    getCommentThreads: () => CommentThread[];
+    setCommentThreads: (threads: CommentThread[]) => void | undefined;
+    addComment: (comment: AnnotationComment) => void | undefined;
+    updateComment: (comment: AnnotationComment) => void | undefined;
+    removeComment: (annotationId: string, commentId: string) => void | undefined;
+    resolveCommentThread: (annotationId: string) => void | undefined;
+    reopenCommentThread: (annotationId: string) => void | undefined;
+    writeBackFromServer: (payload: ServerWritebackPayload) => void | undefined;
+    deletePage: (pageIndex: number) => void | undefined;
+    movePage: (from: number, to: number) => void | undefined;
+    undo: () => void | undefined;
+    redo: () => void | undefined;
+    exportPdf: (embedWatermark?: boolean) => Promise<Uint8Array<ArrayBufferLike>>;
+    exportData: () => Promise<import("@jacktea/pdf-viewer-core").PdfData>;
+    importData: (data: any) => Promise<void>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "page-change": (page: number, pageCount: number) => any;
+    "zoom-change": (scale: number) => any;
+    "document-change": (pageCount: number, pageOrder: number[], source?: string | undefined) => any;
+    "annotation-select": (annotationId: string | null) => any;
+    "annotation-add": (annotation: Annotation) => any;
+    "annotation-update": (annotation: Annotation) => any;
+    "annotation-remove": (annotation: Annotation) => any;
+    "comment-add": (comment: AnnotationComment, thread: CommentThread) => any;
+    "comment-update": (comment: AnnotationComment, thread: CommentThread) => any;
+    "comment-remove": (comment: AnnotationComment, thread: CommentThread) => any;
+    "panel-toggle": (state: "open" | "close") => any;
+    "outline-select": (pageIndex: number) => any;
+    "thumbnail-select": (pageIndex: number) => any;
+    "export-error": (message: string) => any;
+    "watermark-applied": (watermark: any) => any;
+    "theme-change": (theme: "light" | "dark") => any;
+    "viewer-mode-change": (mode: string) => any;
+    "scale-mode-change": (mode: string) => any;
+    "preview-mode-change": (mode: string) => any;
+    "annotation-tool-change": (tool: string) => any;
+    "history-change": (action: "undo" | "redo") => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: PropType<string | Blob | ArrayBuffer | Uint8Array>;
+        required: false;
+    };
+    page: {
+        type: NumberConstructor;
+        required: false;
+    };
+    scale: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    rotation: {
+        type: NumberConstructor;
+        required: false;
+    };
+    theme: {
+        type: PropType<"light" | "dark" | "sepia" | "nord" | "high-contrast" | string>;
+        required: false;
+    };
+    compact: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    scaleMode: {
+        type: PropType<"page-width" | "page-fit" | "auto">;
+        required: false;
+    };
+    locale: {
+        type: StringConstructor;
+        required: false;
+    };
+    config: {
+        type: PropType<PdfViewerConfig>;
+        required: false;
+    };
+}>> & Readonly<{
+    "onPage-change"?: ((page: number, pageCount: number) => any) | undefined;
+    "onZoom-change"?: ((scale: number) => any) | undefined;
+    "onDocument-change"?: ((pageCount: number, pageOrder: number[], source?: string | undefined) => any) | undefined;
+    "onAnnotation-select"?: ((annotationId: string | null) => any) | undefined;
+    "onAnnotation-add"?: ((annotation: Annotation) => any) | undefined;
+    "onAnnotation-update"?: ((annotation: Annotation) => any) | undefined;
+    "onAnnotation-remove"?: ((annotation: Annotation) => any) | undefined;
+    "onComment-add"?: ((comment: AnnotationComment, thread: CommentThread) => any) | undefined;
+    "onComment-update"?: ((comment: AnnotationComment, thread: CommentThread) => any) | undefined;
+    "onComment-remove"?: ((comment: AnnotationComment, thread: CommentThread) => any) | undefined;
+    "onPanel-toggle"?: ((state: "open" | "close") => any) | undefined;
+    "onOutline-select"?: ((pageIndex: number) => any) | undefined;
+    "onThumbnail-select"?: ((pageIndex: number) => any) | undefined;
+    "onExport-error"?: ((message: string) => any) | undefined;
+    "onWatermark-applied"?: ((watermark: any) => any) | undefined;
+    "onTheme-change"?: ((theme: "light" | "dark") => any) | undefined;
+    "onViewer-mode-change"?: ((mode: string) => any) | undefined;
+    "onScale-mode-change"?: ((mode: string) => any) | undefined;
+    "onPreview-mode-change"?: ((mode: string) => any) | undefined;
+    "onAnnotation-tool-change"?: ((tool: string) => any) | undefined;
+    "onHistory-change"?: ((action: "undo" | "redo") => any) | undefined;
+}>, {
+    compact: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=PdfViewer.vue.d.ts.map

package/dist/PdfViewer.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PdfViewer.vue.d.ts","sourceRoot":"","sources":["../src/PdfViewer.vue"],"names":[],"mappings":"AAyQA,OAAO,EAAsC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACxE,OAAO,+BAA+B,CAAC;AACvC,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,+BAA+B,CAAC;;;cA2VT,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;cAgB5D,QAAQ,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,eAAe,GAAG,MAAM,CAAC;;;;;;;;cAQxE,QAAQ,CAAC,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;;;;;;;;cAQ5C,QAAQ,CAAC,eAAe,CAAC;;;;;oBApTtB,MAAM;;;;wBAIF,MAAM;4BACF,QAAQ,GAAG,SAAS;;kCAId,UAAU,EAAE;gCACd,UAAU;mCACP,UAAU;2BAClB,MAAM;2BACN,MAAM,GAAG,IAAI;;iCAGP,aAAa,EAAE;0BACtB,iBAAiB;6BACd,iBAAiB;kCACZ,MAAM,aAAa,MAAM;yCAClB,MAAM;wCACP,MAAM;mCACX,sBAAsB;4BAG7B,MAAM;qBACb,MAAM,MAAM,MAAM;;;iCAIN,OAAO;;uBAEjB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;cAoPC,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;cAgB5D,QAAQ,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,eAAe,GAAG,MAAM,CAAC;;;;;;;;cAQxE,QAAQ,CAAC,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;;;;;;;;cAQ5C,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzC7C,wBA6CG"}

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import PdfViewer from "./PdfViewer.vue";
+export { PdfViewer };
+export default PdfViewer;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,eAAe,SAAS,CAAC"}

package/dist/index.mjs ADDED Viewed

@@ -0,0 +1,177 @@
+import { defineComponent as z, ref as q, onMounted as M, onUnmounted as O, watch as D, createElementBlock as B, openBlock as I } from "vue";
+import "@jacktea/pdf-viewer-component";
+const F = ["src", "page", "scale", "rotation", "theme", "compact", "scale-mode", "locale"], he = /* @__PURE__ */ z({
+  __name: "PdfViewer",
+  props: {
+    src: {
+      type: [String, Object],
+      required: !1
+    },
+    page: {
+      type: Number,
+      required: !1
+    },
+    scale: {
+      type: [Number, String],
+      // number or 'auto'
+      required: !1
+    },
+    rotation: {
+      type: Number,
+      required: !1
+    },
+    theme: {
+      type: String,
+      required: !1
+    },
+    compact: {
+      type: Boolean,
+      required: !1
+    },
+    scaleMode: {
+      type: String,
+      required: !1
+    },
+    locale: {
+      type: String,
+      required: !1
+    },
+    config: {
+      type: Object,
+      required: !1
+    }
+  },
+  emits: ["page-change", "zoom-change", "document-change", "annotation-select", "annotation-add", "annotation-update", "annotation-remove", "comment-add", "comment-update", "comment-remove", "panel-toggle", "outline-select", "thumbnail-select", "export-error", "watermark-applied", "theme-change", "viewer-mode-change", "scale-mode-change", "preview-mode-change", "annotation-tool-change", "history-change"],
+  setup(a, { expose: S, emit: b }) {
+    const r = a, o = b, n = q(null);
+    S({
+      element: n,
+      setPage: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.setPage(e);
+      },
+      zoomIn: () => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.zoomIn();
+      },
+      zoomOut: () => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.zoomOut();
+      },
+      rotate: () => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.rotate();
+      },
+      setLocale: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.setLocale(e);
+      },
+      setDocumentMode: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.setDocumentMode(e);
+      },
+      getAnnotations: () => {
+        var e;
+        return ((e = n.value) == null ? void 0 : e.getAnnotations()) ?? [];
+      },
+      setAnnotations: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.setAnnotations(e);
+      },
+      addAnnotation: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.addAnnotation(e);
+      },
+      updateAnnotation: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.updateAnnotation(e);
+      },
+      removeAnnotation: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.removeAnnotation(e);
+      },
+      selectAnnotation: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.selectAnnotation(e);
+      },
+      getCommentThreads: () => {
+        var e;
+        return ((e = n.value) == null ? void 0 : e.getCommentThreads()) ?? [];
+      },
+      setCommentThreads: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.setCommentThreads(e);
+      },
+      addComment: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.addComment(e);
+      },
+      updateComment: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.updateComment(e);
+      },
+      removeComment: (e, t) => {
+        var d;
+        return (d = n.value) == null ? void 0 : d.removeComment(e, t);
+      },
+      resolveCommentThread: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.resolveCommentThread(e);
+      },
+      reopenCommentThread: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.reopenCommentThread(e);
+      },
+      writeBackFromServer: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.writeBackFromServer(e);
+      },
+      deletePage: (e) => {
+        var t;
+        return (t = n.value) == null ? void 0 : t.deletePage(e);
+      },
+      movePage: (e, t) => {
+        var d;
+        return (d = n.value) == null ? void 0 : d.movePage(e, t);
+      },
+      undo: () => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.undo();
+      },
+      redo: () => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.redo();
+      },
+      exportPdf: (e) => n.value.exportPdf(e),
+      exportData: () => n.value.exportData(),
+      importData: (e) => n.value.importData(e)
+    });
+    const m = (e) => o("page-change", e.detail.page, e.detail.pageCount), i = (e) => o("zoom-change", e.detail.scale), c = (e) => o("document-change", e.detail.pageCount, e.detail.pageOrder, e.detail.source), s = (e) => o("annotation-select", e.detail.annotationId), l = (e) => o("annotation-add", e.detail.annotation), v = (e) => o("annotation-update", e.detail.annotation), h = (e) => o("annotation-remove", e.detail.annotation), g = (e) => o("comment-add", e.detail.comment, e.detail.thread), u = (e) => o("comment-update", e.detail.comment, e.detail.thread), p = (e) => o("comment-remove", e.detail.comment, e.detail.thread), E = (e) => o("panel-toggle", e.detail.state), L = (e) => o("outline-select", e.detail.pageIndex), f = (e) => o("thumbnail-select", e.detail.pageIndex), C = (e) => o("export-error", e.detail.message), A = (e) => o("watermark-applied", e.detail.watermark), w = (e) => o("theme-change", e.detail.theme), y = (e) => o("viewer-mode-change", e.detail.mode), P = (e) => o("scale-mode-change", e.detail.mode), x = (e) => o("preview-mode-change", e.detail.mode), T = (e) => o("annotation-tool-change", e.detail.tool), k = (e) => o("history-change", e.detail.action);
+    return M(() => {
+      const e = n.value;
+      e && (e.addEventListener("pagechange", m), e.addEventListener("zoomchange", i), e.addEventListener("documentchange", c), e.addEventListener("annotation:select", s), e.addEventListener("annotation:add", l), e.addEventListener("annotation:update", v), e.addEventListener("annotation:remove", h), e.addEventListener("comment:add", g), e.addEventListener("comment:update", u), e.addEventListener("comment:remove", p), e.addEventListener("panel:toggle", E), e.addEventListener("outline:select", L), e.addEventListener("thumbnail:select", f), e.addEventListener("export:error", C), e.addEventListener("watermark:applied", A), e.addEventListener("theme:change", w), e.addEventListener("viewer:mode:change", y), e.addEventListener("scale:mode:change", P), e.addEventListener("preview:mode:change", x), e.addEventListener("annotation:tool:change", T), e.addEventListener("history:change", k), r.config && e.setConfig(r.config), r.src && typeof r.src != "string" && e.loadDocument(r.src));
+    }), O(() => {
+      const e = n.value;
+      e && (e.removeEventListener("pagechange", m), e.removeEventListener("zoomchange", i), e.removeEventListener("documentchange", c), e.removeEventListener("annotation:select", s), e.removeEventListener("annotation:add", l), e.removeEventListener("annotation:update", v), e.removeEventListener("annotation:remove", h), e.removeEventListener("comment:add", g), e.removeEventListener("comment:update", u), e.removeEventListener("comment:remove", p), e.removeEventListener("panel:toggle", E), e.removeEventListener("outline:select", L), e.removeEventListener("thumbnail:select", f), e.removeEventListener("export:error", C), e.removeEventListener("watermark:applied", A), e.removeEventListener("theme:change", w), e.removeEventListener("viewer:mode:change", y), e.removeEventListener("scale:mode:change", P), e.removeEventListener("preview:mode:change", x), e.removeEventListener("annotation:tool:change", T), e.removeEventListener("history:change", k));
+    }), D(() => r.src, (e) => {
+      e && typeof e != "string" && n.value && n.value.loadDocument(e);
+    }), D(() => r.config, (e) => {
+      e && n.value && n.value.setConfig(e);
+    }, { deep: !0, immediate: !0 }), (e, t) => (I(), B("pdf-viewer", {
+      ref_key: "container",
+      ref: n,
+      src: typeof a.src == "string" ? a.src : void 0,
+      page: a.page,
+      scale: a.scale,
+      rotation: a.rotation,
+      theme: a.theme,
+      compact: a.compact,
+      "scale-mode": a.scaleMode,
+      locale: a.locale
+    }, null, 8, F));
+  }
+});
+export {
+  he as PdfViewer,
+  he as default
+};

package/dist/index.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,36 @@
+{
+  "name": "@jacktea/pdf-viewer-vue",
+  "version": "0.1.3",
+  "private": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "dependencies": {
+    "@jacktea/pdf-viewer-component": "0.1.3"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.0",
+    "vue": "^3.3.0",
+    "vue-tsc": "^2.0.0"
+  },
+  "scripts": {
+    "build": "vite build && vue-tsc --emitDeclarationOnly",
+    "dev": "vite build --watch",
+    "typecheck": "vue-tsc --noEmit"
+  }
+}