qidian-vue-ui 1.2.0 → 1.2.2

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

@@ -4,7 +4,7 @@ import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0b91db2d"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd896941"]]);
 export {
   index as default
 };

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

@@ -1,6 +1,6 @@
 import './index2.css'
 import './index.css'
-import { defineComponent, inject, computed, ref, shallowRef, onMounted, watch, createBlock, openBlock, unref, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, createVNode, createTextVNode, toDisplayString, triggerRef } from "vue";
+import { defineComponent, inject, computed, ref, shallowRef, onMounted, watch, createBlock, openBlock, unref, withCtx, withDirectives, createVNode, createElementBlock, createElementVNode, Transition, createCommentVNode, createTextVNode, toDisplayString, triggerRef } from "vue";
 import { useCsl, resizeDirective, toPrecision, to, isDev } from "qidian-shared";
 import { GlobalWorkerOptions, getDocument } from "../../../node_modules/.pnpm/pdfjs-dist@5.4.394/node_modules/pdfjs-dist/legacy/build/pdf.mjs";
 import { PDFLinkService, EventBus, PDFFindController, PDFScriptingManager as PDFScriptingManagerComponents, PDFViewer } from "../../../node_modules/.pnpm/pdfjs-dist@5.4.394/node_modules/pdfjs-dist/legacy/web/pdf_viewer.mjs";
@@ -51,6 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const viewer = shallowRef();
     const isAdaptiveView = computed(() => viewer.value?.currentScaleValue === ADAPTIVE_VIEW);
     const debounceUpdateViewer = useDebounceFn(updateViewer, 300, { maxWait: 900 });
