qidian-vue-ui 1.1.22 → 1.1.24

package/dist/components/office/pdf/config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.mjs","sources":["../../../../src/components/office/pdf/config.ts"],"sourcesContent":["export const ADAPTIVE_VIEW = 'page-width';\nexport const ZOOM_SCALE_LIMIT = { MIN: 0.5, MAX: 2 };\nexport const ZOOM_SCALE_FACTOR = 1.1;\n"],"names":[],"mappings":"AAAO,MAAM,gBAAgB;AACtB,MAAM,mBAAmB,EAAE,KAAK,KAAK,KAAK,EAAA;AAC1C,MAAM,oBAAoB;"}

package/dist/components/office/pdf/hooks/useZoom.d.ts

@@ -0,0 +1,21 @@
+import type { Ref } from 'vue';
+import type { PDFViewer } from 'pdfjs-dist/web/pdf_viewer.d.mts';
+interface UseZoomOptions {
+    viewer: Ref<PDFViewer | undefined>;
+    updateViewer: () => void;
+    debounceUpdateViewer: () => void;
+}
+export declare function useZoom({ viewer, updateViewer, debounceUpdateViewer }: UseZoomOptions): {
+    updateZoom: ({ steps, scaleFactor, origin, debounceUpdate }: {
+        steps?: number;
+        scaleFactor?: number;
+        origin?: number[];
+        debounceUpdate?: boolean;
+    }) => void;
+    zoomOut: () => void;
+    zoomIn: () => void;
+    adaptiveView: (enable?: boolean) => void;
+    onWheel: (evt: WheelEvent) => void;
+    onResize: () => void;
+};
+export {};

package/dist/components/office/pdf/hooks/useZoom.mjs

