fix: 细节优化

Author: Flex-7746

frontend/components.d.ts

@@ -40,6 +40,7 @@ declare module 'vue' {
     OfficeExcel: typeof import('./src/components/icons/OfficeExcel.vue')['default']
     OfficePPT: typeof import('./src/components/icons/OfficePPT.vue')['default']
     OfficeWord: typeof import('./src/components/icons/OfficeWord.vue')['default']
+    Pdf: typeof import('./src/components/icons/Pdf.vue')['default']
     PdfView: typeof import('./src/components/PdfView.vue')['default']
     Zip: typeof import('./src/components/icons/Zip.vue')['default']
   }
@@ -75,6 +76,7 @@ declare global {
   const OfficeExcel: typeof import('./src/components/icons/OfficeExcel.vue')['default']
   const OfficePPT: typeof import('./src/components/icons/OfficePPT.vue')['default']
   const OfficeWord: typeof import('./src/components/icons/OfficeWord.vue')['default']
+  const Pdf: typeof import('./src/components/icons/Pdf.vue')['default']
   const PdfView: typeof import('./src/components/PdfView.vue')['default']
   const Zip: typeof import('./src/components/icons/Zip.vue')['default']
 }

frontend/src/components/FileView.vue

@@ -15,6 +15,7 @@ import OfficePPT from '@/components/icons/OfficePPT.vue'
 import Zip from '@/components/icons/Zip.vue'
 import Iso from '@/components/icons/Iso.vue'
 import Code from '@/components/icons/Code.vue'
+import Pdf from '@/components/icons/Pdf.vue'
 
 import { LANG_MAP, FILE_MAP } from '@/utils/option'
 import { getFileSuffix } from '@/utils/file'
@@ -30,6 +31,7 @@ const iconView: { [x: string]: Component } = {
   zip: Zip,
   iso: Iso,
   code: Code,
+  pdf: Pdf,
   default: Document,
 }
 

frontend/src/components/PdfView.vue