+    const showControls = ref(false);
     const { zoomOut, zoomIn, adaptiveView, onWheel, onResize } = useZoom({
       viewer,
       updateViewer,
@@ -182,7 +183,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(Loading), {
         class: "qd-office-pdf",
         loading: loading.value,
-        size: "small"
+        size: "small",
+        onMouseover: _cache[5] || (_cache[5] = ($event) => showControls.value = true),
+        onMouseleave: _cache[6] || (_cache[6] = ($event) => showControls.value = false)
       }, {
         default: withCtx(() => [
           withDirectives((openBlock(), createElementBlock("div", {
@@ -206,120 +209,125 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               { "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))
+          createVNode(Transition, { name: "controls-fade" }, {
+            default: withCtx(() => [
+              viewer.value && showControls.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("div", _hoisted_3, [
+                    createVNode(unref(Tooltip), {
+                      content: unref(t)("prevPage"),
+                      disabled: prevPageDisabled.value
                     }, {
-                      icon: withCtx(() => [
-                        createVNode(unref(ChevronLeftIcon))
+                      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, ["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))
+                    }, 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
                     }, {
-                      icon: withCtx(() => [
-                        createVNode(unref(ChevronRightIcon))
+                      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, ["disabled"])
+                    }, 8, ["content", "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)
+                  createVNode(unref(Divider), { layout: "vertical" }),
+                  createVNode(unref(Tooltip), {
+                    content: unref(t)("zoomOut"),
+                    disabled: zoomOutDisabled.value
                   }, {
-                    icon: withCtx(() => [
-                      createVNode(unref(ZoomOutIcon))
+                    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, ["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)
+                  }, 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
                   }, {
-                    icon: withCtx(() => [
-                      createVNode(unref(ZoomInIcon))
+                    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, ["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))
+                  }, 8, ["content", "disabled"]),
+                  createVNode(unref(Tooltip), {
+                    content: isAdaptiveView.value ? unref(t)("cancelAdaptiveView") : unref(t)("adaptiveView")
                   }, {
-                    icon: withCtx(() => [
-                      isAdaptiveView.value ? (openBlock(), createBlock(unref(CenterFocusStrongFilledIcon), { key: 0 })) : (openBlock(), createBlock(unref(CenterFocusStrongIcon), { key: 1 }))
+                    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, ["theme"])
-                ]),
-                _: 1
-              }, 8, ["content"])
-            ])
-          ])) : createCommentVNode("", true)
+                  }, 8, ["content"])
+                ])
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
         ]),
         _: 1
       }, 8, ["loading"]);

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

@@ -1 +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, resizeDirective } from 'qidian-shared'\n  import { computed, inject, onMounted, ref, shallowRef, triggerRef, watch } from 'vue'\n  import { getDocument, GlobalWorkerOptions } from 'pdfjs-dist/legacy/build/pdf.mjs'\n  import {\n    EventBus,\n    PDFFindController,\n    PDFLinkService,\n    PDFScriptingManager,\n    PDFViewer\n  } from 'pdfjs-dist/legacy/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 { PROVIDE_OFFICE } from '../../config-provider/config'\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 vResize = resizeDirective\n\n  const csl = useCsl('pdf')\n  const { t } = useConfig('office')\n  const globalOffice = inject(\n    PROVIDE_OFFICE,\n    computed(() => undefined)\n  )\n  GlobalWorkerOptions.workerSrc = globalOffice.value?.pdfWorkerUrl || props.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, cMapUrl, iccUrl, wasmUrl, standardFontDataUrl } = 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: globalOffice.value?.pdfSandboxUrl || props.sandboxUrl\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: globalOffice.value?.pdfCMapUrl || cMapUrl,\n      iccUrl: globalOffice.value?.pdfIccUrl || iccUrl,\n      wasmUrl: globalOffice.value?.pdfWasmUrl || wasmUrl,\n      standardFontDataUrl: globalOffice.value?.pdfStandardFontDataUrl || standardFontDataUrl,\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\">\n  @import 'pdfjs-dist/legacy/web/pdf_viewer.css';\n</style>\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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"}
+{"version":3,"file":"index.vue2.mjs","sources":["../../../../src/components/office/pdf/index.vue"],"sourcesContent":["<template>\n  <t-loading\n    class=\"qd-office-pdf\"\n    :loading=\"loading\"\n    size=\"small\"\n    @mouseover=\"showControls = true\"\n    @mouseleave=\"showControls = false\"\n  >\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    <transition name=\"controls-fade\">\n      <div v-if=\"viewer && showControls\" 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    </transition>\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, resizeDirective } from 'qidian-shared'\n  import { computed, inject, onMounted, ref, shallowRef, triggerRef, watch } from 'vue'\n  import { getDocument, GlobalWorkerOptions } from 'pdfjs-dist/legacy/build/pdf.mjs'\n  import {\n    EventBus,\n    PDFFindController,\n    PDFLinkService,\n    PDFScriptingManager,\n    PDFViewer\n  } from 'pdfjs-dist/legacy/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 { PROVIDE_OFFICE } from '../../config-provider/config'\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 vResize = resizeDirective\n\n  const csl = useCsl('pdf')\n  const { t } = useConfig('office')\n  const globalOffice = inject(\n    PROVIDE_OFFICE,\n    computed(() => undefined)\n  )\n  GlobalWorkerOptions.workerSrc = globalOffice.value?.pdfWorkerUrl || props.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  const showControls = ref(false)\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, cMapUrl, iccUrl, wasmUrl, standardFontDataUrl } = 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: globalOffice.value?.pdfSandboxUrl || props.sandboxUrl\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: globalOffice.value?.pdfCMapUrl || cMapUrl,\n      iccUrl: globalOffice.value?.pdfIccUrl || iccUrl,\n      wasmUrl: globalOffice.value?.pdfWasmUrl || wasmUrl,\n      standardFontDataUrl: globalOffice.value?.pdfStandardFontDataUrl || standardFontDataUrl,\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\">\n  @import 'pdfjs-dist/legacy/web/pdf_viewer.css';\n</style>\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\n  .controls-fade-leave-active,\n  .controls-fade-enter-active {\n    transition: opacity 0.28s cubic-bezier(0.38, 0, 0.24, 1);\n  }\n\n  .controls-fade-enter-from,\n  .controls-fade-leave-to {\n    opacity: 0;\n  }\n</style>\n"],"names":["PDFScriptingManager","_createBlock","_unref","TLoading","_createElementBlock","_createElementVNode","_createVNode","_Transition","_openBlock","TTooltip","TButton","TInputNumber","_toDisplayString","TDivider"],"mappings":"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"}

package/dist/components/office/pdf/index2.css

@@ -1,26 +1,26 @@
-.qd-office-pdf[data-v-0b91db2d] {
+.qd-office-pdf[data-v-bd896941] {
   width: 100%;
   height: 100%;
   position: relative;
   background-color: var(--td-bg-color-component);
 }
-.qd-office-pdf__container[data-v-0b91db2d] {
+.qd-office-pdf__container[data-v-bd896941] {
   position: absolute;
   width: 100%;
   max-height: 100%;
   overflow: auto;
 }
-.qd-office-pdf__viewer[data-v-0b91db2d] {
+.qd-office-pdf__viewer[data-v-bd896941] {
   width: 100%;
   height: 100%;
 }
-.qd-office-pdf__viewer[data-v-0b91db2d] .page {
+.qd-office-pdf__viewer[data-v-bd896941] .page {
   box-sizing: content-box;
 }
-.qd-office-pdf__viewer[data-v-0b91db2d] .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a {
+.qd-office-pdf__viewer[data-v-bd896941] .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a {
   background-color: transparent;
 }
-.qd-office-pdf__controls[data-v-0b91db2d] {
+.qd-office-pdf__controls[data-v-bd896941] {
   position: absolute;
   left: 50%;
   bottom: var(--td-comp-paddingTB-xl) !important;
@@ -32,39 +32,39 @@
   user-select: none;
   transition: all 0.2s linear;
 }
-.qd-office-pdf__controls .t-button[data-v-0b91db2d] {
+.qd-office-pdf__controls .t-button[data-v-bd896941] {
   width: 38px;
   height: 38px;
   padding: 0;
   margin-left: 0;
 }
-.qd-office-pdf__controls-body[data-v-0b91db2d] {
+.qd-office-pdf__controls-body[data-v-bd896941] {
   display: flex;
   align-items: center;
   opacity: 0.5;
   transition: opacity 0.2s linear;
 }
-.qd-office-pdf__controls-scale[data-v-0b91db2d] {
+.qd-office-pdf__controls-scale[data-v-bd896941] {
   width: 39px;
   margin: 0 var(--td-comp-margin-s);
 }
-.qd-office-pdf__controls-page[data-v-0b91db2d] {
+.qd-office-pdf__controls-page[data-v-bd896941] {
   display: flex;
   align-items: stretch;
 }
-.qd-office-pdf__controls-page[data-v-0b91db2d] .t-input-number {
+.qd-office-pdf__controls-page[data-v-bd896941] .t-input-number {
   width: auto;
 }
-.qd-office-pdf__controls-page[data-v-0b91db2d] .t-input-number .t-input {
+.qd-office-pdf__controls-page[data-v-bd896941] .t-input-number .t-input {
   padding: 0;
 }
-.qd-office-pdf__controls-page[data-v-0b91db2d] .t-input-number .t-input__wrap {
+.qd-office-pdf__controls-page[data-v-bd896941] .t-input-number .t-input__wrap {
   min-width: 32px;
 }
-.qd-office-pdf__controls-page[data-v-0b91db2d] .t-input-number .t-input__inner {
+.qd-office-pdf__controls-page[data-v-bd896941] .t-input-number .t-input__inner {
   min-width: 32px;
 }
-.qd-office-pdf__controls-page-input[data-v-0b91db2d] {
+.qd-office-pdf__controls-page-input[data-v-bd896941] {
   display: inline-flex;
   align-items: center;
   flex-shrink: 0;
@@ -74,9 +74,17 @@
   background-color: var(--td-bg-color-secondarycontainer);
   border-radius: var(--td-radius-default);
 }
-.qd-office-pdf__controls[data-v-0b91db2d]:hover {
+.qd-office-pdf__controls[data-v-bd896941]:hover {
   background-color: var(--td-bg-color-container);
 }
-.qd-office-pdf__controls:hover .qd-office-pdf__controls-body[data-v-0b91db2d] {
+.qd-office-pdf__controls:hover .qd-office-pdf__controls-body[data-v-bd896941] {
   opacity: 1;
 }
+.controls-fade-leave-active[data-v-bd896941],
+.controls-fade-enter-active[data-v-bd896941] {
+  transition: opacity 0.28s cubic-bezier(0.38, 0, 0.24, 1);
+}
+.controls-fade-enter-from[data-v-bd896941],
+.controls-fade-leave-to[data-v-bd896941] {
+  opacity: 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qidian-vue-ui",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "基于 TDesign 的 QiDian Vue UI 组件库",
   "author": "qidian",
   "license": "MIT",