Merge branch 'main' of https://github.com/VueFilesPreview/vue-files-preview

SmallTeddy · SmallTeddy · commit 02e18352677f · 2024-11-20T21:44:00.000+08:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,57 @@
+name: Deploy to Target Repo on Version Change
+
+on:
+  push:
+    paths:
+      - "package.json"  # 仅在 package.json 更新时触发
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      # Step 1: 检出源仓库代码
+      - name: Checkout Source Repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0  # 拉取完整历史记录
+
+      # Step 2: 检查 package.json 的版本号是否变化
+      - name: Check for Version Change
+        id: version
+        run: |
+          if [ "$(git rev-list --count HEAD)" -eq 1 ]; then
+             echo "No previous commit, setting version_changed to true."
+             echo "version_changed=true" >> $GITHUB_ENV
+           else
+             OLD_VERSION=$(git show HEAD~1:package.json | jq -r .version)
+             NEW_VERSION=$(jq -r .version package.json)
+             echo "Old version: $OLD_VERSION"
+             echo "New version: $NEW_VERSION"
+             if [ "$OLD_VERSION" != "$NEW_VERSION" ]; then
+               echo "version_changed=true" >> $GITHUB_ENV
+             else
+               echo "version_changed=false" >> $GITHUB_ENV
+             fi
+           fi
+      # Step 3: 如果版本号改变，则拉取目标仓库并执行 gh 指令
+      - name: Deploy to Target Repo
+        if: env.version_changed == 'true'
+        env:
+          TARGET_REPO_TOKEN: ${{ secrets.TARGET_REPO_TOKEN }}
+        run: |
+          # 克隆目标仓库
+          git clone https://x-access-token:${TARGET_REPO_TOKEN}@github.com/VueFilesPreview/vue-files-preview-demo.git vue-files-preview-demo
+          # 进入目标仓库目录
+          cd vue-files-preview-demo
+          # 安装依赖
+          npm install
+          # 确保脚本有执行权限
+          npm run gh
+          
+          # 提交并推送更改（如果脚本有更改内容）
+          git config user.name "github-actions[bot]"
+          git config user.email "github-actions[bot]@users.noreply.github.com"
+          git add .
+          git commit -m "feat: Auto-deploy on version change to $NEW_VERSION" || echo "No changes to commit"
+          git push
diff --git a/.github/workflows/release-cdn.yml b/.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
diff --git a/package.json b/package.json
@@ -40,7 +40,7 @@
     "build": "vite build",
     "preview": "vite preview",
     "unpub": "npm unpublish",
-    "pub": "cd dist && npm publish --access=public"
+    "pub": "cd dist && npm publish --access=public --registry=https://registry.npmjs.com"
   },
   "publishConfig": {
     "access": "public"
@@ -52,32 +52,32 @@
     "@codemirror/theme-one-dark": "6.1.2",
     "@vue-office/docx": "1.6.2",
     "@vue-office/excel": "1.7.8",
-    "@vueuse/core": "11.1.0",
+    "@vueuse/core": "11.2.0",
+    "codemirror": "^6.0.1",
     "epubjs": "0.3.93",
     "highlight.js": "11.10.0",
     "markdown-it": "14.1.0",
     "markdown-it-container": "4.0.0",
     "markdown-it-footnote": "4.0.0",
-    "vue": "3.5.11",
+    "vue": "3.5.12",
     "vue-codemirror": "6.1.1",
     "vue-demi": "0.14.8"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "2.26.0",
-    "@rollup/plugin-typescript": "12.1.0",
-    "@types/node": "22.7.4",
+    "@antfu/eslint-config": "3.8.0",
+    "@rollup/plugin-typescript": "12.1.1",
+    "@types/node": "22.9.0",
     "@vitejs/plugin-vue": "5.1.4",
-    "eslint": "9.12.0",
+    "eslint": "9.14.0",
     "npm-run-all": "4.1.5",
     "rimraf": "6.0.1",
-    "sass": "1.79.4",
+    "sass": "1.81.0",
     "ts-node": "10.9.2",
-    "tslib": "2.7.0",
-    "unplugin-auto-import": "0.18.3",
+    "tslib": "2.8.1",
     "tsx": "4.19.1",
     "unplugin-auto-import": "0.18.3",
-    "vite": "5.4.8",
-    "vite-plugin-dts": "4.2.3",
+    "vite": "5.4.10",
+    "vite-plugin-dts": "4.3.0",
     "vite-tsconfig-paths": "5.0.1"
   },
   "browserslist": [
diff --git a/packages/auto-imports.d.ts b/packages/auto-imports.d.ts
@@ -67,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')
 }
diff --git a/packages/preview/supports/video-preview/index.vue b/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>

Original file line number	Diff line number	Diff line change
`@@ -67,6 +67,6 @@ declare global {`
`67`	`67`	`// for type re-export`
`68`	`68`	`declare global {`
`69`	`69`	`// @ts-ignore`
`70`		`- export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'`
	`70`	`+ export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'`
`71`	`71`	`import('vue')`
`72`	`72`	`}`