@yxhl/specter-pui-vtk 1.0.90 → 1.0.92

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yxhl/specter-pui-vtk",
-  "version": "1.0.90",
+  "version": "1.0.92",
   "description": "雅心互联 Vue 3 + Vuetify3 组件库",
   "type": "module",
   "main": "./dist/specter-pui.umd.js",

package/src/components/assembly/VtkEmptyNew.vue

@@ -1,20 +1,18 @@
-<template>
-    <v-card class="pa-4 mx-auto text-center pt-10" color="transparent" elevation="0" style="border: none !important;box-shadow: none !important;">
-        <v-img contain width="120" class="mx-auto" src="@/assets/img/empty.svg" alt="" />
-        <p class="text-grey mt-1">{{ text || "暂无数据" }}</p>
-    </v-card>
-</template>
-
-<script setup>
-import { useAttrs } from 'vue';
-
-const attrs = useAttrs();
-
-// 定义 props
-const props = defineProps({
-    text: {
-        type: String,
-        default: null,
+<template>
+    <v-card class="pa-4 mx-auto text-center pt-10" color="transparent" elevation="0" style="border: none !important;box-shadow: none !important;">
+        <v-img contain width="120" class="mx-auto" :src="emptyImg" alt="" />
+        <p class="text-grey mt-1">{{ text || "暂无数据" }}</p>
+    </v-card>
+</template>
+
+<script setup>
+import emptyImg from '@/assets/img/empty.svg';
+
+// 定义 props
+defineProps({
+    text: {
+        type: String,
+        default: null,
     },
     items: {
         type: Array,
@@ -23,4 +21,4 @@ const props = defineProps({
 });
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped></style>

package/src/components/assembly/VtkImg.vue

@@ -326,9 +326,9 @@ const getImageFileExtension = (blob) => {
   }
 };
 
-const getCurrentImageFileName = (blob) => {
-  const extension = getImageFileExtension(blob);
-  const titleName = currentImageTitle.value?.trim();
+const getCurrentImageFileName = (blob) => {
+  const extension = getImageFileExtension(blob);
+  const titleName = currentImageTitle.value?.trim();
 
   if (titleName) {
     const safeTitle = titleName.replace(/[\\/:*?"<>|]/g, '_').replace(/\.[a-z0-9]+$/i, '');
@@ -343,19 +343,86 @@ const getCurrentImageFileName = (blob) => {
     return urlName ? `${urlName}.${extension}` : `image.${extension}`;
   } catch (error) {
     return `image.${extension}`;
-  }
-};
-
-const triggerBrowserDownload = (blob, fileName) => {
-  const url = window.URL.createObjectURL(blob);
-  const link = document.createElement('a');
-  link.href = url;
-  link.download = fileName;
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-  window.URL.revokeObjectURL(url);
-};
+  }
+};
+
+const isDownloadRiskWebView = () => {
+  const ua = window.navigator?.userAgent || '';
+  const hasEmbeddedBridge = typeof window.dd !== 'undefined' || typeof window.AlipayJSBridge !== 'undefined';
+  return hasEmbeddedBridge
+    || /DingTalk|AliApp\(DingTalk|zjzwfw|zzd|ZJGovernment|ZhejiangGovernment|GovDing|Electron|WebView|; wv\)/i.test(ua);
+};
+
+const getDownloadFailureReason = (error) => {
+  const message = error?.message || '';
+  const name = error?.name || '';
+
+  if (name === 'AbortError') return '已取消下载';
+  if (name === 'NotAllowedError' || name === 'SecurityError') return '当前客户端阻止了文件保存';
+  if (name === 'QuotaExceededError') return '存储空间不足或客户端限制写入';
+  if (/Failed to fetch|NetworkError|Load failed/i.test(message)) {
+    return '图片地址不允许跨域读取，或当前网络无法访问图片';
+  }
+  if (/HTTP error! status:\s*(\d+)/i.test(message)) {
+    return `图片请求失败，状态码 ${message.match(/HTTP error! status:\s*(\d+)/i)?.[1]}`;
+  }
+  if (/Response is not an image/i.test(message)) return '下载地址返回的不是图片文件';
+  if (/Downloaded image is empty/i.test(message)) return '下载到的图片文件为空';
+  if (/Downloaded file is not an image/i.test(message)) return '下载到的文件不是图片格式';
+  if (/Downloaded image cannot be decoded/i.test(message)) return '下载到的图片无法被浏览器解析';
+
+  return message || '未知错误';
+};
+
+const validateImageBlob = async (blob) => {
+  if (!blob || blob.size <= 0) {
+    throw new Error('Downloaded image is empty');
+  }
+
+  const extension = getImageFileExtension(blob);
+  const mimeType = blob.type?.split(';')[0]?.trim().toLowerCase();
+  if (mimeType && !mimeType.startsWith('image/')) {
+    throw new Error(`Downloaded file is not an image: ${mimeType}`);
+  }
+
+  if (typeof window.createImageBitmap === 'function' && mimeType !== 'image/svg+xml') {
+    try {
+      const bitmap = await window.createImageBitmap(blob);
+      bitmap.close?.();
+      return;
+    } catch (error) {
+      console.warn('VtkImg: createImageBitmap validation failed, fallback to Image validation', error);
+    }
+  }
+
+  if (extension === 'svg') return;
+
+  await new Promise((resolve, reject) => {
+    const url = window.URL.createObjectURL(blob);
+    const image = new Image();
+
+    image.onload = () => {
+      window.URL.revokeObjectURL(url);
+      resolve();
+    };
+    image.onerror = () => {
+      window.URL.revokeObjectURL(url);
+      reject(new Error('Downloaded image cannot be decoded'));
+    };
+    image.src = url;
+  });
+};
+
+const triggerBrowserDownload = (blob, fileName) => {
+  const url = window.URL.createObjectURL(blob);
+  const link = document.createElement('a');
+  link.href = url;
+  link.download = fileName;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  setTimeout(() => window.URL.revokeObjectURL(url), 60 * 1000);
+};
 
 const triggerBrowserUrlDownload = (url, fileName) => {
   const link = document.createElement('a');
@@ -384,11 +451,15 @@ const showDownloadToast = (message, color = 'info') => {
   }
 };
 
-const getDownloadFileHandle = async (fileName, blob) => {
-  if (typeof window.showSaveFilePicker !== 'function') {
-    showDownloadToast('当前浏览器不支持选择保存目录，将使用默认下载方式。', 'warning');
-    return null;
-  }
+const getDownloadFileHandle = async (fileName, blob) => {
+  if (isDownloadRiskWebView()) {
+    return null;
+  }
+
+  if (typeof window.showSaveFilePicker !== 'function') {
+    showDownloadToast('当前浏览器不支持选择保存目录，将使用默认下载方式。', 'warning');
+    return null;
+  }
 
   const extension = getImageFileExtension(blob);
   const mimeType = imageExtensionMimeMap[extension] || blob?.type || 'image/png';
@@ -467,11 +538,12 @@ const downloadCurrentImage = async () => {
     return;
   }
 
-  try {
-    const blob = await fetchCurrentImageBlob();
-    const fileName = getCurrentImageFileName(blob);
-    const fileHandle = await getDownloadFileHandle(fileName, blob);
-    if (fileHandle === false) return;
+  try {
+    const blob = await fetchCurrentImageBlob();
+    await validateImageBlob(blob);
+    const fileName = getCurrentImageFileName(blob);
+    const fileHandle = await getDownloadFileHandle(fileName, blob);
+    if (fileHandle === false) return;
 
     if (fileHandle) {
       const writable = await fileHandle.createWritable();
@@ -479,16 +551,27 @@ const downloadCurrentImage = async () => {
       await writable.close();
       showDownloadToast('图片下载成功。', 'success');
       return;
-    }
-
-    triggerBrowserDownload(blob, fileName);
-    showDownloadToast('图片已开始下载。', 'success');
-  } catch (error) {
-    console.error('下载图片失败：图片地址不允许跨域读取，请配置资源 CORS 或传入同源 downloadSrc。', error);
-    triggerBrowserUrlDownload(downloadUrl, getCurrentImageFileName());
-    showDownloadToast('图片下载失败，已切换为浏览器下载。', 'warning');
-  }
-};
+    }
+
+    triggerBrowserDownload(blob, fileName);
+    if (isDownloadRiskWebView()) {
+      showDownloadToast('已使用兼容方式下载图片，如文件仍不可用，请在系统浏览器中打开后保存。');
+      return;
+    }
+
+    showDownloadToast('图片已开始下载。', 'success');
+  } catch (error) {
+    const failureReason = getDownloadFailureReason(error);
+    console.error(`下载图片失败：${failureReason}`, error);
+    triggerBrowserUrlDownload(downloadUrl, getCurrentImageFileName());
+    if (isDownloadRiskWebView()) {
+      showDownloadToast(`下载失败：${failureReason}。已打开原图，请在系统浏览器中保存。`, 'warning');
+      return;
+    }
+
+    showDownloadToast(`下载失败：${failureReason}。已切换为浏览器下载。`, 'warning');
+  }
+};
 
 const resetImageTransform = () => {
   imageRotation.value = 0;

package/src/index.js

@@ -11,9 +11,10 @@ export { default as VtkDatePicker } from "./components/assembly/VtkDatePicker.vu
 export { default as VtkDateSelector } from "./components/assembly/VtkDateSelector.vue";
 export { default as VtkDateTimePicker } from "./components/assembly/VtkDateTimePicker.vue";
 export { default as VtkDept } from "./components/assembly/VtkDept.vue";
-export { default as VtkEmpty } from "./components/assembly/VtkEmpty.vue";
-export { default as VtkFab } from "./components/assembly/VtkFab.vue";
-export { default as VtkFormItem } from "./components/assembly/VtkFormItem.vue";
+export { default as VtkEmpty } from "./components/assembly/VtkEmpty.vue";
+export { default as VtkEmptyNew } from "./components/assembly/VtkEmptyNew.vue";
+export { default as VtkFab } from "./components/assembly/VtkFab.vue";
+export { default as VtkFormItem } from "./components/assembly/VtkFormItem.vue";
 export { default as VtkImg } from "./components/assembly/VtkImg.vue";
 export { default as VtkPage } from "./components/assembly/VtkPage.vue";
 export { default as VtkPdf } from "./components/assembly/VtkPdf.vue";
@@ -55,9 +56,10 @@ import VtkDatePicker from "./components/assembly/VtkDatePicker.vue";
 import VtkDateSelector from "./components/assembly/VtkDateSelector.vue";
 import VtkDateTimePicker from "./components/assembly/VtkDateTimePicker.vue";
 import VtkDept from "./components/assembly/VtkDept.vue";
-import VtkEmpty from "./components/assembly/VtkEmpty.vue";
-import VtkFab from "./components/assembly/VtkFab.vue";
-import VtkFormItem from "./components/assembly/VtkFormItem.vue";
+import VtkEmpty from "./components/assembly/VtkEmpty.vue";
+import VtkEmptyNew from "./components/assembly/VtkEmptyNew.vue";
+import VtkFab from "./components/assembly/VtkFab.vue";
+import VtkFormItem from "./components/assembly/VtkFormItem.vue";
 import VtkImg from "./components/assembly/VtkImg.vue";
 import VtkPage from "./components/assembly/VtkPage.vue";
 import VtkPdf from "./components/assembly/VtkPdf.vue";
@@ -80,9 +82,10 @@ function install(app, options = {}) {
     VtkDateSelector,
     VtkDateTimePicker,
     VtkDept,
-    VtkEmpty,
-    VtkFab,
-    VtkFormItem,
+    VtkEmpty,
+    VtkEmptyNew,
+    VtkFab,
+    VtkFormItem,
     VtkImg,
     VtkPage,
     VtkPdf,
@@ -128,8 +131,9 @@ export default {
   VtkDateSelector,
   VtkDateTimePicker,
   VtkDept,
-  VtkEmpty,
-  VtkFab,
+  VtkEmpty,
+  VtkEmptyNew,
+  VtkFab,
   VtkFormItem,
   VtkImg,
   VtkPage,