@@ -0,0 +1,200 @@
+import { onActivated, onDeactivated } from "vue";
+import { FeatureTest as util_FeatureTest } from "../../../../node_modules/.pnpm/pdfjs-dist@5.4.394/node_modules/pdfjs-dist/build/pdf.mjs";
+import { ADAPTIVE_VIEW, ZOOM_SCALE_LIMIT, ZOOM_SCALE_FACTOR } from "../config.mjs";
+import { isEmpty } from "qidian-shared";
+let windowAbortController;
+let isCtrlKeyDown = false;
+let wheelUnusedFactor = 1;
+let wheelUnusedTicks = 0;
+function useZoom({ viewer, updateViewer, debounceUpdateViewer }) {
+  function bindWindowEvents() {
+    windowAbortController = new AbortController();
+    window.addEventListener(
+      "keydown",
+      (evt) => {
+        const { key, keyCode, ctrlKey, altKey, shiftKey, metaKey } = evt;
+        isCtrlKeyDown = key === "Control";
+        const cmd = (ctrlKey ? 1 : 0) | (altKey ? 2 : 0) | (shiftKey ? 4 : 0) | (metaKey ? 8 : 0);
+        if (![1, 5, 8, 12].includes(cmd)) return;
+        let handled = false;
+        const viewerVm = viewer.value;
+        const isViewerInPresentationMode = viewerVm?.isInPresentationMode;
+        switch (keyCode) {
+          case 61:
+          // FF/Mac '='
+          case 107:
+          // FF '+' and '='
+          case 187:
+          // Chrome '+'
+          case 171:
+            zoomIn();
+            handled = true;
+            break;
+          case 173:
+          // FF/Mac '-'
+          case 109:
+          // FF '-'
+          case 189:
+            zoomOut();
+            handled = true;
+            break;
+          case 48:
+          // '0'
+          case 96:
+            if (!isViewerInPresentationMode) {
+              setTimeout(() => {
+                adaptiveView(viewerVm?.currentScaleValue !== ADAPTIVE_VIEW);
+              });
+              handled = false;
+            }
+            break;
+        }
+        if (handled) evt.preventDefault();
+      },
+      windowAbortController
+    );
+    window.addEventListener(
+      "keyup",
+      ({ key }) => {
+        if (key === "Control") isCtrlKeyDown = false;
+      },
+      windowAbortController
+    );
+  }
+  function unbindWindowEvents() {
+    windowAbortController?.abort();
+    windowAbortController = void 0;
+  }
+  function updateZoom({
+    steps,
+    scaleFactor,
+    origin,
+    debounceUpdate
+  }) {
+    const viewerVm = viewer.value;
+    if (!viewerVm || viewerVm.isInPresentationMode) return;
+    if (scaleFactor) {
+      const newScale = viewerVm.currentScale * scaleFactor;
+      if (newScale < ZOOM_SCALE_LIMIT.MIN) {
+        scaleFactor = ZOOM_SCALE_LIMIT.MIN / viewerVm.currentScale;
+      } else if (newScale > ZOOM_SCALE_LIMIT.MAX) {
+        scaleFactor = ZOOM_SCALE_LIMIT.MAX / viewerVm.currentScale;
+      }
+    }
+    if (steps) {
+      const newScale = viewerVm.currentScale * ZOOM_SCALE_FACTOR ** steps;
+      if (newScale < ZOOM_SCALE_LIMIT.MIN) {
+        steps = Math.log(ZOOM_SCALE_LIMIT.MIN / viewerVm.currentScale) / Math.log(ZOOM_SCALE_FACTOR);
+      } else if (newScale > ZOOM_SCALE_LIMIT.MAX) {
+        steps = Math.log(ZOOM_SCALE_LIMIT.MAX / viewerVm.currentScale) / Math.log(ZOOM_SCALE_FACTOR);
+      }
+    }
+    if (!origin && viewerVm.container) {
+      const container = viewerVm.container;
+      const rect = container.getBoundingClientRect();
+      origin = [rect.width / 2, rect.height / 2];
+    }
+    viewerVm.updateScale({
+      drawingDelay: 400,
+      steps,
+      scaleFactor,
+      origin
+    });
+    if (debounceUpdate) debounceUpdateViewer();
+    else updateViewer();
+  }
+  function zoomOut() {
+    updateZoom({ steps: -1 });
+  }
+  function zoomIn() {
+    updateZoom({ steps: 1 });
+  }
+  function adaptiveView(enable = true) {
+    const viewerVm = viewer.value;
+    if (!viewerVm) return;
+    viewerVm.currentScaleValue = enable ? ADAPTIVE_VIEW : `${viewerVm.currentScale}`;
+    updateViewer();
+  }
+  function accumulateFactor(previousScale, factor) {
+    if (factor === 1) return 1;
+    if (wheelUnusedFactor > 1 && factor < 1 || wheelUnusedFactor < 1 && factor > 1) {
+      wheelUnusedFactor = 1;
+    }
+    const newFactor = Math.floor(previousScale * factor * wheelUnusedFactor * 100) / (100 * previousScale);
+    wheelUnusedFactor = factor / newFactor;
+    return newFactor;
+  }
+  function accumulateTicks(ticks) {
+    if (wheelUnusedTicks > 0 && ticks < 0 || wheelUnusedTicks < 0 && ticks > 0) {
+      wheelUnusedTicks = 0;
+    }
+    wheelUnusedTicks += ticks;
+    const wholeTicks = Math.trunc(wheelUnusedTicks);
+    wheelUnusedTicks -= wholeTicks;
+    return wholeTicks;
+  }
+  function normalizeWheelEventDirection(evt) {
+    let delta = Math.hypot(evt.deltaX, evt.deltaY);
+    const angle = Math.atan2(evt.deltaY, evt.deltaX);
+    if (-0.25 * Math.PI < angle && angle < 0.75 * Math.PI) {
+      delta = -delta;
+    }
+    return delta;
+  }
+  function onWheel(evt) {
+    const viewerVm = viewer.value;
+    if (!viewerVm) return;
+    const { isMac } = util_FeatureTest.platform;
+    const { ctrlKey, metaKey, deltaMode, deltaX, deltaY, deltaZ, clientX, clientY } = evt;
+    let scaleFactor = Math.exp(-deltaY / 100);
+    const isPinchToZoom = ctrlKey && !isCtrlKeyDown && deltaMode === WheelEvent.DOM_DELTA_PIXEL && deltaX === 0 && (Math.abs(scaleFactor - 1) < 0.05 || isMac) && deltaZ === 0;
+    if (!isPinchToZoom && !ctrlKey && !metaKey) return;
+    evt.preventDefault();
+    if (document.visibilityState === "hidden") {
+      return;
+    }
+    const container = viewerVm.container;
+    const rect = container.getBoundingClientRect();
+    const origin = [clientX - rect.left, clientY - rect.top];
+    if (isPinchToZoom) {
+      scaleFactor = accumulateFactor(viewerVm.currentScale, scaleFactor);
+      updateZoom({ scaleFactor, origin, debounceUpdate: true });
+      return;
+    }
+    const delta = normalizeWheelEventDirection(evt);
+    let ticks = 0;
+    if (deltaMode === WheelEvent.DOM_DELTA_LINE || deltaMode === WheelEvent.DOM_DELTA_PAGE) {
+      ticks = Math.abs(delta) >= 1 ? Math.sign(delta) : accumulateTicks(delta);
+    } else {
+      const PIXELS_PER_LINE_SCALE = 30;
+      ticks = accumulateTicks(delta / PIXELS_PER_LINE_SCALE);
+    }
+    updateZoom({ steps: ticks, origin, debounceUpdate: true });
+  }
+  function onResize() {
+    const viewerVm = viewer.value;
+    if (!viewerVm) return;
+    const { currentScaleValue } = viewerVm;
+    if (!isEmpty(currentScaleValue) && currentScaleValue !== ADAPTIVE_VIEW) return;
+    adaptiveView();
+  }
+  bindWindowEvents();
+  onActivated(() => {
+    bindWindowEvents();
+  });
+  onDeactivated(() => {
+    unbindWindowEvents();
+  });
+  return {
+    updateZoom,
+    zoomOut,
+    zoomIn,
+    adaptiveView,
+    onWheel,
+    onResize
+  };
+}
+export {
+  useZoom
+};
+//# sourceMappingURL=useZoom.mjs.map