@@ -163,10 +163,12 @@ const loadPage = async (index: number, force = false) => {
 const changeScale = async () => {
   setSize()
 
-  pages.value.forEach((page, index) => {
-    if (page !== undefined) {
-      loadPage(index, true)
-    }
+  nextTick(() => {
+    pages.value.forEach((page, index) => {
+      if (page !== undefined) {
+        loadPage(index, true)
+      }
+    })
   })
 }
 

frontend/src/components/icons/OfficeExcel.vue

@@ -1,17 +1,21 @@
 <template>
   <svg
-    t="1767580766659"
+    t="1767582653110"
     class="icon"
     viewBox="0 0 1024 1024"
     version="1.1"
     xmlns="http://www.w3.org/2000/svg"
-    p-id="6965"
+    p-id="3592"
     width="200"
     height="200"
   >
     <path
-      d="M886.869333 129.664c0-12.629333 56.192 50.474667 73.216 80.768 13.226667 25.258667 18.346667 43.52 20.224 81.408 2.517333 43.562667 1.28 51.157333-13.226666 75.776a123.392 123.392 0 0 1-43.562667 42.922667l-27.178667 15.786666-261.930666 3.114667-261.888 3.157333-1.92 148.352c-0.64 81.408 0 154.624 1.92 162.816 3.114667 13.226667 6.912 14.506667 33.408 12.629334l29.653333-1.92 3.797333-46.037334c2.56-38.485333 6.314667-48.64 20.224-63.146666 14.506667-14.506667 23.338667-17.066667 68.778667-20.181334l52.352-3.157333 1.92-37.888c1.92-44.16 9.472-62.464 30.933333-71.936 18.304-8.192 254.122667-9.472 254.378667-1.28 0 10.752-58.709333 58.709333-90.24 73.856-18.346667 8.234667-46.08 17.066667-61.866667 18.944l-29.696 3.797333-2.517333 43.52c-1.877333 34.730667-5.077333 46.08-17.706667 59.306667-13.866667 14.506667-18.901333 15.829333-70.656 15.829333H539.733333v50.517334c0 46.08-1.877333 52.352-15.786666 66.218666-14.506667 15.146667-17.664 15.786667-106.666667 15.786667H325.802667l-22.741334-19.541333c-11.989333-10.752-25.216-29.696-29.013333-42.325334-4.437333-15.146667-5.674667-87.722667-4.437333-207.616l1.877333-183.68 18.944-27.136c10.709333-14.506667 30.293333-32.853333 44.202667-39.765333 23.978667-12.629333 35.968-13.269333 273.92-15.146667 273.237333-2.56 265.728-1.28 290.986666-42.24 15.744-25.898667 15.744-65.066667 0-110.506666a358.186667 358.186667 0 0 1-12.672-41.002667z m-747.264-1.28c1.237333 1.28-3.157333 18.346667-10.112 37.888-13.866667 40.405333-16.384 83.925333-5.034666 108.544 9.472 21.461333 41.045333 40.405333 77.013333 44.8 15.786667 2.56 29.013333 5.077333 29.013333 6.314667 0 1.28-6.954667 11.989333-15.146666 24.618666-8.832 12.629333-17.706667 35.370667-20.224 51.157334-3.157333 23.936-5.674667 27.733333-19.541334 27.733333-59.306667 0-114.901333-37.845333-128.170666-88.32C32.256 285.568 53.76 216.746667 102.4 163.712c19.541333-20.821333 35.968-36.565333 37.248-35.328z"
-      p-id="6966"
+      d="M895.969 336.015l0 575.953c0 26.497-21.498 47.995-47.998 47.995L176.028 959.963c-26.498 0-47.996-21.498-47.996-47.995L128.032 112.033c0-26.498 21.499-47.996 47.996-47.996L623.99 64.037c26.498 0 63.494 15.499 81.994 33.997l155.986 155.987C880.469 272.52 895.969 309.517 895.969 336.015zM831.973 384.011 623.99 384.011c-26.498 0-47.996-21.499-47.996-47.996L575.994 128.032 192.026 128.032l0 767.936 639.946 0L831.972 384.011zM639.99 320.016l187.984 0c-3-8.5-7.5-16.999-11-20.499L660.488 143.03c-3.5-3.5-12-7.999-20.498-10.999L639.99 320.016z"
+      p-id="3593"
+    ></path>
+    <path
+      d="M569.09 800l-56.717-88.062L455.656 800 319.833 800l125.375-192.54L319.833 415.667 454.91 415.667l57.463 88.061 56.717-88.061 135.076 0L580.285 607.46 704.166 800 569.09 800z"
+      p-id="3594"
     ></path>
   </svg>
 </template>

frontend/src/components/icons/OfficePPT.vue

@@ -1,17 +1,21 @@
 <template>
   <svg
-    t="1767580766659"
+    t="1767580671008"
     class="icon"
     viewBox="0 0 1024 1024"
     version="1.1"
     xmlns="http://www.w3.org/2000/svg"
-    p-id="6965"
+    p-id="3436"
     width="200"
     height="200"
   >
     <path
-      d="M886.869333 129.664c0-12.629333 56.192 50.474667 73.216 80.768 13.226667 25.258667 18.346667 43.52 20.224 81.408 2.517333 43.562667 1.28 51.157333-13.226666 75.776a123.392 123.392 0 0 1-43.562667 42.922667l-27.178667 15.786666-261.930666 3.114667-261.888 3.157333-1.92 148.352c-0.64 81.408 0 154.624 1.92 162.816 3.114667 13.226667 6.912 14.506667 33.408 12.629334l29.653333-1.92 3.797333-46.037334c2.56-38.485333 6.314667-48.64 20.224-63.146666 14.506667-14.506667 23.338667-17.066667 68.778667-20.181334l52.352-3.157333 1.92-37.888c1.92-44.16 9.472-62.464 30.933333-71.936 18.304-8.192 254.122667-9.472 254.378667-1.28 0 10.752-58.709333 58.709333-90.24 73.856-18.346667 8.234667-46.08 17.066667-61.866667 18.944l-29.696 3.797333-2.517333 43.52c-1.877333 34.730667-5.077333 46.08-17.706667 59.306667-13.866667 14.506667-18.901333 15.829333-70.656 15.829333H539.733333v50.517334c0 46.08-1.877333 52.352-15.786666 66.218666-14.506667 15.146667-17.664 15.786667-106.666667 15.786667H325.802667l-22.741334-19.541333c-11.989333-10.752-25.216-29.696-29.013333-42.325334-4.437333-15.146667-5.674667-87.722667-4.437333-207.616l1.877333-183.68 18.944-27.136c10.709333-14.506667 30.293333-32.853333 44.202667-39.765333 23.978667-12.629333 35.968-13.269333 273.92-15.146667 273.237333-2.56 265.728-1.28 290.986666-42.24 15.744-25.898667 15.744-65.066667 0-110.506666a358.186667 358.186667 0 0 1-12.672-41.002667z m-747.264-1.28c1.237333 1.28-3.157333 18.346667-10.112 37.888-13.866667 40.405333-16.384 83.925333-5.034666 108.544 9.472 21.461333 41.045333 40.405333 77.013333 44.8 15.786667 2.56 29.013333 5.077333 29.013333 6.314667 0 1.28-6.954667 11.989333-15.146666 24.618666-8.832 12.629333-17.706667 35.370667-20.224 51.157334-3.157333 23.936-5.674667 27.733333-19.541334 27.733333-59.306667 0-114.901333-37.845333-128.170666-88.32C32.256 285.568 53.76 216.746667 102.4 163.712c19.541333-20.821333 35.968-36.565333 37.248-35.328z"
-      p-id="6966"
+      d="M895.969 336.015l0 575.953c0 26.497-21.498 47.995-47.998 47.995L176.028 959.963c-26.498 0-47.996-21.498-47.996-47.995L128.032 112.033c0-26.498 21.499-47.996 47.996-47.996L623.99 64.037c26.498 0 63.494 15.499 81.994 33.997l155.986 155.987C880.469 272.52 895.969 309.517 895.969 336.015zM831.973 384.011 623.99 384.011c-26.498 0-47.996-21.499-47.996-47.996L575.994 128.032 192.026 128.032l0 767.936 639.946 0L831.972 384.011zM639.99 320.016l187.984 0c-3-8.5-7.5-16.999-11-20.499L660.488 143.03c-3.5-3.5-12-7.999-20.498-10.999L639.99 320.016z"
+      p-id="3437"
+    ></path>
+    <path
+      d="M458.56 832l-92.027 0L366.533 361.855l116.89 0c29.708 0 53.118 1.615 70.231 4.843 17.114 3.229 30.944 8.396 41.493 15.5 19.374 13.133 34.601 30.464 45.69 51.987 11.085 21.529 16.629 44.561 16.629 69.102 0 44.994-14.854 80.942-44.56 107.849-29.708 26.912-69.747 40.362-120.12 40.362L458.56 651.498 458.56 832zM458.56 572.064l24.217 0c25.616 0 45.257-5.54 58.93-16.63 13.668-11.085 20.505-26.962 20.505-47.628 0-21.312-6.62-37.184-19.859-47.628-13.237-10.439-33.313-15.661-60.221-15.661L458.56 444.517 458.56 572.064z"
+      p-id="3438"
     ></path>
   </svg>
 </template>

frontend/src/components/icons/Pdf.vue

@@ -0,0 +1,21 @@
+<template>
+  <svg
+    t="1767582679685"
+    class="icon"
+    viewBox="0 0 1024 1024"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    p-id="3906"
+    width="200"
+    height="200"
+  >
+    <path
+      d="M895.969 336.015l0 575.953c0 26.497-21.498 47.995-47.998 47.995L176.028 959.963c-26.498 0-47.996-21.498-47.996-47.995L128.032 112.033c0-26.498 21.499-47.996 47.996-47.996L623.99 64.037c26.498 0 63.494 15.499 81.994 33.997l155.986 155.987C880.469 272.52 895.969 309.517 895.969 336.015zM831.973 384.011 623.99 384.011c-26.498 0-47.996-21.499-47.996-47.996L575.994 128.032 192.026 128.032l0 767.936 639.946 0L831.972 384.011zM639.99 320.016l187.984 0c-3-8.5-7.5-16.999-11-20.499L660.488 143.03c-3.5-3.5-12-7.999-20.498-10.999L639.99 320.016z"
+      p-id="3907"
+    ></path>
+    <path
+      d="M796.394 580.111c-13.039-15.483-39.777-23.011-81.741-23.011-24.393 0-53.857 2.575-87.626 7.658-92.235-67.438-117.988-141.834-117.988-141.834s15.753-40.104 16.753-105.604c0.632-41.405-5.78-69.335-22.346-85.562-6.439-6.308-17.241-10.383-27.519-10.383-8.021 0-15.532 2.356-21.687 6.86-47.949 35.085 4.401 200.485 5.802 204.892-22.627 55.688-51.132 114.686-80.47 166.526-9.532 16.844-8.603 15.526-16.64 29.223 0 0-81.141 38.112-120.498 84.923-22.238 26.449-25.049 44.306-23.868 57.914l0.03 0.297c1.874 16.023 22.387 30.616 43.039 30.616 0.856 0 1.719-0.026 2.563-0.078 20.989-1.295 43.989-16.209 70.314-45.594 17.376-19.398 39.958-53.526 67.147-101.475 78.009-22.19 146.661-37.995 204.195-47.01 42.19 22.706 104.963 48.419 147.693 48.419 14.334 0 25.864-2.922 34.271-8.685 10.059-6.893 14.33-15.481 16.985-31.383S803.762 588.859 796.394 580.111zM705.261 599.473c37.504 0 57.811 5.453 68.241 10.027 3.218 1.411 5.558 2.771 7.218 3.909-2.939 1.879-8.721 4.25-19.171 4.25-17.327 0-40.069-6.051-67.808-18.022C697.687 599.527 701.528 599.473 705.261 599.473zM482.992 254.571c0.026-0.049 0.055-0.101 0.088-0.154 8.045 4.236 11.799 33.986 11.045 51.236-1.012 23.149-1.252 32.094-5.316 46.316C477.791 322.32 477.01 269.024 482.992 254.571zM485.935 489.25c18.918 30.724 46.975 63.999 74.007 87.758-52.76 11.15-103.416 25.127-134.937 36.006C458.791 555.32 483.716 494.969 485.935 489.25zM268.785 754.176c4.578-7.625 17.084-22.398 48.8-50.966-21.74 32.696-37.708 50.501-53.91 61.605C265.017 761.314 266.705 757.642 268.785 754.176z"
+      p-id="3908"
+    ></path>
+  </svg>
+</template>

frontend/src/components/icons/Zip.vue

@@ -1,18 +1,26 @@
 <template>
   <svg
-    t="1765891177943"
+    t="1767582665404"
     class="icon"
     viewBox="0 0 1024 1024"
     version="1.1"
     xmlns="http://www.w3.org/2000/svg"
-    p-id="7867"
+    p-id="3748"
     width="200"
     height="200"
   >
     <path
-      d="M917.811 229.069c-22.2-30.29-53.166-65.7-87.183-99.697S761.22 64.41 730.93 42.19C679.363 4.362 654.336 0 640 0H143.995C99.88 0 64 35.881 64 79.995v864.01C64 988.12 99.881 1024 143.995 1024h736.01C924.12 1024 960 988.119 960 944.005V320c0-14.336-4.362-39.342-42.189-90.931z m-132.444-54.436c30.7 30.7 54.805 58.388 72.581 81.367H704V102.052c22.979 17.776 50.688 41.881 81.367 72.581zM896 944.005c0 8.663-7.332 15.995-15.995 15.995h-736.01c-8.663 0-15.995-7.332-15.995-15.995V79.995C128 71.332 135.332 64 143.995 64H640v224.01c0 17.674 14.316 32.01 32.01 32.01h224.01v624.006zM256 64h128v64H256V64z m128 64h128v64H384v-64z m-128 64h128v64H256v-64z m128 64h128v64H384v-64z m-128 64h128v64H256v-64z m128 64h128v64H384v-64z m-128 64h128v64H256v-64z m128 64h128v64H384v-64zM256 847.995C256 874.394 277.606 896 304.005 896h160.01c26.4 0 48.005-21.606 48.005-48.005v-160.01c0-26.4-21.606-48.005-48.005-48.005H384.02v-64h-128v271.994zM448 768v64H320v-64h128z"
-      fill=""
-      p-id="7868"
+      d="M895.969 336.015l0 575.953c0 26.497-21.498 47.995-47.998 47.995L176.028 959.963c-26.498 0-47.996-21.498-47.996-47.995L128.032 112.033c0-26.498 21.499-47.996 47.996-47.996L623.99 64.037c26.498 0 63.494 15.499 81.994 33.997l155.986 155.987C880.469 272.52 895.969 309.517 895.969 336.015zM831.973 384.011 623.99 384.011c-26.498 0-47.996-21.499-47.996-47.996L575.994 128.032 192.026 128.032l0 767.936 639.946 0L831.972 384.011zM639.99 320.016l187.984 0c-3-8.5-7.5-16.999-11-20.499L660.488 143.03c-3.5-3.5-12-7.999-20.498-10.999L639.99 320.016z"
+      p-id="3749"
+    ></path>
+    <path
+      d="M438.647 800 238.732 800l0-55.179 125.904-204.513L247.709 540.308l0-59.121 187.872 0 0 51.019L307.268 740.88l131.379 0L438.647 800z"
+      p-id="3750"
+    ></path>
+    <path d="M472.368 800 472.368 481.188l62.404 0L534.772 800 472.368 800z" p-id="3751"></path>
+    <path
+      d="M650.386 800 587.98 800 587.98 481.188l79.265 0c20.145 0 36.021 1.095 47.624 3.285 11.605 2.19 20.984 5.693 28.138 10.51 13.138 8.906 23.463 20.658 30.983 35.253 7.517 14.599 11.277 30.217 11.277 46.858 0 30.511-10.072 54.888-30.218 73.134-20.145 18.249-47.296 27.371-81.454 27.371l-23.21 0L650.385 800zM650.386 623.734l16.422 0c17.369 0 30.689-3.757 39.961-11.277 9.269-7.516 13.904-18.283 13.904-32.297 0-14.452-4.489-25.215-13.467-32.297-8.978-7.079-22.591-10.62-40.837-10.62l-15.983 0L650.386 623.734z"
+      p-id="3752"
     ></path>
   </svg>
 </template>