feat: v1.0.34

Author: wh131462

.github/workflows/release-cdn.yml

@@ -0,0 +1,47 @@
+name: Build and Release
+
+on:
+  push:
+    tags:
+      - 'v*'  # 仅在推送匹配 'v*' 的标签时触发
+
+jobs:
+  build-and-release:
+    runs-on: ubuntu-latest
+
+    steps:
+      # Step 1: 检出代码
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      # Step 2: 设置 Node.js 环境（根据需要调整 Node.js 版本）
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'  # 您的项目需要的 Node.js 版本
+
+      # Step 3: 安装依赖并构建项目
+      - name: Install dependencies and build
+        run: |
+          npm install
+          npm run build  # 运行构建命令
+
+      # Step 4: 创建 Release 并上传构建文件
+      - name: Create Release
+        id: create_release
+        uses: actions/create-release@v1
+        with:
+          tag_name: ${{ github.ref_name }}
+          release_name: Release ${{ github.ref_name }}
+          draft: false
+          prerelease: false
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Upload Build Artifacts
+        uses: actions/upload-release-asset@v1
+        with:
+          upload_url: ${{ steps.create_release.outputs.upload_url }}
+          asset_path: ./dist  # 构建输出的目录
+          asset_name: dist.zip  # 将构建的目录压缩为一个 ZIP 文件
+          asset_content_type: application/zip

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-files-preview",
-  "version": "1.0.33",
+  "version": "1.0.34",
   "private": false,
   "description": "A tool for previewing files such as doc, excel, pdf, image, markdown, txt, audio, and video and so on.",
   "author": "SmallTeddy",
@@ -42,7 +42,6 @@
     "unpub": "npm unpublish",
     "pub": "cd dist && npm publish --access=public"
   },
-  "jsdelivr": "",
   "publishConfig": {
     "access": "public"
   },
@@ -54,6 +53,7 @@
     "@vue-office/docx": "1.6.2",
     "@vue-office/excel": "1.7.8",
     "@vueuse/core": "11.1.0",
+    "codemirror": "^6.0.1",
     "epubjs": "0.3.93",
     "highlight.js": "11.10.0",
     "markdown-it": "14.1.0",

packages/auto-imports.d.ts

@@ -3,6 +3,7 @@
 // @ts-nocheck
 // noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
+// biome-ignore lint: disable
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
@@ -66,6 +67,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }

packages/preview/supports/video-preview/index.vue

@@ -57,16 +57,22 @@ onBeforeUnmount(() => {
   top: 0;
   width: 100vw !important;
   height: 100vh !important;
-  overflow: auto;
+  overflow: hidden; /* 隐藏溢出内容，保持全屏体验 */
+  background: rgba(0, 0, 0, 0.8); /* 背景色可提高视频对比度 */
+  display: flex; /* 使用 flexbox 来居中视频 */
+  align-items: center; /* 垂直居中 */
+  justify-content: center; /* 水平居中 */
 }
 
 .player-video-main {
   width: 100%;
-  object-fit: scale-down;
+  height: auto; /* 使视频保持宽高比 */
+  max-height: 100%; /* 限制最大高度以防溢出 */
+  object-fit: contain; /* 保持宽高比，可能会出现黑边 */
   transition: .2s;
+}
 
-  &.video-mirror {
-    transform: rotateY(180deg);
-  }
+.player-video-main.video-mirror {
+  transform: rotateY(180deg);
 }
 </style>