af-mobile-client-vue3 1.6.46 → 1.6.47

package/.env

@@ -5,7 +5,7 @@ VITE_APP_OUT_DIR=dist_af-library-mobile-web
 VITE_APP_VCONSOLE=false
 # 自定义参数
 VITE_APP_WEB_CONFIG_KEY=admin.webconfig
-VITE_APP_SYSTEM_NAME=af-safecheck
+VITE_APP_SYSTEM_NAME=af-system
 # 最低兼容性 V4（最新产品）V3(V3产品) OA(公司OA)
 VITE_APP_COMPATIBLE=V4
 VITE_RSA_PRIVATE_KEY=MIICdQIBADANBgkqhkiG9w0BAQEFAASCAl8wggJbAgEAAoGBAIRrmftLDHCQqREEJ132Onu+W3vmFbdF7QD751SrcDDGDTfzuz1zBuElvkHhuDBb7KZkXrCIe+MhvX2IvxcLObl3faX+evYlnfj2HRbF0hIpQLuIq22tL06ZcV5w7wqLxUZRpFElIFm8gZTkUvfKXVuHw89e4daDVhU5hK3GHNGTAgMBAAECgYABiINrFaE1E8pkBYx1JJA5yuhL73aUktfd2TeCU00vFg6kyrWCI85Sa2RKu/6CJNZWeOFgdubEUv7a22tRrNIZb3yUMaqtTwSso78mspIOJqjWXTkTH9WPElfTcdpdIse/lgZtPz6egxkuhadSvwrM9Y6NgusiW/5+x95Ct08iOQJBAN5aK+7uISURvGQj2EaRtgGEd8+d4oHl+BYvvTeG3qSgUikHQW3j0sp4gXPw2kxw6sjVgLFOc4FB6LGqwzOTzokCQQCYdYG8ty3Uo/ebUlNzeJFxHXjy/KvBSytAUzAXkRu3nZrkEaPQsi3dgOkZgk+F1fMDzfQ4EbDIU6xvqOoZXHg7AkATCW9XfoXR8anKfRMoP5Nwn9HOMbtR2cmaxK2TknV/bMZ8AsYETYwfj5+tuIJIJybC2RyykX/sIiN1CqS5xr7ZAkArj19rMRdaKyMi8MnBM1Cy9g3Jt2HHj5ejAGG8SgyWUOShh1y70z0BjcSMMkxQXAncK2s83ekZw7aADM4eQupjAkARRgTwwMOnn3IoKmQusKhZk0uxilZ4Zc2LH6Z4GiWnvteM0W8Zw4Z1lJUcjgQq3dGqL2RdmzeQZ+HgPIOXrZVK

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.6.46",
+  "version": "1.6.47",
   "packageManager": "pnpm@10.13.1",
   "description": "Vue + Vite component lib",
   "engines": {

package/src/components/data/FilePreview/index.vue

@@ -40,6 +40,7 @@ const fileSource = shallowRef<string | ArrayBuffer>('')
 const textContent = ref('')
 const imageSrc = ref('')
 const videoSrc = ref('')
+const audioSrc = ref('')
 const openUrl = ref('')
 const downloadName = ref('')
 const loading = ref(false)
@@ -66,24 +67,36 @@ async function init(options: FilePreviewInitOptions) {
   fileSource.value = ''
   imageSrc.value = ''
   videoSrc.value = ''
+  audioSrc.value = ''
 
   try {
     switch (previewKind.value) {
       case 'image':
         imageSrc.value = openUrl.value
         break
+
       case 'video':
         videoSrc.value = openUrl.value
         break
+
+      case 'audio':
+        audioSrc.value = openUrl.value
+        break
+
       case 'text':
         textContent.value = await fetchResourceText(openUrl.value)
         break
+
       case 'pdf':
       case 'docx':
+      case 'doc':
       case 'xlsx':
+      case 'xls':
         fileSource.value = await fetchResourceArrayBuffer(openUrl.value)
         break
-      default:
+
+      case 'unsupported':
+        // 未知格式，直接用 iframe 尝试打开，无需预加载内容
         break
     }
   }
@@ -95,11 +108,6 @@ async function init(options: FilePreviewInitOptions) {
   }
 }
 
-function openExternal() {
-  if (openUrl.value)
-    window.open(openUrl.value, '_blank')
-}
-
 function handleDownload() {
   if (!openUrl.value)
     return
@@ -139,14 +147,16 @@ defineExpose({
         class="office-preview"
         @error="onRenderError"
       />
+      <!-- docx / doc 共用同一渲染器 -->
       <VueOfficeDocx
-        v-else-if="previewKind === 'docx' && fileSource"
+        v-else-if="(previewKind === 'docx' || previewKind === 'doc') && fileSource"
         :src="fileSource"
         class="office-preview"
         @error="onRenderError"
       />
+      <!-- xlsx / xls 共用同一渲染器 -->
       <VueOfficeExcel
-        v-else-if="previewKind === 'xlsx' && fileSource"
+        v-else-if="(previewKind === 'xlsx' || previewKind === 'xls') && fileSource"
         :src="fileSource"
         class="office-preview"
         @error="onRenderError"
@@ -157,8 +167,26 @@ defineExpose({
       <div v-else-if="previewKind === 'video'" class="preview-video-wrapper">
         <video class="preview-video" controls :src="videoSrc" />
       </div>
+      <div v-else-if="previewKind === 'audio'" class="preview-audio-wrapper">
+        <audio class="preview-audio" controls :src="audioSrc" />
+      </div>
       <pre v-else-if="previewKind === 'text'" class="preview-text">{{ textContent }}</pre>
-      <VanEmpty v-else description="暂不支持在线预览该格式">
+      <!-- 未知格式：用 iframe 尝试直接打开，系统/浏览器自行决定如何处理 -->
+      <div v-else-if="previewKind === 'unsupported'" class="preview-iframe-wrapper">
+        <iframe
+          :src="openUrl"
+          class="preview-iframe"
+          sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
+          @error="onRenderError"
+        />
+        <div class="preview-iframe-fallback">
+          <span>若文件无法显示，请</span>
+          <VanButton size="small" type="primary" plain @click="handleDownload">
+            下载查看
+          </VanButton>
+        </div>
+      </div>
+      <VanEmpty v-else description="文件路径异常">
         <VanButton v-if="openUrl" size="small" type="primary" @click="handleDownload">
           下载
         </VanButton>
@@ -232,4 +260,43 @@ defineExpose({
   line-height: 1.5;
   color: #333;
 }
+
+.preview-audio-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 32px 16px;
+  min-height: 120px;
+}
+
+.preview-audio {
+  width: 100%;
+  max-width: 480px;
+}
+
+.preview-iframe-wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  flex: 1;
+}
+
+.preview-iframe {
+  width: 100%;
+  flex: 1;
+  min-height: 200px;
+  border: none;
+}
+
+.preview-iframe-fallback {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  font-size: 12px;
+  color: #999;
+  flex-shrink: 0;
+  border-top: 1px solid #f0f0f0;
+}
 </style>