vue3-components-plus 3.0.30 → 3.0.33

package/dist/ComponentDemo/PdfDemo.vue

@@ -3,14 +3,6 @@
     <div class="control-panel">
       <h3>PDF 文档预览演示</h3>
 
-      <!-- 本地PDF文件 -->
-      <div class="local-section">
-        <h4>本地PDF文件</h4>
-        <span class="file-name">驿云通 (11).pdf</span>
-        <button @click="loadLocalPdf">加载本地文件</button>
-        <button @click="printPdf" :disabled="!currentUrl">打印</button>
-      </div>
-
       <!-- 文件上传方式 -->
       <div class="upload-section">
         <h4>方式一：文件上传</h4>
@@ -62,31 +54,23 @@
 
 <script setup lang="ts">
 import { ref, nextTick } from 'vue'
-import localPdfUrl from '@/assets/驿云通 (11).pdf'
 
 const counts = ref(true)
 const file = ref()
 const pdfRef = ref()
-const pdfUrl = ref('')
-const currentUrl = ref('')
+const pdfUrl = ref(
+  'https://501351981.github.io/vue-office/examples/dist/static/test-files/test.pdf',
+)
+const currentUrl = ref(pdfUrl.value)
 const searchKeyword = ref('')
 
-function loadLocalPdf() {
-  pdfUrl.value = ''
-  file.value = null
-  currentUrl.value = localPdfUrl
-}
-
-function printPdf() {
-  if (!currentUrl.value) return
-  window.print()
-}
-
 function importPdf(f: any) {
+  // 清除URL，使用文件上传
   pdfUrl.value = ''
   file.value = f
 
   if (f && f.name.endsWith('.pdf')) {
+    // 创建文件URL
     const fileUrl = URL.createObjectURL(f)
     currentUrl.value = fileUrl
   } else if (f) {
@@ -97,6 +81,7 @@ function importPdf(f: any) {
 
 function loadFromUrl() {
   if (pdfUrl.value.trim()) {
+    // 清除文件，使用URL
     clearFile()
     currentUrl.value = pdfUrl.value.trim()
   }
@@ -121,6 +106,7 @@ function clickPdf() {
   }
 }
 
+// 重新加载组件
 function reloadComponent() {
   counts.value = false
   nextTick(() => {
@@ -154,7 +140,6 @@ function reloadComponent() {
   }
 }
 
-.local-section,
 .upload-section,
 .url-section,
 .search-section {
@@ -219,16 +204,4 @@ function reloadComponent() {
     margin-bottom: 10px;
   }
 }
-
-@media print {
-  .control-panel {
-    display: none !important;
-  }
-
-  .pdf-container {
-    height: auto !important;
-    border: none !important;
-    overflow: visible !important;
-  }
-}
 </style>