vome-core 0.0.46 → 0.0.48

package/dist/admin/crud/components/vm-preview-viewer.vue

@@ -73,9 +73,10 @@
             v-if="useDownloadAction"
             type="button"
             class="vm-file-preview-viewer__link"
+            :disabled="downloading"
             @click="downloadFile"
           >
-            下载
+            {{ downloading ? '下载中…' : '下载' }}
           </button>
           <button
             v-else
@@ -238,6 +239,8 @@ const props = withDefaults(
     radius?: number | string
     preview?: boolean
     fit?: 'cover' | 'contain'
+    /** 私有文件：点「下载」时先解析可访问短链 */
+    resolveDownloadUrl?: (url: string) => Promise<string | undefined>
   }>(),
   {
     embedded: false,
@@ -255,6 +258,7 @@ const emit = defineEmits<{ 'update:open': [v: boolean] }>()
 
 const internalOpen = ref(false)
 const loading = ref(false)
+const downloading = ref(false)
 const error = ref('')
 const textContent = ref('')
 const excelHtml = ref('')
@@ -336,16 +340,28 @@ const useDownloadAction = computed(
   () => kind.value === 'unsupported' || kind.value === 'office',
 )
 
-function downloadFile() {
-  const url = src.value
-  if (!url) return
-  const a = document.createElement('a')
-  a.href = url
-  a.download = displayName.value || 'download'
-  a.rel = 'noopener'
-  document.body.appendChild(a)
-  a.click()
-  a.remove()
+async function downloadFile() {
+  if (downloading.value) return
+  const raw = src.value
+  if (!raw) return
+  downloading.value = true
+  try {
+    let url = raw
+    if (props.resolveDownloadUrl) {
+      const signed = await props.resolveDownloadUrl(raw)
+      if (!signed) return
+      url = signed
+    }
+    const a = document.createElement('a')
+    a.href = url
+    a.download = displayName.value || 'download'
+    a.rel = 'noopener'
+    document.body.appendChild(a)
+    a.click()
+    a.remove()
+  } finally {
+    downloading.value = false
+  }
 }
 
 function openInNewWindow() {

package/dist/admin/crud/components/vm-upload-item.vue

@@ -58,33 +58,24 @@
 
     <div v-if="previewSrc" class="vm-upload-item__actions">
       <button
-        v-if="canInlinePreview"
         type="button"
         title="预览"
         @click.stop="previewOpen = true"
       >
         <i class="ri-zoom-in-line" />
       </button>
-      <button
-        v-else
-        type="button"
-        title="下载"
-        :disabled="downloading"
-        @click.stop="downloadFile"
-      >
-        <i class="ri-download-2-line" />
-      </button>
       <button v-if="!disabled" type="button" title="删除" @click.stop="emit('remove')">
         <i class="ri-delete-bin-line" />
       </button>
     </div>
 
     <vm-preview-viewer
-      v-if="canInlinePreview"
+      v-if="previewSrc"
       embedded
       v-model:open="previewOpen"
       :src="previewSrc"
       :file-name="item.name || item.url"
+      :resolve-download-url="resolveDownloadUrl"
     />
   </div>
 </template>
@@ -92,7 +83,6 @@
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
 import { useVideoFrame } from '../../lib/video-frame'
-import { getMediaPreviewKind } from '../../lib/file-preview'
 import { extname, getUploadRule } from '../../lib/upload'
 import VmPreviewViewer from './vm-preview-viewer.vue'
 import type { UploadItem } from '../../../../typings/admin/comm/upload'
@@ -104,8 +94,8 @@ const props = withDefaults(
     item: UploadItem
     disabled?: boolean
     showTag?: boolean
-    /** 私有桶等场景：先解析可访问 URL（如短时签名链）再下载 */
-    resolveDownloadUrl?: (url: string, item: UploadItem) => Promise<string | undefined>
+    /** 私有文件：预览内点「下载」时先解析可访问短链 */
+    resolveDownloadUrl?: (url: string) => Promise<string | undefined>
   }>(),
   {
     disabled: false,
@@ -117,55 +107,9 @@ const emit = defineEmits<{ remove: [] }>()
 
 const previewOpen = ref(false)
 const imgBroken = ref(false)
-const downloading = ref(false)
 
 const previewSrc = computed(() => props.item.preload || props.item.url || '')
 
-const INLINE_KINDS = new Set([
-  'image',
-  'video',
-  'audio',
-  'pdf',
-  'excel',
-  'text',
-])
-
-/** 可内嵌预览才开浮层；.vome 等直接下载，避免新窗口崩溃 */
-const canInlinePreview = computed(() => {
-  const name = props.item.name || props.item.url || ''
-  const kind = getMediaPreviewKind(name)
-  return INLINE_KINDS.has(kind)
-})
-
-async function downloadFile() {
-  if (downloading.value) return
-  const raw = previewSrc.value
-  if (!raw) return
-  downloading.value = true
-  try {
-    let url = raw
-    if (props.resolveDownloadUrl) {
-      const signed = await props.resolveDownloadUrl(raw, props.item)
-      if (!signed) return
-      url = signed
-    }
-    const base =
-      props.item.name ||
-      String(url).split('?')[0]?.split('/').pop() ||
-      'download'
-    const a = document.createElement('a')
-    a.href = url
-    a.download = base
-    a.rel = 'noopener'
-    a.target = '_blank'
-    document.body.appendChild(a)
-    a.click()
-    a.remove()
-  } finally {
-    downloading.value = false
-  }
-}
-
 /** 仅上传中显示；失败后隐藏，避免挡住预览/删除 */
 const showProgress = computed(() => {
   if (props.item.error) return false

package/dist/admin/crud/components/vm-upload.vue

@@ -97,8 +97,8 @@ const props = withDefaults(
     drag?: boolean
     prefixPath?: string
     beforeUpload?: (file: File) => boolean | Promise<boolean>
-    /** 私有桶等：下载前解析可访问 URL（短时签名链） */
-    resolveDownloadUrl?: (url: string, item: UploadItem) => Promise<string | undefined>
+    /** 私有文件：预览内点「下载」时先解析可访问短链 */
+    resolveDownloadUrl?: (url: string) => Promise<string | undefined>
   }>(),
   {
     modelValue: '',

package/dist/index.js

@@ -27856,7 +27856,7 @@ init_excel();
 // package.json
 var package_default = {
   name: "vome-core",
-  version: "0.0.46",
+  version: "0.0.48",
   description: "Vome framework \u2014 shared + Bun/Elysia server + Vue admin",
   license: "MIT",
   type: "module",

package/dist/server/index.js

@@ -31168,7 +31168,7 @@ init_excel();
 // package.json
 var package_default = {
   name: "vome-core",
-  version: "0.0.46",
+  version: "0.0.48",
   description: "Vome framework \u2014 shared + Bun/Elysia server + Vue admin",
   license: "MIT",
   type: "module",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vome-core",
-  "version": "0.0.46",
+  "version": "0.0.48",
   "description": "Vome framework — shared + Bun/Elysia server + Vue admin",
   "license": "MIT",
   "type": "module",