@lazycatcloud/vue-media-preview 0.1.0-preview.34 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -11
- package/dist/vue-media-preview.cjs +1 -1
- package/dist/vue-media-preview.css +1 -1
- package/dist/vue-media-preview.js +545 -560
- package/docs/testing.md +3 -2
- package/docs/vue-media-preview.md +2 -0
- package/package.json +6 -3
package/docs/testing.md
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
| `livePhoto.test.ts` | 封面与一次播放、失败/切页复位、当前帧、长按与松手、加载中点击及迟到结果 |
|
|
19
19
|
| `timeline.test.ts` | 海量列表定位、分组与不满行 |
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
常规动画尺寸、原图复用和焦点行为已并入对应完整场景；不再为同一行为保留单独的辅助函数测试。会话测试的组件自动清理在断言失败时也会执行，避免污染后续会话。
|
|
22
22
|
|
|
23
23
|
`pnpm type-check` 检查库和 Demo；`pnpm build` 生成库、声明文件与 Demo 生产构建。
|
|
24
24
|
|
|
@@ -26,7 +26,8 @@
|
|
|
26
26
|
|
|
27
27
|
使用连接的 Chrome，对照线上相册的日期网格、预览入口与工具栏，再在 390×844 手机视口测试新 Demo：
|
|
28
28
|
|
|
29
|
-
-
|
|
29
|
+
- 卡片展开、当前卡片收回；两端打开、关闭和清空列表均不主动移动焦点，不抢占下一次点击。
|
|
30
|
+
- Tab / Shift+Tab 使用浏览器默认导航，不在预览或 Demo 弹层内循环；无组件自定义焦点框。
|
|
30
31
|
- 横滑下一张，放大后拖动不误翻页，双击缩放与复位。
|
|
31
32
|
- 下拉小距离回弹、大距离退出。
|
|
32
33
|
- 全景图旋转后的宽高约束。
|
|
@@ -186,6 +186,8 @@ const resolveImageSource = (media, quality, targetWidth) =>
|
|
|
186
186
|
|
|
187
187
|
`teleportDisabled` 将预览留在宿主的页面容器中，根元素接受 `class` 和 `style`；页面容器应提供定位上下文。`persistentChrome` 保持业务工具栏在点击图片及缩放时可用。`keyboardEnabled=false` 交给宿主处理快捷键与弹窗优先级，`gesturesEnabled=false` 暂停媒体手势以支持圈选等覆盖层。
|
|
188
188
|
|
|
189
|
+
组件不管理焦点：打开、关闭及清空列表均不主动聚焦或恢复焦点，不拦截 Tab / Shift+Tab，也不提供自定义焦点框样式。Demo 弹层遵循同一规则。按钮和视频进度条沿用浏览器正常的焦点行为，视频进度条仍支持方向键、Home / End 定位；`keyboardEnabled` 只控制预览快捷键。
|
|
190
|
+
|
|
189
191
|
`goTo(index)` 在会话打开时同步宿主下标；相邻项平滑翻页，跨多项直接定位。列表窗口更新按稳定 ID 保留当前项，仅调整其下标，不取消翻页动画或拖动；页面引用也以媒体 ID 管理。删除当前媒体才重新定位到邻项。`element` 是预览根元素，`canvasElement()` 返回当前图片画布，`mediaElement()` 返回当前解码媒体，`togglePlayback()` 控制视频播放。`ready(index, quality)` 仅报告当前页真实就绪。
|
|
190
192
|
|
|
191
193
|
`videoLoader(video, media, reportError)` 可由宿主绑定 HLS 等传输，返回释放函数。仅当前可加载视频绑定，离开或卸载立即释放；重试重新绑定。默认使用原生视频地址。组件库不依赖 HLS 播放库。
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lazycatcloud/vue-media-preview",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Vue 3 canvas media preview with shared element transitions, gestures, and virtual paging.",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
@@ -43,12 +43,15 @@
|
|
|
43
43
|
"preview": "vite preview --config demo/vite.config.ts --port 2392 --host 0.0.0.0",
|
|
44
44
|
"format": "prettier --write .",
|
|
45
45
|
"format:check": "prettier --check .",
|
|
46
|
-
"prepublishOnly": "pnpm run type-check && pnpm test && pnpm run build"
|
|
46
|
+
"prepublishOnly": "pnpm run type-check && pnpm test && pnpm run build",
|
|
47
|
+
"release": "make npm-release",
|
|
48
|
+
"release:minor": "make npm-release-minor",
|
|
49
|
+
"release:major": "make npm-release-major"
|
|
47
50
|
},
|
|
48
51
|
"publishConfig": {
|
|
49
52
|
"access": "public",
|
|
50
53
|
"registry": "https://registry.npmjs.org/",
|
|
51
|
-
"tag": "
|
|
54
|
+
"tag": "latest"
|
|
52
55
|
},
|
|
53
56
|
"peerDependencies": {
|
|
54
57
|
"vue": "^3.4.0"
|