package/dist/components/office/pdf/hooks/useZoom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZoom.mjs","sources":["../../../../../src/components/office/pdf/hooks/useZoom.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport type { PDFViewer } from 'pdfjs-dist/web/pdf_viewer.d.mts'\nimport { onActivated, onDeactivated } from 'vue'\nimport { FeatureTest } from 'pdfjs-dist'\nimport { ADAPTIVE_VIEW, ZOOM_SCALE_FACTOR, ZOOM_SCALE_LIMIT } from '../config'\nimport { isEmpty } from 'qidian-shared'\n\ninterface UseZoomOptions {\n  viewer: Ref<PDFViewer | undefined>\n  updateViewer: () => void\n  debounceUpdateViewer: () => void\n}\n\nlet windowAbortController: AbortController | undefined\nlet isCtrlKeyDown = false\nlet wheelUnusedFactor = 1\nlet wheelUnusedTicks = 0\n\nexport function useZoom({ viewer, updateViewer, debounceUpdateViewer }: UseZoomOptions) {\n  function bindWindowEvents() {\n    windowAbortController = new AbortController()\n\n    window.addEventListener(\n      'keydown',\n      (evt) => {\n        const { key, keyCode, ctrlKey, altKey, shiftKey, metaKey } = evt\n        isCtrlKeyDown = key === 'Control'\n\n        const cmd = (ctrlKey ? 1 : 0) | (altKey ? 2 : 0) | (shiftKey ? 4 : 0) | (metaKey ? 8 : 0)\n\n        if (![1, 5, 8, 12].includes(cmd)) return\n\n        let handled = false\n        const viewerVm = viewer.value\n        const isViewerInPresentationMode = viewerVm?.isInPresentationMode\n\n        switch (keyCode) {\n          case 61: // FF/Mac '='\n          case 107: // FF '+' and '='\n          case 187: // Chrome '+'\n          case 171: // FF with German keyboard\n            zoomIn()\n            handled = true\n            break\n\n          case 173: // FF/Mac '-'\n          case 109: // FF '-'\n          case 189: // Chrome '-'\n            zoomOut()\n            handled = true\n            break\n\n          case 48: // '0'\n          case 96: // '0' on Numpad of Swedish keyboard\n            if (!isViewerInPresentationMode) {\n              setTimeout(() => {\n                adaptiveView(viewerVm?.currentScaleValue !== ADAPTIVE_VIEW)\n              })\n              handled = false\n            }\n            break\n\n          default:\n            break\n        }\n\n        if (handled) evt.preventDefault()\n      },\n      windowAbortController\n    )\n\n    window.addEventListener(\n      'keyup',\n      ({ key }) => {\n        if (key === 'Control') isCtrlKeyDown = false\n      },\n      windowAbortController\n    )\n  }\n\n  function unbindWindowEvents() {\n    windowAbortController?.abort()\n    windowAbortController = undefined\n  }\n\n  function updateZoom({\n    steps,\n    scaleFactor,\n    origin,\n    debounceUpdate\n  }: {\n    steps?: number\n    scaleFactor?: number\n    origin?: number[]\n    debounceUpdate?: boolean\n  }) {\n    const viewerVm = viewer.value\n    if (!viewerVm || viewerVm.isInPresentationMode) return\n\n    // 限制缩放倍率\n    if (scaleFactor) {\n      const newScale = viewerVm.currentScale * scaleFactor\n      if (newScale < ZOOM_SCALE_LIMIT.MIN) {\n        scaleFactor = ZOOM_SCALE_LIMIT.MIN / viewerVm.currentScale\n      } else if (newScale > ZOOM_SCALE_LIMIT.MAX) {\n        scaleFactor = ZOOM_SCALE_LIMIT.MAX / viewerVm.currentScale\n      }\n    }\n\n    if (steps) {\n      const newScale = viewerVm.currentScale * ZOOM_SCALE_FACTOR ** steps\n      if (newScale < ZOOM_SCALE_LIMIT.MIN) {\n        steps = Math.log(ZOOM_SCALE_LIMIT.MIN / viewerVm.currentScale) / Math.log(ZOOM_SCALE_FACTOR)\n      } else if (newScale > ZOOM_SCALE_LIMIT.MAX) {\n        steps = Math.log(ZOOM_SCALE_LIMIT.MAX / viewerVm.currentScale) / Math.log(ZOOM_SCALE_FACTOR)\n      }\n    }\n\n    if (!origin && viewerVm.container) {\n      const container = viewerVm.container\n      const rect = container.getBoundingClientRect()\n      origin = [rect.width / 2, rect.height / 2]\n    }\n\n    viewerVm.updateScale({\n      drawingDelay: 400,\n      steps,\n      scaleFactor,\n      origin\n    })\n\n    if (debounceUpdate) debounceUpdateViewer()\n    else updateViewer()\n  }\n\n  function zoomOut() {\n    updateZoom({ steps: -1 })\n  }\n\n  function zoomIn() {\n    updateZoom({ steps: 1 })\n  }\n\n  function adaptiveView(enable = true) {\n    const viewerVm = viewer.value\n    if (!viewerVm) return\n\n    viewerVm.currentScaleValue = enable ? ADAPTIVE_VIEW : `${viewerVm.currentScale}`\n    updateViewer()\n  }\n\n  function accumulateFactor(previousScale: number, factor: number) {\n    if (factor === 1) return 1\n\n    if ((wheelUnusedFactor > 1 && factor < 1) || (wheelUnusedFactor < 1 && factor > 1)) {\n      wheelUnusedFactor = 1\n    }\n\n    const newFactor =\n      Math.floor(previousScale * factor * wheelUnusedFactor * 100) / (100 * previousScale)\n    wheelUnusedFactor = factor / newFactor\n\n    return newFactor\n  }\n\n  function accumulateTicks(ticks: number) {\n    if ((wheelUnusedTicks > 0 && ticks < 0) || (wheelUnusedTicks < 0 && ticks > 0)) {\n      wheelUnusedTicks = 0\n    }\n\n    wheelUnusedTicks += ticks\n    const wholeTicks = Math.trunc(wheelUnusedTicks)\n    wheelUnusedTicks -= wholeTicks\n\n    return wholeTicks\n  }\n\n  function normalizeWheelEventDirection(evt: WheelEvent) {\n    let delta = Math.hypot(evt.deltaX, evt.deltaY)\n    const angle = Math.atan2(evt.deltaY, evt.deltaX)\n    if (-0.25 * Math.PI < angle && angle < 0.75 * Math.PI) {\n      delta = -delta\n    }\n\n    return delta\n  }\n\n  function onWheel(evt: WheelEvent) {\n    const viewerVm = viewer.value\n    if (!viewerVm) return\n\n    const { isMac } = FeatureTest.platform\n    const { ctrlKey, metaKey, deltaMode, deltaX, deltaY, deltaZ, clientX, clientY } = evt\n\n    let scaleFactor = Math.exp(-deltaY / 100)\n\n    const isPinchToZoom =\n      ctrlKey &&\n      !isCtrlKeyDown &&\n      deltaMode === WheelEvent.DOM_DELTA_PIXEL &&\n      deltaX === 0 &&\n      (Math.abs(scaleFactor - 1) < 0.05 || isMac) &&\n      deltaZ === 0\n\n    if (!isPinchToZoom && !ctrlKey && !metaKey) return\n\n    evt.preventDefault()\n    if (document.visibilityState === 'hidden') {\n      return\n    }\n\n    const container = viewerVm.container\n    const rect = container.getBoundingClientRect()\n    const origin = [clientX - rect.left, clientY - rect.top]\n\n    if (isPinchToZoom) {\n      scaleFactor = accumulateFactor(viewerVm.currentScale, scaleFactor)\n      updateZoom({ scaleFactor, origin, debounceUpdate: true })\n      return\n    }\n\n    const delta = normalizeWheelEventDirection(evt)\n    let ticks = 0\n    if (deltaMode === WheelEvent.DOM_DELTA_LINE || deltaMode === WheelEvent.DOM_DELTA_PAGE) {\n      ticks = Math.abs(delta) >= 1 ? Math.sign(delta) : accumulateTicks(delta)\n    } else {\n      const PIXELS_PER_LINE_SCALE = 30\n      ticks = accumulateTicks(delta / PIXELS_PER_LINE_SCALE)\n    }\n\n    updateZoom({ steps: ticks, origin, debounceUpdate: true })\n  }\n\n  function onResize() {\n    const viewerVm = viewer.value\n    if (!viewerVm) return\n\n    const { currentScaleValue } = viewerVm\n    if (!isEmpty(currentScaleValue) && currentScaleValue !== ADAPTIVE_VIEW) return\n\n    adaptiveView()\n  }\n\n  bindWindowEvents()\n\n  onActivated(() => {\n    bindWindowEvents()\n  })\n\n  onDeactivated(() => {\n    unbindWindowEvents()\n  })\n\n  return {\n    updateZoom,\n    zoomOut,\n    zoomIn,\n    adaptiveView,\n    onWheel,\n    onResize\n  }\n}\n"],"names":["FeatureTest"],"mappings":"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"}

package/dist/components/office/pdf/index.d.ts

@@ -0,0 +1,2 @@
+export { default as QdOfficePdf } from './index.vue';
+export type { QdOfficePdfProps } from './types';

package/dist/components/office/pdf/index.vue.d.ts

@@ -0,0 +1,11 @@
+import type { QdOfficePdfProps, TextLayerRenderedEvent } from './types';
+import { PDFViewer } from 'pdfjs-dist/web/pdf_viewer.mjs';
+import 'pdfjs-dist/web/pdf_viewer.css';
+declare const _default: import("vue").DefineComponent<QdOfficePdfProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pagesInit: (args_0: PDFViewer) => any;
+    textLayerRendered: (args_0: TextLayerRenderedEvent) => any;
+}, string, import("vue").PublicProps, Readonly<QdOfficePdfProps> & Readonly<{
+    onPagesInit?: ((args_0: PDFViewer) => any) | undefined;
+    onTextLayerRendered?: ((args_0: TextLayerRenderedEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/office/pdf/index.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from "./index.vue2.mjs";
+/* empty css            */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fea4dd8"]]);
+export {
+  index as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/office/pdf/index.vue.mjs.map

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

package/dist/components/office/pdf/index.vue2.mjs

@@ -0,0 +1,322 @@
+import { defineComponent, ref, shallowRef, computed, onMounted, watch, resolveDirective, createBlock, openBlock, unref, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, createVNode, createTextVNode, toDisplayString, triggerRef } from "vue";
+import { useCsl, toPrecision, isDev, to } from "qidian-shared";
+import { GlobalWorkerOptions, getDocument } from "../../../node_modules/.pnpm/pdfjs-dist@5.4.394/node_modules/pdfjs-dist/build/pdf.mjs";
+import PDFSandboxUrl from "../../../node_modules/.pnpm/pdfjs-dist@5.4.394/node_modules/pdfjs-dist/build/pdf.sandbox.mjs";
+import WorkerUrl from "../../../node_modules/.pnpm/pdfjs-dist@5.4.394/node_modules/pdfjs-dist/build/pdf.worker.mjs";
+import { PDFLinkService, EventBus, PDFFindController, PDFScriptingManager as PDFScriptingManagerComponents, PDFViewer } from "../../../node_modules/.pnpm/pdfjs-dist@5.4.394/node_modules/pdfjs-dist/web/pdf_viewer.mjs";
+import { ChevronLeftIcon, ChevronRightIcon, ZoomOutIcon, ZoomInIcon, CenterFocusStrongFilledIcon, CenterFocusStrongIcon } from "tdesign-icons-vue-next";
+import { Loading, Tooltip, Button, InputNumber, Divider } from "tdesign-vue-next";
+import { ADAPTIVE_VIEW, ZOOM_SCALE_LIMIT } from "./config.mjs";
+import { useZoom } from "./hooks/useZoom.mjs";
+import { useConfig } from "../../config-provider/useConfig.mjs";
+/* empty css                                                                                         */
+import { useDebounceFn } from "../../../node_modules/.pnpm/@vueuse_shared@14.0.0_vue@3.5.22_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "qd-office-pdf__controls"
+};
+const _hoisted_2 = { class: "qd-office-pdf__controls-body" };
+const _hoisted_3 = { class: "qd-office-pdf__controls-page" };
+const _hoisted_4 = { class: "qd-office-pdf__controls-page-input" };
+const _hoisted_5 = { class: "qd-office-pdf__controls-scale" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "QdOfficePdf"
+  },
+  __name: "index",
+  props: {
+    src: {}
+  },
+  emits: ["pagesInit", "textLayerRendered"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const csl = useCsl("pdf");
+    const { t } = useConfig("office");
+    GlobalWorkerOptions.workerSrc = WorkerUrl;
+    const loading = ref(false);
+    const containerRef = ref();
+    const viewerRef = ref();
+    const viewer = shallowRef();
+    const isAdaptiveView = computed(() => viewer.value?.currentScaleValue === ADAPTIVE_VIEW);
+    const debounceUpdateViewer = useDebounceFn(updateViewer, 300, { maxWait: 900 });
+    const { zoomOut, zoomIn, adaptiveView, onWheel, onResize } = useZoom({
+      viewer,
+      updateViewer,
+      debounceUpdateViewer
+    });
+    const prevPageDisabled = computed(() => {
+      const viewerVm = viewer.value;
+      return viewerVm && viewerVm.currentPageNumber <= 1;
+    });
+    const nextPageDisabled = computed(() => {
+      const viewerVm = viewer.value;
+      return viewerVm && viewerVm.currentPageNumber >= viewerVm.pagesCount;
+    });
+    const zoomOutDisabled = computed(() => {
+      const viewerVm = viewer.value;
+      return viewerVm && viewerVm.currentScale <= ZOOM_SCALE_LIMIT.MIN;
+    });
+    const zoomInDisabled = computed(() => {
+      const viewerVm = viewer.value;
+      return viewerVm && viewerVm.currentScale >= ZOOM_SCALE_LIMIT.MAX;
+    });
+    async function render() {
+      const { src } = props;
+      const containerEl = containerRef.value;
+      const viewerEl = viewerRef.value;
+      if (!src || !containerEl || !viewerEl) return;
+      loading.value = true;
+      const eventBus = new EventBus();
+      const linkService = new PDFLinkService({
+        eventBus,
+        externalLinkTarget: 2,
+        externalLinkRel: ""
+      });
+      linkService.externalLinkEnabled = false;
+      const findController = new PDFFindController({
+        eventBus,
+        linkService,
+        updateMatchesCountOnProgress: true
+      });
+      const scriptingManager = new PDFScriptingManagerComponents({
+        eventBus,
+        sandboxBundleSrc: PDFSandboxUrl
+      });
+      viewer.value = new PDFViewer({
+        container: containerEl,
+        viewer: viewerEl,
+        eventBus,
+        linkService,
+        findController,
+        scriptingManager,
+        annotationEditorMode: 0,
+        textLayerMode: 1,
+        annotationMode: 1,
+        enablePrintAutoRotate: true,
+        maxCanvasPixels: 33554432,
+        maxCanvasDim: 32767,
+        capCanvasAreaFactor: 200,
+        enableHWA: true,
+        enableDetailCanvas: true,
+        enablePermissions: true,
+        supportsPinchToZoom: true,
+        enableAutoLinking: true,
+        minDurationToUpdateCanvas: 500,
+        l10n: void 0
+      });
+      const viewerVm = viewer.value;
+      linkService.setViewer(viewerVm);
+      scriptingManager.setViewer(viewerVm);
+      const loadingTask = getDocument({
+        url: src,
+        cMapUrl: "../../../../node_modules/pdfjs-dist/cmaps/",
+        iccUrl: "../../../../node_modules/pdfjs-dist/iccs/",
+        wasmUrl: "../../../../node_modules/pdfjs-dist/wasm/",
+        standardFontDataUrl: "../../../../node_modules/pdfjs-dist/standard_fonts/",
+        pdfBug: isDev,
+        cMapPacked: true,
+        enableXfa: true,
+        enableHWA: true,
+        isEvalSupported: true,
+        isOffscreenCanvasSupported: true,
+        useWasm: true,
+        useWorkerFetch: true,
+        verbosity: 1,
+        maxImageSize: -1,
+        canvasMaxAreaInBytes: -1,
+        fontExtraProperties: false,
+        disableAutoFetch: false,
+        disableFontFace: false,
+        disableRange: false,
+        disableStream: false
+      });
+      const [pdfErr, pdf] = await to(loadingTask.promise);
+      if (pdfErr) {
+        loading.value = false;
+        return;
+      }
+      viewerVm.setDocument(pdf);
+      linkService.setDocument(pdf);
+      eventBus.on("pagesinit", () => {
+        csl.log.dev("pagesInit");
+        loading.value = false;
+        emit("pagesInit", viewerVm);
+      });
+      eventBus.on("pagerendered", (evt) => {
+        csl.log.dev("pageRendered", evt.pageNumber);
+      });
+      eventBus.on("textlayerrendered", (evt) => {
+        emit("textLayerRendered", evt);
+      });
+    }
+    function updateViewer() {
+      if (!viewer.value) return;
+      triggerRef(viewer);
+    }
+    function updatePage(page) {
+      const viewerVm = viewer.value;
+      if (!viewerVm) return;
+      viewerVm.currentPageNumber = page;
+      updateViewer();
+    }
+    function onScroll() {
+      debounceUpdateViewer();
+    }
+    onMounted(() => {
+      render();
+      watch(() => props.src, render);
+    });
+    return (_ctx, _cache) => {
+      const _directive_resize = resolveDirective("resize");
+      return openBlock(), createBlock(unref(Loading), {
+        class: "qd-office-pdf",
+        loading: loading.value,
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            ref_key: "containerRef",
+            ref: containerRef,
+            class: "qd-office-pdf__container",
+            onWheel: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => unref(onWheel) && unref(onWheel)(...args)),
+            onScroll
+          }, [
+            createElementVNode("div", {
+              ref_key: "viewerRef",
+              ref: viewerRef,
+              class: "qd-office-pdf__viewer pdfViewer"
+            }, null, 512)
+          ], 32)), [
+            [
+              _directive_resize,
+              unref(onResize),
+              void 0,
+              { "300": true }
+            ]
+          ]),
+          viewer.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(unref(Tooltip), {
+                  content: unref(t)("prevPage"),
+                  disabled: prevPageDisabled.value
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Button), {
+                      variant: "text",
+                      theme: "default",
+                      disabled: prevPageDisabled.value,
+                      onClick: _cache[1] || (_cache[1] = ($event) => updatePage(viewer.value.currentPageNumber - 1))
+                    }, {
+                      icon: withCtx(() => [
+                        createVNode(unref(ChevronLeftIcon))
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                }, 8, ["content", "disabled"]),
+                createElementVNode("div", _hoisted_4, [
+                  createVNode(unref(InputNumber), {
+                    modelValue: viewer.value.currentPageNumber,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => viewer.value.currentPageNumber = $event),
+                    "auto-width": "",
+                    theme: "normal",
+                    align: "center",
+                    size: "small",
+                    min: 1,
+                    max: viewer.value.pagesCount
+                  }, null, 8, ["modelValue", "max"]),
+                  createTextVNode(" / " + toDisplayString(viewer.value.pagesCount), 1)
+                ]),
+                createVNode(unref(Tooltip), {
+                  content: unref(t)("nextPage"),
+                  disabled: nextPageDisabled.value
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Button), {
+                      variant: "text",
+                      theme: "default",
+                      disabled: nextPageDisabled.value,
+                      onClick: _cache[3] || (_cache[3] = ($event) => updatePage(viewer.value.currentPageNumber + 1))
+                    }, {
+                      icon: withCtx(() => [
+                        createVNode(unref(ChevronRightIcon))
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                }, 8, ["content", "disabled"])
+              ]),
+              createVNode(unref(Divider), { layout: "vertical" }),
+              createVNode(unref(Tooltip), {
+                content: unref(t)("zoomOut"),
+                disabled: zoomOutDisabled.value
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Button), {
+                    variant: "text",
+                    theme: "default",
+                    disabled: zoomOutDisabled.value,
+                    onClick: unref(zoomOut)
+                  }, {
+                    icon: withCtx(() => [
+                      createVNode(unref(ZoomOutIcon))
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "onClick"])
+                ]),
+                _: 1
+              }, 8, ["content", "disabled"]),
+              createElementVNode("div", _hoisted_5, toDisplayString(unref(toPrecision)(viewer.value.currentScale * 100)) + "% ", 1),
+              createVNode(unref(Tooltip), {
+                content: unref(t)("zoomIn"),
+                disabled: zoomInDisabled.value
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Button), {
+                    variant: "text",
+                    theme: "default",
+                    disabled: zoomInDisabled.value,
+                    onClick: unref(zoomIn)
+                  }, {
+                    icon: withCtx(() => [
+                      createVNode(unref(ZoomInIcon))
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "onClick"])
+                ]),
+                _: 1
+              }, 8, ["content", "disabled"]),
+              createVNode(unref(Tooltip), {
+                content: isAdaptiveView.value ? unref(t)("cancelAdaptiveView") : unref(t)("adaptiveView")
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Button), {
+                    variant: "text",
+                    theme: isAdaptiveView.value ? "primary" : "default",
+                    onClick: _cache[4] || (_cache[4] = ($event) => unref(adaptiveView)(!isAdaptiveView.value))
+                  }, {
+                    icon: withCtx(() => [
+                      isAdaptiveView.value ? (openBlock(), createBlock(unref(CenterFocusStrongFilledIcon), { key: 0 })) : (openBlock(), createBlock(unref(CenterFocusStrongIcon), { key: 1 }))
+                    ]),
+                    _: 1
+                  }, 8, ["theme"])
+                ]),
+                _: 1
+              }, 8, ["content"])
+            ])
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/dist/components/office/pdf/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":["../../../../src/components/office/pdf/index.vue"],"sourcesContent":["<template>\n  <t-loading class=\"qd-office-pdf\" :loading=\"loading\" size=\"small\">\n    <div\n      ref=\"containerRef\"\n      v-resize.300=\"onResize\"\n      class=\"qd-office-pdf__container\"\n      @wheel=\"onWheel\"\n      @scroll=\"onScroll\"\n    >\n      <div ref=\"viewerRef\" class=\"qd-office-pdf__viewer pdfViewer\"></div>\n    </div>\n\n    <div v-if=\"viewer\" class=\"qd-office-pdf__controls\">\n      <div class=\"qd-office-pdf__controls-body\">\n        <div class=\"qd-office-pdf__controls-page\">\n          <t-tooltip :content=\"t('prevPage')\" :disabled=\"prevPageDisabled\">\n            <t-button\n              variant=\"text\"\n              theme=\"default\"\n              :disabled=\"prevPageDisabled\"\n              @click=\"updatePage(viewer.currentPageNumber - 1)\"\n            >\n              <template #icon><chevron-left-icon /></template>\n            </t-button>\n          </t-tooltip>\n\n          <div class=\"qd-office-pdf__controls-page-input\">\n            <t-input-number\n              v-model=\"viewer.currentPageNumber\"\n              auto-width\n              theme=\"normal\"\n              align=\"center\"\n              size=\"small\"\n              :min=\"1\"\n              :max=\"viewer.pagesCount\"\n            />\n            / {{ viewer.pagesCount }}\n          </div>\n\n          <t-tooltip :content=\"t('nextPage')\" :disabled=\"nextPageDisabled\">\n            <t-button\n              variant=\"text\"\n              theme=\"default\"\n              :disabled=\"nextPageDisabled\"\n              @click=\"updatePage(viewer.currentPageNumber + 1)\"\n            >\n              <template #icon><chevron-right-icon /></template>\n            </t-button>\n          </t-tooltip>\n        </div>\n\n        <t-divider layout=\"vertical\" />\n\n        <t-tooltip :content=\"t('zoomOut')\" :disabled=\"zoomOutDisabled\">\n          <t-button variant=\"text\" theme=\"default\" :disabled=\"zoomOutDisabled\" @click=\"zoomOut\">\n            <template #icon><zoom-out-icon /></template>\n          </t-button>\n        </t-tooltip>\n\n        <div class=\"qd-office-pdf__controls-scale\">\n          {{ toPrecision(viewer.currentScale * 100) }}%\n        </div>\n\n        <t-tooltip :content=\"t('zoomIn')\" :disabled=\"zoomInDisabled\">\n          <t-button variant=\"text\" theme=\"default\" :disabled=\"zoomInDisabled\" @click=\"zoomIn\">\n            <template #icon><zoom-in-icon /></template>\n          </t-button>\n        </t-tooltip>\n\n        <t-tooltip :content=\"isAdaptiveView ? t('cancelAdaptiveView') : t('adaptiveView')\">\n          <t-button\n            variant=\"text\"\n            :theme=\"isAdaptiveView ? 'primary' : 'default'\"\n            @click=\"adaptiveView(!isAdaptiveView)\"\n          >\n            <template #icon>\n              <center-focus-strong-filled-icon v-if=\"isAdaptiveView\" />\n              <center-focus-strong-icon v-else />\n            </template>\n          </t-button>\n        </t-tooltip>\n      </div>\n    </div>\n  </t-loading>\n</template>\n\n<script setup lang=\"ts\">\n  import type { PageRenderedEvent, QdOfficePdfProps, TextLayerRenderedEvent } from './types'\n  import { useDebounceFn } from '@vueuse/core'\n  import { to, useCsl, isDev, toPrecision } from 'qidian-shared'\n  import { computed, onMounted, ref, shallowRef, triggerRef, watch } from 'vue'\n  import { getDocument, GlobalWorkerOptions } from 'pdfjs-dist'\n  // @ts-expect-error 不需要检查\n  import PDFSandboxUrl from 'pdfjs-dist/build/pdf.sandbox.mjs?url'\n  // @ts-expect-error 不需要检查\n  import WorkerUrl from 'pdfjs-dist/build/pdf.worker.mjs?url'\n  import {\n    EventBus,\n    PDFFindController,\n    PDFLinkService,\n    PDFScriptingManager,\n    PDFViewer\n  } from 'pdfjs-dist/web/pdf_viewer.mjs'\n  import {\n    CenterFocusStrongFilledIcon,\n    CenterFocusStrongIcon,\n    ChevronLeftIcon,\n    ChevronRightIcon,\n    ZoomInIcon,\n    ZoomOutIcon\n  } from 'tdesign-icons-vue-next'\n  import {\n    Loading as TLoading,\n    Tooltip as TTooltip,\n    Button as TButton,\n    InputNumber as TInputNumber,\n    Divider as TDivider\n  } from 'tdesign-vue-next'\n  import { ADAPTIVE_VIEW, ZOOM_SCALE_LIMIT } from './config'\n  import { useZoom } from './hooks/useZoom'\n  import { useConfig } from '../../config-provider/useConfig'\n  import 'pdfjs-dist/web/pdf_viewer.css'\n\n  defineOptions({\n    name: 'QdOfficePdf'\n  })\n\n  const props = defineProps<QdOfficePdfProps>()\n  const emit = defineEmits<{\n    pagesInit: [PDFViewer]\n    textLayerRendered: [TextLayerRenderedEvent]\n  }>()\n\n  const csl = useCsl('pdf')\n  const { t } = useConfig('office')\n  GlobalWorkerOptions.workerSrc = WorkerUrl\n\n  const loading = ref(false)\n  const containerRef = ref<HTMLDivElement>()\n  const viewerRef = ref<HTMLDivElement>()\n  const viewer = shallowRef<PDFViewer | undefined>()\n  const isAdaptiveView = computed(() => viewer.value?.currentScaleValue === ADAPTIVE_VIEW)\n  const debounceUpdateViewer = useDebounceFn(updateViewer, 300, { maxWait: 900 })\n\n  const { zoomOut, zoomIn, adaptiveView, onWheel, onResize } = useZoom({\n    viewer,\n    updateViewer,\n    debounceUpdateViewer\n  })\n\n  const prevPageDisabled = computed(() => {\n    const viewerVm = viewer.value\n    return viewerVm && viewerVm.currentPageNumber <= 1\n  })\n  const nextPageDisabled = computed(() => {\n    const viewerVm = viewer.value\n    return viewerVm && viewerVm.currentPageNumber >= viewerVm.pagesCount\n  })\n  const zoomOutDisabled = computed(() => {\n    const viewerVm = viewer.value\n    return viewerVm && viewerVm.currentScale <= ZOOM_SCALE_LIMIT.MIN\n  })\n  const zoomInDisabled = computed(() => {\n    const viewerVm = viewer.value\n    return viewerVm && viewerVm.currentScale >= ZOOM_SCALE_LIMIT.MAX\n  })\n\n  async function render() {\n    const { src } = props\n    const containerEl = containerRef.value\n    const viewerEl = viewerRef.value\n    if (!src || !containerEl || !viewerEl) return\n\n    loading.value = true\n    const eventBus = new EventBus()\n    const linkService = new PDFLinkService({\n      eventBus,\n      externalLinkTarget: 2,\n      externalLinkRel: ''\n    })\n    linkService.externalLinkEnabled = false // 禁用外链跳转\n\n    const findController = new PDFFindController({\n      eventBus,\n      linkService,\n      updateMatchesCountOnProgress: true\n    })\n    const scriptingManager = new PDFScriptingManager({\n      eventBus,\n      sandboxBundleSrc: PDFSandboxUrl\n    })\n\n    viewer.value = new PDFViewer({\n      container: containerEl,\n      viewer: viewerEl,\n      eventBus,\n      linkService,\n      findController,\n      scriptingManager,\n      annotationEditorMode: 0,\n      textLayerMode: 1,\n      annotationMode: 1,\n      enablePrintAutoRotate: true,\n      maxCanvasPixels: 33554432,\n      maxCanvasDim: 32767,\n      capCanvasAreaFactor: 200,\n      enableHWA: true,\n      enableDetailCanvas: true,\n      enablePermissions: true,\n      supportsPinchToZoom: true,\n      enableAutoLinking: true,\n      minDurationToUpdateCanvas: 500,\n      l10n: undefined\n    })\n    const viewerVm = viewer.value\n\n    linkService.setViewer(viewerVm)\n    scriptingManager.setViewer(viewerVm)\n\n    const loadingTask = getDocument({\n      url: src,\n      cMapUrl: '../../../../node_modules/pdfjs-dist/cmaps/',\n      iccUrl: '../../../../node_modules/pdfjs-dist/iccs/',\n      wasmUrl: '../../../../node_modules/pdfjs-dist/wasm/',\n      standardFontDataUrl: '../../../../node_modules/pdfjs-dist/standard_fonts/',\n      pdfBug: isDev,\n      cMapPacked: true,\n      enableXfa: true,\n      enableHWA: true,\n      isEvalSupported: true,\n      isOffscreenCanvasSupported: true,\n      useWasm: true,\n      useWorkerFetch: true,\n\n      verbosity: 1,\n      maxImageSize: -1,\n      canvasMaxAreaInBytes: -1,\n\n      fontExtraProperties: false,\n      disableAutoFetch: false,\n      disableFontFace: false,\n      disableRange: false,\n      disableStream: false\n    })\n    const [pdfErr, pdf] = await to(loadingTask.promise)\n    if (pdfErr) {\n      loading.value = false\n      return\n    }\n\n    viewerVm.setDocument(pdf)\n    linkService.setDocument(pdf)\n\n    eventBus.on('pagesinit', () => {\n      csl.log.dev('pagesInit')\n      loading.value = false\n      emit('pagesInit', viewerVm)\n    })\n\n    eventBus.on('pagerendered', (evt: PageRenderedEvent) => {\n      csl.log.dev('pageRendered', evt.pageNumber)\n    })\n\n    eventBus.on('textlayerrendered', (evt: TextLayerRenderedEvent) => {\n      emit('textLayerRendered', evt)\n    })\n  }\n\n  function updateViewer() {\n    if (!viewer.value) return\n\n    triggerRef(viewer)\n  }\n\n  function updatePage(page: number) {\n    const viewerVm = viewer.value\n    if (!viewerVm) return\n\n    viewerVm.currentPageNumber = page\n    updateViewer()\n  }\n\n  function onScroll() {\n    debounceUpdateViewer()\n  }\n\n  onMounted(() => {\n    render()\n    watch(() => props.src, render)\n  })\n</script>\n\n<style lang=\"less\" scoped>\n  .qd-office-pdf {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    background-color: var(--td-bg-color-component);\n\n    &__container {\n      position: absolute;\n      width: 100%;\n      max-height: 100%;\n      overflow: auto;\n    }\n\n    &__viewer {\n      width: 100%;\n      height: 100%;\n\n      :deep(.page) {\n        // NOTE 解决 textLayer 整体偏移问题\n        box-sizing: content-box;\n      }\n\n      :deep(.annotationLayer) {\n        :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a {\n          background-color: transparent;\n        }\n      }\n    }\n\n    &__controls {\n      position: absolute;\n      left: 50%;\n      bottom: var(--td-comp-paddingTB-xl) !important;\n      transform: translateX(-50%);\n      border-radius: 3px;\n      background-color: rgba(var(--td-bg-color-container), 0.5);\n      backdrop-filter: blur(2px);\n      box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);\n      user-select: none;\n      transition: all 0.2s linear;\n\n      .t-button {\n        width: 38px;\n        height: 38px;\n        padding: 0;\n        margin-left: 0;\n      }\n\n      &-body {\n        display: flex;\n        align-items: center;\n        opacity: 0.5;\n        transition: opacity 0.2s linear;\n      }\n\n      &-scale {\n        width: 39px;\n        margin: 0 var(--td-comp-margin-s);\n      }\n\n      &-page {\n        display: flex;\n        align-items: stretch;\n\n        :deep(.t-input-number) {\n          width: auto;\n\n          .t-input {\n            padding: 0;\n\n            &__wrap {\n              min-width: 32px;\n            }\n\n            &__inner {\n              min-width: 32px;\n            }\n          }\n        }\n\n        &-input {\n          display: inline-flex;\n          align-items: center;\n          flex-shrink: 0;\n          padding: 0 var(--td-comp-paddingTB-s);\n          font-size: var(--td-font-body-medium);\n          gap: var(--td-comp-margin-s);\n          background-color: var(--td-bg-color-secondarycontainer);\n          border-radius: var(--td-radius-default);\n        }\n      }\n\n      &:hover {\n        background-color: var(--td-bg-color-container);\n\n        .qd-office-pdf__controls-body {\n          opacity: 1;\n        }\n      }\n    }\n  }\n</style>\n"],"names":["PDFScriptingManager","_createBlock","_unref","TLoading","_createElementBlock","_createElementVNode","_openBlock","_createVNode","TTooltip","TButton","TInputNumber","_toDisplayString","TDivider"],"mappings":"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"}

package/dist/components/office/pdf/types.d.ts

@@ -0,0 +1,17 @@
+import type { PDFPageView } from 'pdfjs-dist/web/pdf_viewer.d.mts';
+export interface QdOfficePdfProps {
+    src?: string;
+}
+export interface PageRenderedEvent {
+    cssTransform: boolean;
+    error?: Error;
+    isDetailView?: boolean;
+    pageNumber: number;
+    source: PDFPageView;
+    timestamp: number;
+}
+export interface TextLayerRenderedEvent {
+    error?: Error;
+    pageNumber: number;
+    source: PDFPageView;
+}